.quota-bubble{margin-bottom:10px;min-width:280px;z-index:1000;animation:quotaBubbleSlideUp .3s ease-out}.quota-bubble-content{background:white;border-radius:12px;padding:16px;border:1px solid rgb(236 238 247)}.quota-bubble-header{display:flex;align-items:center;gap:8px}.quota-bubble-icon{font-size:16px;color:#7375A5}.quota-bubble-title{font-weight:600;font-size:14px;color:#1f2937;flex:1}.quota-bubble-dismiss{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.quota-bubble-dismiss:hover{background-color:rgba(0,0,0,.05)}.quota-bubble-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:12px}.quota-bubble-actions{display:flex;justify-content:flex-end}.quota-bubble-action-button{background:linear-gradient(135deg,#7375A5,#10BBA9);color:white;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.quota-bubble-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.quota-bubble-action-button:active{transform:translateY(0)}.quota-bubble-arrow{position:absolute;top:100%;left:50%;transform:translateX(-50%);color:white;font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.quota-bubble.approaching .quota-bubble-content{border-left:4px solid #f59e0b}.quota-bubble.approaching .quota-bubble-icon{color:#f59e0b}.quota-bubble.exceeded .quota-bubble-content{border-left:4px solid #ef4444}.quota-bubble.exceeded .quota-bubble-icon{color:#ef4444}.quota-bubble.guest .quota-bubble-content{border-left:4px solid #7375a5}.quota-bubble.guest .quota-bubble-icon{color:#7375a5}.quota-bubble.premium .quota-bubble-action-button{background:linear-gradient(135deg,#f59e0b,#d97706)}.quota-bubble.premium.exceeded .quota-bubble-action-button{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes quotaBubbleSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.quota-bubble{max-width:90vw;min-width:280px;left:50%}.quota-bubble-content{padding:12px}.quota-bubble-title{font-size:13px}.quota-bubble-message{font-size:12px}.quota-bubble-action-button{font-size:12px;padding:6px 12px}}