.usage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.usage-modal-content{background:#fff;border-radius:1rem;max-width:500px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.usage-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:color .2s ease;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.usage-modal-close:hover{color:#1f2937;background:#f3f4f6}.usage-modal-icon{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:3rem;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2rem auto 1rem;box-shadow:0 10px 30px rgba(245,158,11,.3)}.usage-modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;text-align:center;margin:0 0 1.5rem;padding:0 2rem}.usage-modal-body{padding:0 2rem 2rem}.usage-modal-message{font-size:1rem;color:#4b5563;line-height:1.6;text-align:center;margin:0 0 2rem}.usage-modal-message strong{color:#1f2937;font-weight:600}.usage-modal-stats{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #e5e7eb}.usage-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.usage-stat-item:last-child{border-bottom:none}.usage-stat-item.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);margin:.75rem -1rem -1rem;padding:1rem;border-radius:0 0 .5rem .5rem;border-bottom:none}.usage-stat-label{font-size:.875rem;font-weight:500;color:#6b7280}.usage-stat-item.highlight .usage-stat-label{color:#92400e;font-weight:600}.usage-stat-value{font-size:1.125rem;font-weight:700;color:#1f2937}.usage-stat-item.highlight .usage-stat-value{color:#b45309}.usage-modal-actions{display:flex;gap:1rem;flex-direction:column}.usage-modal-button{padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.usage-modal-button.upgrade{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.usage-modal-button.upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.usage-modal-button.cancel{background:#f3f4f6;color:#6b7280}.usage-modal-button.cancel:hover{background:#e5e7eb;color:#1f2937}.usage-modal-button:active{transform:translateY(0)}@media (max-width:640px){.usage-modal-content{margin:1rem}.usage-modal-icon{width:60px;height:60px;font-size:2rem}.usage-modal-title{font-size:1.5rem;padding:0 1.5rem}.usage-modal-body{padding:0 1.5rem 1.5rem}.usage-modal-stats{padding:1rem}.usage-stat-item.highlight{margin:.5rem -.5rem -.5rem}}