.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:90%;max-width:480px;padding:2rem;border-radius:20px;animation:slideUp .3s ease-out;color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.modal-close:hover{background:#ffffff26;color:var(--text-primary);transform:rotate(90deg)}.modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.modal-icon.warning{background:#fbbf241a;color:#fbbf24}.modal-icon.danger{background:#ef44441a;color:#ef4444}.modal-icon.success{background:#22c55e1a;color:#22c55e}.modal-title{font-size:1.5rem;font-weight:700;margin:0;text-align:center;color:var(--text-primary)}.modal-body{margin-bottom:2rem}.modal-message{font-size:1rem;line-height:1.6;color:var(--text-secondary);text-align:center;margin:0}.modal-footer{display:flex;gap:1rem}.modal-button{flex:1;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-button-cancel{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.modal-button-cancel:hover{background:#ffffff26;transform:translateY(-2px)}.modal-button-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.modal-button-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-button-confirm.danger:hover{box-shadow:0 8px 16px #ef44444d}.toast{position:fixed;top:2rem;right:2rem;min-width:320px;max-width:480px;padding:1rem 1.25rem;border-radius:12px;z-index:10000;animation:slideInRight .3s ease-out;display:flex;align-items:center;justify-content:space-between;gap:1rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-content{display:flex;align-items:center;gap:.875rem;flex:1}.toast-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-success{background:#22c55e26;color:#22c55e}.toast-icon-error{background:#ef444426;color:#ef4444}.toast-icon-warning{background:#fbbf2426;color:#fbbf24}.toast-message{font-size:.95rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}.toast-close{width:28px;height:28px;border:none;background:#ffffff1a;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#ffffff26;color:var(--text-primary)}.toast-success{border-left:4px solid #22c55e}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #fbbf24}@media(max-width:640px){.modal-container{width:95%;padding:1.5rem}.modal-title{font-size:1.25rem}.modal-footer{flex-direction:column}.toast{top:1rem;right:1rem;left:1rem;min-width:unset}}#root{width:100%;height:100vh;overflow:hidden}.glass{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}[data-theme=light] .glass{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.login-container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:linear-gradient(45deg,#6366f1,#8b5cf6);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(45deg,#ec4899,#f43f5e);bottom:-10%;right:-10%;animation-delay:7s}.orb-3{width:350px;height:350px;background:linear-gradient(45deg,#14b8a6,#06b6d4);top:40%;right:20%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}.login-card{position:relative;z-index:10;width:90%;max-width:440px;padding:3rem;border-radius:24px;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.logo-container{display:inline-flex;padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;margin-bottom:1.5rem}.logo-icon{color:#fff}.login-header h1{font-size:2rem;margin:0 0 .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:1rem;border-radius:12px;color:#ef4444;font-size:.9rem;text-align:center;border-color:#ef44444d}.input-group{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.glass-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.glass-input:focus{outline:none;border-color:#6366f1;background:#ffffff14}.glass-input::placeholder{color:var(--text-secondary)}.glass-button{padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #6366f166}.glass-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f180}.glass-button:active{transform:translateY(0)}.login-footer{margin-top:1.5rem;text-align:center}.demo-info{font-size:.85rem;color:var(--text-secondary);margin:0}.dashboard-layout{display:flex;width:100%;height:100vh;background:var(--bg-primary);overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow:hidden;margin-left:280px}.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:0}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;padding:1.5rem;border-radius:0;transition:transform .3s ease;z-index:100;display:flex;flex-direction:column}.sidebar.closed{transform:translate(-280px)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sidebar-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sidebar-logo svg{color:#6366f1}.sidebar-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.sidebar-toggle:hover{background:#ffffff1a}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-weight:500}.sidebar-item:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-radius:0;position:sticky;top:0;z-index:50}.navbar-left{display:flex;align-items:center;gap:1rem}.navbar-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.navbar-right{display:flex;align-items:center;gap:1rem}.icon-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;cursor:pointer;color:var(--text-primary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#ffffff1a;transform:translateY(-2px)}.profile-container{position:relative}.profile-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.profile-button:hover{background:#ffffff1a}.profile-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #6366f1}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.profile-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.profile-role{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;padding:.5rem;border-radius:12px;animation:slideDown .2s ease-out}.profile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;background:transparent;border:none;width:100%;text-align:left;font-size:.95rem}.profile-menu-item:hover{background:#ffffff1a}.profile-menu-item.logout{color:#ef4444}.profile-menu-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.page-content{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.page-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:#fff3}.admin-page{max-width:100%;margin:0 auto}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:2rem;margin:0 0 .5rem;color:var(--text-primary)}.page-header p{color:var(--text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-title{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.stat-change{font-size:.875rem;font-weight:600}.stat-change.up{color:#10b981}.stat-change.down{color:#ef4444}.table-container{padding:1.5rem;border-radius:16px;animation:fadeIn .6s ease-out}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1.5rem}.table-header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.table-header-right{display:flex;align-items:center;gap:1rem}.table-header h2{font-size:1.5rem;margin:0;color:var(--text-primary);white-space:nowrap}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:.625rem 1rem .625rem 2.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#6366f1;background:#ffffff14}.search-input::placeholder{color:var(--text-secondary)}.refresh-button{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.625rem;cursor:pointer;color:#6366f1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:#6366f133;transform:rotate(180deg)}.refresh-button:active{transform:rotate(180deg) scale(.95)}.table-count{font-size:.875rem;color:var(--text-secondary);padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;white-space:nowrap}.table-wrapper{overflow-x:auto;border-radius:12px}.organization-table{width:100%;border-collapse:separate;border-spacing:0}.organization-table thead{background:#ffffff0d}.organization-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.organization-table th svg{display:inline-block;margin-right:.5rem;vertical-align:middle}.organization-table tbody tr{transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.organization-table tbody tr:hover{background:#ffffff0d}.organization-table td{padding:1rem;color:var(--text-primary);font-size:.95rem}.org-name{font-weight:600}.positive{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}.credit-box{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;min-width:50px;text-align:center}.credit-box.available{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.credit-box.used{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.module-preview{display:flex;align-items:center;gap:.5rem}.module-preview-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.module-preview-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.module-count{color:var(--text-secondary);font-weight:500;font-size:.85rem}.status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.inactive{background:#ef444433;color:#ef4444}.expand-button{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:.5rem;cursor:pointer;color:#6366f1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.expand-button:hover{background:#6366f133}.expand-button svg{transition:transform .3s ease}.expand-button svg.rotated{transform:rotate(180deg)}.expanded-row{background:#6366f108}.expanded-row td{padding:0!important}.module-details{padding:2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.module-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.module-card{padding:1.5rem;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--module-color);opacity:.8}.module-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.module-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.module-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026;flex-shrink:0}.module-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);flex:1}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.module-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.subscribed-badge{padding:.25rem .625rem;background:#10b98133;color:#10b981;border-radius:6px;font-size:.7rem;font-weight:600;border:1px solid rgba(16,185,129,.3)}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-value.available{color:#10b981}.stat-value.consumed{color:#ef4444}.stat-value.total{color:#6366f1}.progress-section{margin-top:1.25rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;font-size:.8rem;color:var(--text-secondary);font-weight:600}.progress-percentage{font-size:.875rem;font-weight:700;color:var(--text-primary)}.progress-bar{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease;box-shadow:0 2px 8px #0003}@media(max-width:1400px){.module-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.module-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.module-cards{grid-template-columns:1fr}}.loading-spinner,.error-state{text-align:center;padding:3rem;color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.pagination-info{color:var(--text-secondary);font-size:.9rem}.pagination-controls{display:flex;gap:.5rem}.pagination-button{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.pagination-button:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.page-numbers{display:flex;gap:.25rem}.page-number{min-width:40px;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:center}.page-number:hover:not(.active){background:#ffffff1a}.page-number.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;font-weight:600}@media(max-width:768px){.sidebar{width:100%;border-radius:0}.navbar{margin:1rem;padding:1rem}.navbar-title{font-size:1.25rem}.profile-info{display:none}.stats-grid{grid-template-columns:1fr}.page-content{padding:1rem}.table-wrapper{overflow-x:scroll}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--text-primary: #ffffff;--text-secondary: #9ca3af;--border-color: rgba(255, 255, 255, .1);--accent-primary: #6366f1;--accent-secondary: #8b5cf6}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: rgba(0, 0, 0, .1);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.6}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#6366f14d;color:var(--text-primary)}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}