@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#132039;--muted:#8290a4;--line:#e4eaf1;--blue:#16877d;--teal:#16877d;--green:#19bd7a;--shadow:0 10px 30px rgba(27,49,77,.055);--bg:#f3f7fb;background:#f3f7fb;color:#132039;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--ink:#e7eaf1;--line:#2a3042;--surface:#202532;--bg:#141821;--shadow:0 8px 24px #00000038;background:#141821;color:#e7eaf1}*{box-sizing:border-box}html{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}html::-webkit-scrollbar{height:8px;width:8px}html::-webkit-scrollbar-track{background:#0000}html::-webkit-scrollbar-thumb{background:#cbd5e1;background-clip:padding-box;border:2px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}html[data-theme=dark]{scrollbar-color:#4a556b #0000}html[data-theme=dark]::-webkit-scrollbar-thumb{background:#4a556b;background-clip:padding-box}body{background:#f3f7fb;margin:0;min-height:100vh;min-height:100dvh;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:#f3f7fb;background:var(--bg);height:100vh;height:100dvh;min-height:0;overflow:hidden}.top-title{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.top-subtitle{border-left:1px solid #e1e7ed;color:#9aa6b5;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;margin-left:11px;padding-left:11px}.profile{align-items:center;background:#fff;border:0;border-radius:10px;color:#56657a;display:flex;font-size:12px;font-weight:700;gap:9px;height:40px;padding:0 1px 0 4px}:root[data-theme=dark] .profile{background:#242a38;border:1px solid #3a4252;color:#e1e5ee}.page-content{background:#f3f7fb;background:var(--bg);flex:1 1 auto;margin:0 auto;max-width:1640px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px 25px 24px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:100%}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#0000}.page-content::-webkit-scrollbar-thumb{background:#cbd5e1;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.page-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}:root[data-theme=dark] .page-content{scrollbar-color:#4a556b #0000}:root[data-theme=dark] .page-content::-webkit-scrollbar-thumb{background:#4a556b;background-clip:padding-box}.page-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:27px}.eyebrow{display:none}.page-heading h1{color:#242d3c;font-family:DM Sans,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:6px 0 4px}:root[data-theme=dark] .page-heading h1{color:#eef0f6}.page-description{color:#818b9b;font-size:15px;margin:0}:root[data-theme=dark] .page-description{color:#a8b0c0}.heading-actions{display:flex;gap:10px}.button{align-items:center;border-radius:9px;display:inline-flex;font-size:16px;font-weight:700;gap:7px;height:39px;justify-content:center;padding:0 15px;transition:transform .12s,box-shadow .12s,background .12s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{box-shadow:0 5px 12px #16877d2b;font-size:13px}.button.ghost{border-color:#e2e5eb;border-radius:9px;color:#657287}:root[data-theme=dark] .button.ghost{background:#252b39;border-color:#3a4252;color:#d5dbe6}.button.blue{background:#16877d;color:#fff}.button.green{background:#12b987;color:#fff}.button.red{background:#ef5260;color:#fff}.button.small{font-size:10px;height:31px;padding:0 10px}.filter-toggle-row{display:flex;justify-content:flex-end;margin:0 0 12px}.filter-toggle-btn{align-items:center;background:#fff;border:1px solid #d9def0;border-radius:10px;box-shadow:0 2px 8px #4f46e50f;color:#5145cd;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;justify-content:center;line-height:1;min-height:36px;padding:0 13px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.filter-toggle-btn:hover{background:#f8f7ff;border-color:#bdb7ff;transform:translateY(-1px)}.filter-toggle-btn:focus-visible{outline:3px solid #6366f140;outline-offset:2px}.filter-toggle-btn svg{flex:none;height:14px;width:14px}.filter-toggle-btn:after{border-bottom:1.7px solid;border-right:1.7px solid;content:"";height:6px;margin-left:2px;transform:rotate(45deg) translateY(-1px);transition:transform .2s ease;width:6px}.filter-toggle-btn[aria-expanded=true]:after{transform:rotate(225deg) translateY(-1px)}:root[data-theme=dark] .filter-toggle-btn{background:#252b39;border-color:#3a4252;box-shadow:none;color:#c7c5ff}:root[data-theme=dark] .filter-toggle-btn:hover{background:#292844;border-color:#4b478a;color:#d6d4ff}.stats-grid{grid-gap:15px;display:grid;gap:15px;margin-bottom:20px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 20px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px}.stat-card{align-items:center;background:var(--surface);border:1px solid #e9edf2;border-radius:13px;box-shadow:0 10px 30px rgba(27,49,77,.055);box-shadow:var(--shadow);display:flex;gap:14px;min-height:107px;min-width:0;padding:18px 17px}:root[data-theme=dark] .stat-card{background:#202532;border-color:#2a3042}.stat-icon{border-radius:12px;flex:0 0 47px;font-size:21px;font-weight:600;height:47px;width:47px}.stat-icon.blue{background:#e5f4f1;color:#16877d}.stat-icon.green{background:#e9faf2;color:#14b979}.stat-icon.amber{background:#fff5e6;color:#f3a627}.stat-icon.violet{background:#f0efff;color:#7465d9}.stat-icon.pink{background:#fff0f3;color:#e65c7a}.stat-icon.teal{background:#e8f8f7;color:#11aaa4}.stat-icon.orange{background:#f2eafb;color:#8054a6}.stat-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-copy>span{color:#7d899a;font-size:13px}.stat-copy strong{color:#142038;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}:root[data-theme=dark] .stat-copy strong{color:#eef0f6}.stat-copy small{color:#99a3b1;font-size:12px;letter-spacing:.2px;white-space:nowrap}:root[data-theme=dark] .stat-copy small,:root[data-theme=dark] .stat-copy>span{color:#a8b0c0}.panel{background:#fff;border:1px solid #e7e9ee;border-radius:12px;box-shadow:0 2px 9px rgba(30,43,67,.025);padding:20px}:root[data-theme=dark] .panel{background:#202532;border-color:#2a3042;color:#e7eaf1}.panel-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:17px}.panel-heading h2,.section-head h2{font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;margin:0}:root[data-theme=dark] .panel-heading h2,:root[data-theme=dark] .section-head h2{color:#eef0f6}.panel-heading p,.section-head p{color:#98a3b1;font-size:12px;margin:3px 0 0}:root[data-theme=dark] .panel-heading p{color:#a8b0c0}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{background:#f9fafb;color:#788292;font-size:12px;font-weight:700;letter-spacing:.06em;padding:11px 13px;text-transform:uppercase}td,th{border-bottom:1px solid #edf1f5}td{color:#47566b;font-size:13px;padding:12px 13px}tbody tr:nth-child(2n){background:#fbfcfe}tbody tr:nth-child(odd){background:#fff}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f5f7fb}:root[data-theme=dark] th{background:#232836;border-bottom-color:#2a3042;color:#cbd2df}:root[data-theme=dark] td{border-bottom:1px solid #2a3042;color:#d1d7e2}:root[data-theme=dark] tbody tr:nth-child(2n),:root[data-theme=dark] tbody tr:nth-child(odd){background:#202532}:root[data-theme=dark] tbody tr:hover{background:#282e3d}:root[data-theme=dark] tbody tr:hover td{border-bottom-color:#343b49}:root[data-theme=dark] .table-scroll{border-color:#2a3042}.student-cell{gap:9px}.student-avatar{background:#edf4ff;border-radius:10px;color:#4a78d0;font-size:10px;font-weight:800;height:32px;width:32px}:root[data-theme=dark] .student-avatar{background:#2a3242;color:#8b9aff}.student-cell b{color:#17253c;font-size:14px}:root[data-theme=dark] .student-cell b{color:#edf0f6}.muted-note,.student-cell small{color:#98a3b1;display:block;font-size:12px;margin-top:3px}:root[data-theme=dark] .muted-note,:root[data-theme=dark] .student-cell small{color:#a8b0c0}.status{align-items:center;display:inline-flex;font-size:9px;padding:4px 8px}.status.good{background:#e8f8f0;color:#0ba36a}.status.muted{background:#eff2f5;color:#8792a1}:root[data-theme=dark] .status.good{background:#1a2e28;color:#34d399}:root[data-theme=dark] .status.muted{background:#2a3042;color:#a8b0c0}.toolbar{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:15px}.search-wrap,.toolbar{align-items:center;display:flex}.search-wrap{background:#fff;border:1px solid #e2e8ef;border-radius:9px;color:#96a3b3;gap:9px;height:38px;min-width:210px;padding:0 12px}:root[data-theme=dark] .search-wrap{background:#252b39;border-color:#3a4252;color:#e7eaf1}.search-wrap input{background:#0000;border:0;color:#132039;color:var(--ink);font-size:16px;outline:0;width:100%}.search-wrap input::placeholder{color:#9ba7b6}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:#fff;border:1px solid #e1e7ed;border-radius:7px;color:#718095;font-size:16px;font-weight:600;height:31px;padding:0 11px}:root[data-theme=dark] .filter-chip{background:#252b39;border-color:#3a4252;color:#d5dbe6}.filter-chip.active{background:#e8f5f2;border-color:#b8ddd7;color:#14766e}:root[data-theme=dark] .filter-chip.active{background:#1e2f2d;border-color:#2a5a56;color:#5ee9c8}.payment-pill{border:1px solid;display:inline-block;font-weight:600;padding:3px 10px}.payment-pill.paid,.payment-pill.paid-pill{background:#e6f9ed;border-color:#b6e8c7;color:#0a9a4a}.payment-pill.pending{background:#fff4e0;border-color:#ffd89a;color:#d67f00}.payment-pill.overdue{background:#ffe2e2;border-color:#ffb3b3;color:#d12a2a}:root[data-theme=dark] .payment-pill.paid{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .payment-pill.pending{background:#2e261a;border-color:#5a4a2a;color:#fcd34d}:root[data-theme=dark] .payment-pill.overdue{background:#2e1a1a;border-color:#5a2a2a;color:#fca5a5}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111f356b;display:grid;padding:22px;place-items:center;z-index:10}.modal{background:#fff;border-radius:15px;box-shadow:0 25px 80px #12223b40;max-height:90vh;overflow:auto;width:min(700px,100%)}:root[data-theme=dark] .modal{background:#202532;border:1px solid #343b49}.modal-head{align-items:flex-start;border-bottom:1px solid #edf0f4;padding:20px 24px 18px}:root[data-theme=dark] .modal-head{border-color:#2a3042}.modal-head h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.03em;margin:5px 0 0}:root[data-theme=dark] .modal-head h2{color:#eef0f6}.close-button{background:#fff;border:1px solid #e6ebf0;border-radius:8px;color:#7f8b9b;font-size:20px;height:31px;width:31px}:root[data-theme=dark] .close-button{background:#252b39;border-color:#3a4252;color:#e7eaf1}.modal form{padding:20px 24px 22px}.form-grid{grid-gap:15px;gap:15px}.form-grid label{grid-gap:7px;color:#506078;display:grid;font-size:10px;gap:7px}:root[data-theme=dark] .form-grid label{color:#bdc5d3}.form-grid input,.form-grid select{border:1px solid #e1e7ee;color:#35445a;font-size:11px;height:39px;padding:0 11px;width:100%}:root[data-theme=dark] .form-grid input,:root[data-theme=dark] .form-grid select{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .topbar{background:#1d222ef5;border-color:#2a3042}:root[data-theme=dark] .sidebar{background:#191e2b;border-color:#2a3042}:root[data-theme=dark] .nav-item{color:#b2bbcb}:root[data-theme=dark] .nav-item.selected,:root[data-theme=dark] .nav-item:hover{background:#2a3042;color:#fff}:root[data-theme=dark] .global-search,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .library-select,:root[data-theme=dark] .menu-button{background:#242a38;border-color:#3a4252;color:#e1e5ee}.toast-container{align-items:flex-end;bottom:auto;display:flex;flex-direction:column;gap:9px;left:auto;pointer-events:none;position:fixed;right:25px;top:25px;transform:none;width:min(420px,calc(100vw - 32px));z-index:15}.toast{align-items:center;background:#fff;border:1px solid #d0f1e0;border-radius:10px;box-shadow:0 10px 32px #1d38501b;color:#132039;display:flex;font-size:12px;font-weight:700;gap:10px;line-height:1.4;padding:14px 16px;pointer-events:auto;width:100%}.toast-icon{border-radius:50%;display:grid;flex:0 0 27px;font-size:13px;height:27px;line-height:1;place-items:center;width:27px}.toast-message{flex:1 1;min-width:0;text-align:left}.toast-close{background:#0000;border:0;border-radius:6px;color:#8290a4;display:grid;flex:0 0 auto;font-size:17px;height:24px;line-height:1;padding:0;place-items:center;width:24px}.toast-close:hover{background:#f0f3f7;color:#132039}.toast-success .toast-icon{background:#e4f8ef;color:#138b61}.toast-error{border-color:#f7d4d0}.toast-error .toast-icon{background:#fdecea;color:#b42318}.toast-warning{border-color:#f8e3b8}.toast-warning .toast-icon{background:#fff4d6;color:#9a6700}.toast-info{border-color:#d9e6f7}.toast-info .toast-icon{background:#eaf2fd;color:#255fa8}.toast-confirm{flex-wrap:wrap}.toast-confirm .toast-message{flex-basis:calc(100% - 37px)}.toast-actions{display:flex;gap:8px;padding-left:37px;width:100%}.toast-cancel-btn,.toast-confirm-btn{border-radius:7px;font-size:11px;font-weight:700;min-height:30px;padding:0 12px}.toast-confirm-btn{background:#16877d;border:1px solid #16877d;color:#fff}.toast-cancel-btn{background:#fff;border:1px solid #e1e7ee;color:#506078}:root[data-theme=dark] .toast{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .toast-close{color:#a8b0c0}:root[data-theme=dark] .toast-close:hover{background:#303748;color:#fff}:root[data-theme=dark] .toast-error{border-color:#6b3434}:root[data-theme=dark] .toast-warning{border-color:#6b5429}:root[data-theme=dark] .toast-info{border-color:#344a6b}:root[data-theme=dark] .toast-cancel-btn{background:#0000;border-color:#3a4252;color:#e7eaf1}.receipt-button{background:#f0f1ff;border:1px solid #d9ddff;border-radius:8px;color:#4f5ed4;font-size:13px;font-weight:700;min-height:34px;padding:0 12px;white-space:nowrap}:root[data-theme=dark] .receipt-button{background:#303552;border-color:#444a7a;color:#d6d9ff}.login-screen .login-brand-panel{font-family:Manrope,sans-serif}.footer{border-top:1px solid #eaedf1;color:#a6b0bd;display:flex;font-size:9px;justify-content:space-between;padding:28px 2px 4px}:root[data-theme=dark] .footer{border-color:#2a3042;color:#a8b0c0}@media (max-width:760px){.main-area,.page-content{max-width:100%;min-width:0}.page-content{min-height:0;padding:16px 12px}.page-heading h1{font-size:25px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}.stats-grid.four,.stats-grid.three{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:88px;padding:12px 10px}}.ui-select{min-width:0;position:relative;width:100%}.ui-select-native{border:0;bottom:0;clip-path:inset(50%);height:1px;left:0;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;width:1px}.form-select-custom{min-width:0;position:relative;width:100%}.form-select-custom-trigger{align-items:center;background:#fff;border:1px solid #e1e7ee;border-radius:8px;box-sizing:border-box;color:#35445a;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:10px;justify-content:space-between;min-height:38px;padding:0 12px 0 11px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.form-select-custom-trigger:hover:not(:disabled){border-color:#c9d4e2}.form-select-custom-trigger:focus-visible,.form-select-custom.open .form-select-custom-trigger{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f;outline:none}.form-select-custom-trigger.placeholder{color:#98a2b3}.form-select-custom-icon{align-items:center;color:#94a3b8;display:inline-flex;flex:0 0 auto;font-size:13px;justify-content:center}.form-select-custom-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select-custom-caret{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;flex:0 0 auto;height:7px;transform:rotate(45deg) translateY(-1px);transition:transform .15s ease;width:7px}.form-select-custom.open .form-select-custom-caret{transform:rotate(225deg) translateY(-1px)}.form-select-custom-menu{left:0;position:absolute;right:0;top:calc(100% + 6px);z-index:1200}.form-select-custom-menu-inner{background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 28px 60px -18px #0f172a80;max-height:min(320px,45vh);overflow-x:hidden;overflow-y:auto;padding:6px;scrollbar-color:#d7deea #0000;scrollbar-width:thin}.form-select-custom-menu-inner::-webkit-scrollbar{width:6px}.form-select-custom-menu-inner::-webkit-scrollbar-track{background:#0000}.form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#d7deea;border-radius:10px}.form-select-custom-item{align-items:center;background:#0000;border:0;border-radius:8px;color:#344054;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:12px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.form-select-custom-item:hover:not(:disabled){background:#f6f9ff;color:#176ee8}.form-select-custom-item.selected{background:#eef5ff;color:#176ee8;font-weight:700}.form-select-custom-item:disabled{cursor:not-allowed;opacity:.5}.form-select-custom-check{border-bottom:2px solid;border-right:2px solid;flex:0 0 auto;height:10px;transform:rotate(45deg);width:6px}.form-select-custom.disabled .form-select-custom-trigger{cursor:not-allowed;opacity:.6}:root[data-theme=dark] .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#eef0f6}:root[data-theme=dark] .form-select-custom-trigger:hover:not(:disabled){border-color:#4a5670}:root[data-theme=dark] .form-select-custom-trigger.placeholder{color:#8a95b0}:root[data-theme=dark] .form-select-custom-icon{color:#a8b4c9}:root[data-theme=dark] .form-select-custom-caret{border-bottom-color:#a8b4c9;border-right-color:#a8b4c9}:root[data-theme=dark] .form-select-custom-trigger:focus-visible,:root[data-theme=dark] .form-select-custom.open .form-select-custom-trigger{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff24}:root[data-theme=dark] .form-select-custom-menu-inner{background:#202532;border-color:#343b49;box-shadow:0 34px 70px -24px #000000f2;scrollbar-color:#3f485c #0000}:root[data-theme=dark] .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#3f485c}:root[data-theme=dark] .form-select-custom-item{color:#eef0f6}:root[data-theme=dark] .form-select-custom-item:hover:not(:disabled){background:#25314a;color:#fff}:root[data-theme=dark] .form-select-custom-item.selected{background:#2a3652;color:#fff}.login-screen,.login-screen *,.login-screen :after,.login-screen :before{box-sizing:border-box}.login-screen{background:#f6faf9;color:#13262b;display:grid;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100vh;min-height:100dvh;overflow:hidden;width:100%}.login-brand-panel{background:radial-gradient(circle at 16% 18%,#48c9b533,#0000 34%),radial-gradient(circle at 88% 82%,#437eff24,#0000 42%),linear-gradient(152deg,#0c222a,#12353a 54%,#0d2930);color:#fff;display:flex;flex-direction:column;isolation:isolate;min-height:100%;min-width:0;overflow:hidden;padding:clamp(28px,4vw,56px);position:relative}.login-brand-top{align-items:center;display:flex;flex:0 0 auto;gap:11px;margin-bottom:clamp(42px,8vh,88px);position:relative;z-index:2}.login-brand-icon{background:linear-gradient(145deg,#39c4ae,#16877d);border:1px solid #ffffff29;border-radius:11px;box-shadow:0 10px 24px #16877d59;color:#fff;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.login-brand-icon svg{height:20px;width:20px}.login-brand-name{font-family:Manrope,DM Sans,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em}.login-copy{margin-bottom:clamp(22px,4vh,34px);max-width:440px;position:relative;z-index:2}.login-copy h1{color:#f4fffd;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(34px,3.2vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.06;margin:0 0 16px}.login-copy h1 span{color:#7fe2d2}.login-copy p{color:#a8c3c6;font-size:14px;line-height:1.7;margin:0;max-width:400px}.login-features{display:flex;flex-direction:column;gap:11px;margin-bottom:26px;max-width:400px;position:relative;z-index:2}.login-feat{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #a4e6db1f;border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.035);color:#d8e8e7;display:flex;font-size:13px;font-weight:500;gap:12px;min-width:0;padding:11px 14px}.login-feat-icon{background:#48beab26;border:1px solid #8fe2d32e;border-radius:9px;color:#8fe2d3;display:grid;flex:0 0 30px;height:30px;place-items:center;width:30px}.login-feat-icon svg{height:16px;width:16px}.login-trusted{align-items:center;color:#85a7aa;display:flex;font-size:11.5px;font-weight:500;gap:9px;letter-spacing:.025em;margin-top:auto;padding-top:24px;position:relative;z-index:2}.login-trusted:before{background:#4fd3bd;border-radius:50%;box-shadow:0 0 0 4px #4fd3bd1f;content:"";flex:0 0 6px;height:6px;width:6px}.login-circles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.lc{border:1px solid #ffffff0f;border-radius:50%;position:absolute}.lc.c1{height:300px;left:20%;top:30%;width:300px}.lc.c2{height:500px;left:9%;top:19%;width:500px}.lc.c3{border-color:#7fe2d20d;height:730px;left:-5%;top:9%;width:730px}.login-form-panel{align-items:center;background:radial-gradient(circle at 82% 8%,#e0f5f1e6,#0000 42%),#f6faf9;display:flex;justify-content:center;min-height:100%;min-width:0;padding:clamp(28px,5vw,64px)}.login-form-wrap{max-width:400px;min-width:0;width:100%}.login-form-wrap h2{color:#14282d;font-family:Manrope,DM Sans,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 7px}.login-form-sub{color:#71868a;font-size:13.5px;line-height:1.55;margin:0 0 22px}.login-card{background:#fff;border:1px solid #e2ece9;border-radius:18px;box-shadow:0 20px 50px #143e3c14;gap:16px;padding:26px;width:100%}.login-card,.login-field{display:flex;flex-direction:column;min-width:0}.login-field{color:#33474d;font-size:12.5px;font-weight:700;gap:7px;letter-spacing:.005em}.login-field em{color:#e0554d;font-style:normal}.login-field input{background:#fbfdfc;border:1px solid #dbe6e3;border-radius:10px;color:#14282d;display:block;font-family:DM Sans,Inter,system-ui,sans-serif;font-size:14px;height:46px;min-width:0;outline:none;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.login-field input::placeholder{color:#9aacae}.login-field input:hover:not(:disabled){border-color:#c4d8d4}.login-field input:focus{background:#fff;border-color:#16877d;box-shadow:0 0 0 3px #16877d24}.login-field input:disabled{background:#f1f6f5;color:#8b9b9d;cursor:not-allowed}.password-input{align-items:center;display:flex;min-width:0;position:relative;width:100%}.password-input input{padding-right:46px}.password-toggle{background:none;border:0;border-radius:8px;color:#7d9296;cursor:pointer;display:grid;height:34px;padding:0;place-items:center;position:absolute;right:8px;transition:color .15s ease,background .15s ease;width:34px}.password-toggle:hover{background:#eef7f5;color:#16877d}.password-toggle:focus-visible{outline:2px solid #16877d;outline-offset:1px}.password-toggle svg{height:18px;width:18px}.password-input-no-reveal::-ms-clear,.password-input-no-reveal::-ms-reveal{display:none}.password-input-no-reveal::-webkit-contacts-auto-fill-button,.password-input-no-reveal::-webkit-credentials-auto-fill-button{display:none!important;pointer-events:none;position:absolute;right:0;visibility:hidden}.login-options{display:flex;justify-content:flex-end;margin-top:-6px}.login-back,.login-options button{background:#0000;border:0;color:#16877d;cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:4px 0}.login-back:hover,.login-options button:hover{color:#0f6b62;text-decoration:underline}.login-back{align-self:center;margin-top:1px}.login-error{background:#fff5f4;border:1px solid #f6d2ce;border-radius:10px;color:#b43a32;font-size:12px;line-height:1.5;overflow-wrap:anywhere;padding:10px 12px}.login-error-hint{color:#97302a;display:block;font-size:11.5px;margin-top:4px}.login-success{background:#effbf6;border:1px solid #b9ead8;border-radius:10px;color:#087a5b;font-size:12px;line-height:1.5;overflow-wrap:anywhere;padding:10px 12px}.login-submit{background:#16877d;border:0;border-radius:10px;box-shadow:0 8px 18px #16877d3d;color:#fff;cursor:pointer;font-family:DM Sans,Inter,system-ui,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.01em;min-height:46px;padding:10px 16px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;width:100%}.login-submit:hover:not(:disabled){background:#117369;box-shadow:0 10px 22px #16877d4d;transform:translateY(-1px)}.login-submit:focus-visible{outline:2px solid #16877d;outline-offset:2px}.login-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.68;transform:none}.login-footer{color:#8ba0a3;font-size:11.5px;line-height:1.5;margin-top:18px;text-align:center}:root[data-theme=dark] .login-screen{background:#0f191e;color:#e8f2f0}:root[data-theme=dark] .login-form-panel{background:radial-gradient(circle at 82% 8%,#1a4a4680,#0000 42%),#0f191e}:root[data-theme=dark] .login-form-wrap h2{color:#f0f8f6}:root[data-theme=dark] .login-form-sub{color:#9db3b4}:root[data-theme=dark] .login-card{background:#172429;border-color:#2b3d42;box-shadow:0 20px 50px #00000047}:root[data-theme=dark] .login-field{color:#cfdddc}:root[data-theme=dark] .login-field input{background:#1d2c31;border-color:#33484d;color:#eef7f5}:root[data-theme=dark] .login-field input::placeholder{color:#7e9496}:root[data-theme=dark] .login-field input:focus{background:#213238;border-color:#4fc7b5;box-shadow:0 0 0 3px #4fc7b529}:root[data-theme=dark] .password-toggle:hover{background:#223b3d;color:#7fe2d2}:root[data-theme=dark] .login-error{background:#33201f;border-color:#5d302d;color:#ffaaa4}:root[data-theme=dark] .login-error-hint{color:#f3a09a}:root[data-theme=dark] .login-success{background:#163229;border-color:#285845;color:#7ee3bd}:root[data-theme=dark] .login-footer{color:#819799}@media (max-height:700px) and (min-width:901px){.login-brand-panel{padding-bottom:26px;padding-top:26px}.login-brand-top{margin-bottom:32px}.login-copy{margin-bottom:20px}.login-copy h1{font-size:clamp(30px,2.7vw,38px);margin-bottom:12px}.login-copy p{font-size:13px}.login-features{gap:8px;margin-bottom:16px}.login-feat{padding:8px 12px}.login-trusted{padding-top:14px}.login-form-panel{padding-bottom:24px;padding-top:24px}.login-card{gap:13px;padding:22px}}@media (max-width:900px){.login-screen{display:flex;flex-direction:column;height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.login-brand-panel{flex:0 0 auto;min-height:72px;padding:17px 24px}.login-brand-top{margin:0}.login-circles,.login-copy,.login-features,.login-trusted{display:none}.login-form-panel{align-items:center;flex:1 0 auto;min-height:0;padding:44px 24px 52px}.login-form-wrap{max-width:440px}}@media (max-width:480px){.login-brand-panel{min-height:66px;padding:15px 18px}.login-brand-icon{border-radius:9px;flex-basis:34px;height:34px;width:34px}.login-brand-icon svg{height:18px;width:18px}.login-brand-name{font-size:16px}.login-form-panel{align-items:flex-start;padding:clamp(28px,7vh,48px) 16px 32px}.login-form-wrap{margin:0 auto;max-width:420px;width:100%}.login-form-wrap h2{font-size:23px}.login-form-sub{font-size:13px;margin-bottom:18px}.login-card{border-radius:16px;gap:14px;padding:20px 18px}.login-field{font-size:12.5px;gap:6px}.login-field input{font-size:16px;height:46px;padding:0 12px}.password-input input{padding-right:46px}.login-options{margin-top:-2px}.login-submit{font-size:14px;min-height:46px}.login-footer{font-size:10.5px;margin-top:15px}}@media (max-width:350px){.login-brand-panel{padding-left:15px;padding-right:15px}.login-form-panel{padding-left:12px;padding-right:12px}.login-form-wrap h2{font-size:21px}.login-card{gap:13px;padding:17px 14px}}@media (min-width:481px) and (max-width:900px){.login-form-panel{padding:48px 28px}.login-form-wrap{max-width:430px}.login-card{padding:24px}}@media (prefers-reduced-motion:reduce){.login-field input,.login-submit,.password-toggle{transition:none}.login-submit:hover:not(:disabled){transform:none}}@media (max-width:480px){.login-screen{display:flex;flex-direction:column;height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%}.login-brand-panel{flex:0 0 66px;min-height:66px}.login-form-panel{align-items:center;display:flex;flex:1 0 auto;justify-content:center;min-height:calc(100vh - 66px);min-height:calc(100dvh - 66px);padding:24px 16px}.login-form-wrap{margin:auto;max-width:420px;width:100%}.login-card{margin:0;width:100%}.login-footer{margin-top:14px}}@media (max-width:350px){.login-form-panel{padding-left:12px;padding-right:12px}}.sidebar{background:#182b36;border-right:1px solid #263d49;color:#e7edf5;display:flex;flex-direction:column;inset:0 auto 0 0;position:fixed;transition:width .18s ease,transform .22s ease;width:224px;z-index:12}.brand{align-items:center;border-bottom:1px solid #29414d;color:#f7fafc;display:flex;gap:12px;min-height:76px;padding:0 22px;white-space:nowrap}.brand-mark{background:#16877d;border-radius:12px;color:#fff;display:grid;flex:0 0 40px;height:40px;padding:0;place-items:center;width:40px}.brand-mark svg{display:block;height:100%;width:100%}.brand-mark svg .study-logo-frame{fill:#16877d}.brand-mark svg .study-logo-paper{fill:#e5f4f1}.brand-mark svg .study-logo-ink{fill:#16877d}.login-brand .brand-mark{border-radius:17px;flex-basis:60px;height:60px;width:60px}.brand-copy{grid-gap:4px;display:grid;gap:4px;line-height:1.1;min-width:0}.brand-copy b{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.025em}.brand-copy small{color:#9db1ba;font-size:11px;font-weight:500;letter-spacing:.035em}.side-scroll{flex:1 1;overflow:auto;padding:18px 14px 14px;scrollbar-color:#3a5660 #0000;scrollbar-width:thin}.nav-section{margin-bottom:18px}.section-label{color:#819ba5;font-size:10px;letter-spacing:.11em;padding:9px 11px 7px}.nav-section+.nav-section{border-top:1px solid #29414d;padding-top:12px}.nav-item{align-items:center;background:#0000;border:0;border-radius:9px;color:#b6c5cc;display:flex;font-size:13px;font-weight:600;gap:12px;margin:3px 0;min-height:43px;padding:0 12px;text-align:left;transition:color .15s ease,background .15s ease;width:100%}.nav-item:focus-visible,.nav-item:hover{background:#243d47;color:#fff;outline:none}.nav-item.selected{background:#28524e;color:#f4fffd}.nav-item.selected:after{background:#75d1c2;border-radius:50%;content:"";flex:0 0 7px;height:7px;margin-left:auto;width:7px}.nav-item.has-subnav.selected:after{display:none}.nav-icon{color:currentColor;display:grid;flex:0 0 20px;height:20px;place-items:center;width:20px}.nav-icon svg{display:block;height:18px;width:18px}.student-nav .nav-icon{background:none;box-shadow:none;color:currentColor;flex-basis:20px;height:20px;width:20px}.student-outline{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;height:19px;width:19px}.nav-label{flex:1 1;min-width:0}.nav-caret{color:#9db1ba;display:grid;flex:0 0 18px;height:18px;place-items:center;transition:transform .16s ease,color .16s ease;width:18px}.nav-caret svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;display:block;height:14px;width:14px}.nav-caret.expanded{color:#d7eee9;transform:rotate(180deg)}.payment-subnav{grid-gap:3px;display:grid;gap:3px;max-height:0;opacity:0;overflow:hidden;padding:0 0 0 43px;transform:translateY(-5px);transition:max-height .18s ease,opacity .15s ease,transform .18s ease,padding .18s ease}.payment-subnav.open{max-height:110px;opacity:1;padding-bottom:7px;padding-top:3px;transform:translateY(0)}.payment-subnav button{background:#0000;border:0;border-radius:7px;color:#afc0c6;font-size:12px;font-weight:500;min-height:36px;padding:0 10px;text-align:left}.payment-subnav button.selected,.payment-subnav button:hover{background:#243d47;color:#fff}.logout{align-items:center;background:#2b303b;border:1px solid #3b414d;border-radius:9px;color:#ffb5b5;display:flex;font-size:13px;font-weight:600;gap:12px;margin:8px 14px 18px;min-height:42px;padding:0 12px;text-align:left}.logout:focus-visible,.logout:hover{background:#58363a;color:#fff;outline:none}.logout-icon{display:grid;flex:0 0 20px;height:20px;place-items:center;width:20px}.logout-icon svg{fill:currentColor;display:block;height:16px;width:16px}.sidebar-footer{background:#142530;border-top:1px solid #29414d;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px}.sidebar-branding{align-items:center;display:flex;gap:10px;min-width:0;padding:0 6px}.sidebar-branding .brand-mark{border-radius:10px;flex-basis:34px;height:34px;width:34px}.sidebar-branding .brand-copy{grid-gap:3px;display:grid;gap:3px;line-height:1.15;min-width:0}.sidebar-branding .brand-copy b,.sidebar-branding .brand-copy em,.sidebar-branding .brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-branding .brand-copy b{font-size:13px}.sidebar-branding .brand-copy small{font-size:10px}.sidebar-branding .brand-copy em{color:#6f8892;font-size:9.5px;font-style:normal;letter-spacing:.01em}.sidebar-footer .logout{margin:0}.sidebar.collapsed{width:78px}.sidebar.collapsed .sidebar-branding{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-branding .brand-copy{display:none}.sidebar.collapsed .sidebar-footer{padding-left:10px;padding-right:10px}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-caret,.sidebar.collapsed .nav-label,.sidebar.collapsed .payment-subnav,.sidebar.collapsed .section-label{display:none}.sidebar.collapsed .side-scroll{padding-left:10px;padding-right:10px}.sidebar.collapsed .nav-section{margin-bottom:12px}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-item.selected:after{display:none}.sidebar.collapsed .logout{justify-content:center;padding:0}.main-area{display:flex;flex-direction:column;height:100vh;height:100dvh;margin-left:224px;min-width:0;overflow:hidden;transition:margin-left .18s ease}.sidebar.collapsed~.main-area{margin-left:78px}.sidebar-backdrop{display:none}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e6ebef;display:flex;flex:0 0 auto;gap:16px;min-height:72px;padding:0 28px;position:sticky;top:0;z-index:8}.menu-button{background:#fff;border:1px solid #dfe7ea;border-radius:10px;color:#526873;display:grid;flex:0 0 40px;height:40px;place-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease;width:40px}.menu-button:focus-visible,.menu-button:hover{background:#f0f8f6;border-color:#b8dcd5;color:#14766e;outline:none}.menu-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8;height:19px;width:19px}.global-search{align-items:center;background:#f5f8f9;border:1px solid #e4eaed;border-radius:10px;color:#788b94;display:flex;gap:10px;height:42px;padding:0 13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:min(440px,42vw)}.global-search:focus-within{background:#fff;border-color:#8bc8bd;box-shadow:0 0 0 3px #16877d1a}.global-search>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8;flex:0 0 18px;height:18px;width:18px}.global-search input{background:#0000;border:0;color:#263c46;font-size:13px;min-width:0;outline:0;padding:0;width:100%}.global-search input::placeholder{color:#94a3aa}.top-actions{align-items:center;display:flex;gap:10px;margin-left:auto;min-width:0}.library-picker,.notif-wrapper,.profile-picker{min-width:0;position:relative}.icon-button,.library-select{align-items:center;background:#fff;border:1px solid #dfe7ea;border-radius:10px;color:#435b65;display:inline-flex;gap:9px;height:40px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.library-select{font-size:12px;font-weight:650;justify-content:flex-start;max-width:240px;min-width:176px;padding:0 11px}.library-select>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button:hover,.icon-button[aria-expanded=true],.library-select:hover,.library-select[aria-expanded=true]{background:#f2f8f7;border-color:#c4dfda;color:#14766e}.library-building{fill:none;stroke:#16877d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;flex:0 0 18px;height:18px;width:18px}.arrow{color:#83949b;display:grid;flex:0 0 15px;height:15px;margin-left:auto;place-items:center;width:15px}.arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:13px;width:13px}.icon-button{flex:0 0 40px;font-size:18px;padding:0;position:relative;width:40px}.theme-header-toggle{background:#f3f8f7;color:#16877d}.profile-theme-option{display:none!important}.topbar-bell-outline{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;height:19px;width:19px}.notif-badge{background:#dc5555;border:2px solid #fff;border-radius:12px;color:#fff;display:grid;font-size:9px;font-weight:700;height:17px;min-width:17px;padding:0 4px;place-items:center;position:absolute;right:-4px;top:-4px}.profile-picker .profile{align-items:center;background:#fff;border:1px solid #dfe7ea;border-radius:22px;box-shadow:0 2px 8px #0f172a0f;color:#415963;display:flex;gap:8px;height:40px;padding:0 6px 0 2px}.profile-picker .profile:focus-visible{outline:3px solid #16877d2e;outline-offset:2px}.avatar{background:#16877d;border:2px solid #e2f1ee;border-radius:50%;color:#fff;display:grid;flex:0 0 36px;font-size:12px;font-weight:700;height:36px;overflow:hidden;place-items:center;width:36px}.profile-picker .avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.library-dropdown,.notif-dropdown,.profile-dropdown{background:#fff;border:1px solid #e3e9ec;border-radius:12px;box-shadow:0 16px 38px #172a3429;overflow:hidden;position:absolute;top:calc(100% + 9px);z-index:30}.library-dropdown{max-height:min(520px,calc(100dvh - 92px));max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain;right:0;width:min(320px,calc(100vw - 24px))}.library-dropdown button{align-items:center;background:#fff;border:0;border-bottom:1px solid #edf1f3;color:#354e58;display:flex;justify-content:space-between;min-height:56px;padding:10px 15px;text-align:left;width:100%}.library-dropdown button:last-child{border-bottom:0}.library-dropdown button:hover{background:#f5f9f8}.library-dropdown button.selected{background:#eaf5f2;color:#14766e}.library-dropdown button>span{grid-gap:3px;display:grid;gap:3px}.library-dropdown button b{font-size:13px;font-weight:650}.library-dropdown button small{color:#83949b;font-size:11px}.library-dropdown button i{background:#16877d;border-radius:50%;flex:0 0 8px;height:8px;width:8px}.profile-dropdown{border:1px solid #cbd5e1;box-shadow:0 12px 32px #0f172a1f;box-sizing:border-box;max-height:min(360px,calc(100dvh - 68px));max-width:calc(100vw - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;right:0;width:min(224px,calc(100vw - 24px))}.header-profile-identity{align-items:center;border-bottom:1px solid #edf1f3;display:flex;gap:10px;min-height:52px;padding:8px 12px}.header-profile-identity-avatar{background:#16877d;border:2px solid #e2f1ee;border-radius:50%;color:#fff;display:grid;font-size:14px;font-weight:700;height:30px;margin:0;overflow:hidden;place-items:center;width:30px}.header-profile-identity-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.header-profile-identity-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.header-profile-identity-copy b,.header-profile-identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-identity-copy b{color:#293f49;font-size:13px;font-weight:700}.header-profile-identity-copy small{color:#83949b;font-size:11px}.profile-dropdown>button{align-items:center;background:#fff;border:0;color:#405862;display:flex;font-size:12px;gap:10px;line-height:1.2;min-height:34px;padding:0 12px;text-align:left;white-space:nowrap;width:100%}.profile-dropdown>button:hover{background:#f4f8f7}.profile-dropdown>button span{color:#71878f;text-align:center;width:17px}.profile-dropdown>button.profile-logout{border-top:1px solid #edf1f3;color:#bd4d54;margin-top:4px;min-height:44px}.profile-dropdown>button.profile-logout span{color:#bd4d54}.notif-dropdown{display:flex;flex-direction:column;max-height:min(560px,calc(100dvh - 92px));max-width:calc(100vw - 24px);overscroll-behavior:contain;right:0;width:min(360px,calc(100vw - 24px))}.notif-head{flex:0 0 auto;flex-wrap:wrap}.notif-head-actions{flex-wrap:wrap;justify-content:flex-end}.notif-list{min-height:0}.notif-head{align-items:center;border-bottom:1px solid #edf1f3;color:#334b55;display:flex;gap:8px;justify-content:space-between;min-height:48px;padding:9px 13px}.notif-head b{font-size:12px}.notif-head-actions{display:flex;gap:8px}.notif-foot button,.notif-link{background:#0000;border:0;color:#14766e;font-size:11px;font-weight:650}.notif-list{max-height:360px;overflow:auto}.notif-item{border-bottom:1px solid #f0f3f4;display:flex;gap:10px;padding:11px 13px;position:relative}.notif-item.unread{background:#f3f8f7}.notif-icon{background:#eaf5f2;border-radius:50%;display:grid;flex:0 0 30px;font-size:13px;height:30px;place-items:center;width:30px}.notif-empty-icon,.notif-icon svg,.notification-detail-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;height:18px;width:18px}.notif-icon svg{color:#16877d}.notif-icon svg.notif-bell-expiry{color:#dc3545}.notif-icon svg.notif-bell-extension{color:#22a06b}.notif-empty-icon{color:#16877d;height:24px;margin-bottom:4px;width:24px}.notif-content{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.notif-content b,.notif-content small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-content b{color:#293f49;font-size:12px}.notif-content small{color:#71858e;font-size:11px}.notif-time{color:#94a3aa;font-size:10px}.unread-dot{background:#16877d;border-radius:50%;height:7px;margin-top:5px;width:7px}.notif-empty{align-items:center;color:#82949b;display:flex;flex-direction:column;font-size:12px;gap:5px;justify-content:center;min-height:120px;padding:20px;text-align:center}.notif-empty p{color:#405862;font-weight:650;margin:0}.notif-empty small{color:#82949b}.notif-foot{border-top:1px solid #edf1f3;padding:9px}.notif-foot button{background:#f3f8f7;border-radius:7px;min-height:34px;width:100%}@media (max-width:1000px){.topbar{padding-left:18px;padding-right:18px}.global-search{width:min(340px,34vw)}}@media (min-width:761px) and (max-width:1200px){.topbar{gap:10px;padding-left:16px;padding-right:16px}.global-search{flex:1 1 180px;min-width:120px;width:auto}.top-actions{flex:0 1 auto;gap:7px}.library-picker{flex:0 1 180px}.library-select{min-width:0;width:100%}.profile-picker{flex:0 0 auto}}@media (max-width:900px){.global-search{display:none}.login-brand .brand-mark{flex-basis:48px;height:48px;width:48px}}@media (max-width:760px){.sidebar{box-shadow:16px 0 40px #0e1e2633;z-index:12}.sidebar,.sidebar.collapsed{width:min(248px,calc(100vw - 48px))}.sidebar.collapsed{transform:translateX(-105%)}.sidebar:not(.collapsed){transform:translateX(0)}@media (max-width:480px){.sidebar,.sidebar.collapsed{width:min(248px,82vw)}}.sidebar.collapsed .brand{justify-content:flex-start;padding:0 20px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-caret,.sidebar.collapsed .nav-label,.sidebar.collapsed .section-label{display:inline;display:initial}.sidebar.collapsed .brand-copy{display:grid}.sidebar.collapsed .side-scroll{padding:18px 14px 14px}.sidebar.collapsed .nav-section{margin-bottom:18px}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:0 12px}.sidebar.collapsed .nav-item.selected:after{display:block}.sidebar.collapsed .payment-subnav{display:grid}.sidebar.collapsed .logout{justify-content:flex-start;padding:0 12px}.sidebar.collapsed .sidebar-branding{justify-content:flex-start;padding:0 6px 10px}.sidebar.collapsed .sidebar-branding .brand-copy{display:grid}.sidebar.collapsed .sidebar-footer{padding:14px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e19206b;border:0;display:block;height:100%;inset:0;padding:0;position:fixed;width:100%;z-index:10}.main-area,.sidebar.collapsed~.main-area{margin-left:0}.topbar{gap:9px;min-height:64px;padding:0 12px}.menu-button{flex-basis:38px;height:38px;width:38px}.global-search{display:none}.top-actions{flex:0 0 auto;gap:8px}.library-select{gap:6px;height:37px;max-width:clamp(120px,20vw,170px);min-width:0;padding:0 8px}.icon-button{flex-basis:36px;height:36px;width:36px}.profile-picker .profile{gap:3px}.avatar{flex-basis:33px;height:33px;width:33px}}@media (max-width:480px){.topbar{gap:6px;padding:0 8px}.global-search{display:none}.top-actions{gap:4px}.library-select{max-width:132px}.library-dropdown,.notif-dropdown,.profile-dropdown{left:auto;max-height:min(420px,calc(100dvh - 68px));position:fixed;right:8px;top:56px}.library-dropdown{max-width:calc(100vw - 24px);width:min(280px,calc(100vw - 24px))}.notif-dropdown{max-width:calc(100vw - 24px);width:min(320px,calc(100vw - 24px))}.profile-dropdown{max-height:min(320px,calc(100dvh - 68px));max-width:calc(100vw - 24px);width:min(224px,calc(100vw - 24px))}.header-profile-identity{gap:8px;min-height:46px;padding:6px 10px}.header-profile-identity-avatar{height:26px;margin-bottom:0;width:26px}.profile-dropdown>button{min-height:34px}.notif-dropdown{overflow:hidden}.notif-list{overflow-y:auto}.profile-picker .arrow,.theme-header-toggle{display:none}.profile-dropdown>button.profile-theme-option{display:flex!important}}@media (min-width:481px) and (max-width:680px){.topbar{gap:7px;padding-left:10px;padding-right:10px}.global-search{flex-basis:80px;padding:0 7px}.global-search input{font-size:11px}.top-actions{gap:5px}.library-select{gap:5px;max-width:132px;padding:0 7px}}:root[data-theme=dark] .topbar{background:#1a202bf2;border-color:#343c4a;color:#e5eaef}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .library-select,:root[data-theme=dark] .menu-button{background:#242b38;border-color:#3b4553;color:#d7e1e4}:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .icon-button[aria-expanded=true],:root[data-theme=dark] .library-select:hover,:root[data-theme=dark] .library-select[aria-expanded=true],:root[data-theme=dark] .menu-button:hover{background:#293b40;border-color:#47665f;color:#8bd1c4}:root[data-theme=dark] .global-search{background:#222936;border-color:#3a4351;color:#aab8bf}:root[data-theme=dark] .global-search:focus-within{background:#1d2430;border-color:#4a877c}:root[data-theme=dark] .global-search input{color:#e5eaef}:root[data-theme=dark] .global-search input::placeholder{color:#8e9ba8}:root[data-theme=dark] .sidebar{background:#18232c;border-color:#30404a}:root[data-theme=dark] .brand{border-color:#30404a;color:#f0f3f5}:root[data-theme=dark] .section-label{color:#92a7af}:root[data-theme=dark] .nav-section+.nav-section{border-color:#30404a}:root[data-theme=dark] .nav-item{color:#b6c5cc}:root[data-theme=dark] .nav-item:focus-visible,:root[data-theme=dark] .nav-item:hover,:root[data-theme=dark] .payment-subnav button.selected,:root[data-theme=dark] .payment-subnav button:hover{background:#263b43;color:#fff}:root[data-theme=dark] .nav-item.selected{background:#28524e;color:#f4fffd}:root[data-theme=dark] .logout{background:#292e39;border-color:#3b414d}:root[data-theme=dark] .sidebar-footer{background:#14202a;border-color:#30404a}:root[data-theme=dark] .sidebar-branding .brand-copy em{color:#7d949d}:root[data-theme=dark] .library-dropdown,:root[data-theme=dark] .notif-dropdown,:root[data-theme=dark] .profile-dropdown{background:#202734;border-color:#475569}:root[data-theme=dark] .profile-dropdown{box-shadow:0 12px 32px #00000059}:root[data-theme=dark] .library-dropdown button,:root[data-theme=dark] .profile-dropdown>button{background:#202734;border-color:#343d4a;color:#dce4e8}:root[data-theme=dark] .library-dropdown button:hover,:root[data-theme=dark] .profile-dropdown>button:hover{background:#2a3341}:root[data-theme=dark] .library-dropdown button.selected{background:#263d3d;color:#9cddd2}:root[data-theme=dark] .header-profile-identity-copy small,:root[data-theme=dark] .library-dropdown button small,:root[data-theme=dark] .notif-content small,:root[data-theme=dark] .notif-time{color:#a4b1bc}:root[data-theme=dark] .header-profile-identity,:root[data-theme=dark] .notif-foot,:root[data-theme=dark] .notif-head{border-color:#343d4a}:root[data-theme=dark] .header-profile-identity-copy b,:root[data-theme=dark] .notif-content b,:root[data-theme=dark] .notif-head{color:#e4eaee}:root[data-theme=dark] .notif-item{border-color:#343d4a}:root[data-theme=dark] .notif-foot button,:root[data-theme=dark] .notif-item.unread{background:#27343a}:root[data-theme=dark] .notif-empty p{color:#e0e7eb}.notif-main{align-items:flex-start;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;padding:0;text-align:left}.notif-main:focus-visible,.notification-detail-modal button:focus-visible{outline:2px solid #16877d;outline-offset:2px}.notif-preview{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;white-space:normal!important}.notification-detail-overlay{animation:notification-overlay-in .16s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f17208f;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.notification-detail-modal{animation:notification-modal-in .2s ease-out;background:#fff;border:1px solid #e3e9ec;border-radius:16px;border-top:4px solid #16877d;box-shadow:0 24px 70px #08182247;color:#334b55;max-height:min(640px,calc(100vh - 40px));overflow:auto;width:min(520px,100%)}.notification-detail-success{border-top-color:#22a06b}.notification-detail-warning{border-top-color:#e6a23c}.notification-detail-danger,.notification-detail-error{border-top-color:#dc5b61}.notification-detail-header{align-items:flex-start;border-bottom:1px solid #edf1f3;display:flex;gap:13px;padding:22px 22px 17px}.notification-detail-icon{background:#eaf5f2;border-radius:13px;display:grid;flex:0 0 42px;font-size:19px;height:42px;place-items:center;width:42px}.notification-detail-icon svg{color:#16877d;height:21px;width:21px}.notification-detail-icon-expiry svg{color:#dc3545}.notification-detail-icon-extension svg{color:#22a06b}.notification-detail-icon-expiry{background:#fff0f0}.notification-detail-icon-extension{background:#eaf8ef}.notification-detail-header>div{flex:1 1;min-width:0}.notification-detail-header small{color:#82949b;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.notification-detail-header h2{color:#293f49;font-size:18px;line-height:1.35;margin:4px 0 0;overflow-wrap:anywhere}.notification-detail-close{background:#f3f6f7;border:0;border-radius:9px;color:#71858e;cursor:pointer;display:grid;flex:0 0 32px;font-size:23px;height:32px;line-height:1;place-items:center;width:32px}.notification-detail-close:hover{background:#e9eff1;color:#334b55}.notification-detail-body{padding:22px}.notification-detail-body p{color:#405862;font-size:14px;line-height:1.75;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.notification-detail-meta{align-items:center;color:#82949b;display:flex;flex-wrap:wrap;font-size:11px;gap:9px;margin-top:20px}.notification-sender{background:#eaf5f2;border-radius:999px;color:#14766e;font-weight:650;padding:4px 8px;text-transform:capitalize}.notification-detail-footer{border-top:1px solid #edf1f3;display:flex;gap:9px;justify-content:flex-end;padding:14px 22px}.notification-detail-footer button{border-radius:8px;cursor:pointer;font-size:12px;font-weight:650;min-height:36px;padding:0 13px}.notification-detail-read{background:#14766e;border:1px solid #14766e;color:#fff}.notification-detail-dismiss{background:#fff;border:1px solid #dce5e8;color:#405862}:root[data-theme=dark] .notification-detail-modal{background:#202734;border-color:#3a4351;color:#dce4e8}:root[data-theme=dark] .notification-detail-footer,:root[data-theme=dark] .notification-detail-header{border-color:#343d4a}:root[data-theme=dark] .notification-detail-header h2{color:#e4eaee}:root[data-theme=dark] .notification-detail-header small,:root[data-theme=dark] .notification-detail-meta{color:#a4b1bc}:root[data-theme=dark] .notification-detail-body p{color:#d3dce1}:root[data-theme=dark] .notification-detail-icon,:root[data-theme=dark] .notification-sender{background:#263d3d;color:#9cddd2}:root[data-theme=dark] .notif-empty-icon,:root[data-theme=dark] .notif-icon svg,:root[data-theme=dark] .notification-detail-icon svg{color:#9cddd2}:root[data-theme=dark] .notif-icon svg.notif-bell-expiry,:root[data-theme=dark] .notification-detail-icon-expiry svg{color:#ff858b}:root[data-theme=dark] .notif-icon svg.notif-bell-extension,:root[data-theme=dark] .notification-detail-icon-extension svg{color:#66d99a}:root[data-theme=dark] .notification-detail-icon-expiry{background:#452c35}:root[data-theme=dark] .notification-detail-icon-extension{background:#263d34}:root[data-theme=dark] .notification-detail-close{background:#2a3341;color:#c2cbd1}:root[data-theme=dark] .notification-detail-dismiss{background:#202734;border-color:#46505e;color:#dce4e8}@keyframes notification-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes notification-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:520px){.notification-detail-overlay{padding:12px}.notification-detail-modal{max-height:calc(100vh - 24px)}.notification-detail-header{padding:18px 17px 14px}.notification-detail-body{padding:18px 17px}.notification-detail-footer{padding:12px 17px}}.logout-confirm-overlay{animation:notification-overlay-in .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b171e8c;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.logout-confirm{animation:notification-modal-in .2s ease;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 70px #0a161e47;color:var(--ink);padding:28px 28px 24px;text-align:center;width:min(420px,100%)}.logout-confirm-icon{background:#fdecea;border:1px solid #f7cfcc;border-radius:16px;color:#c0443f;display:inline-grid;height:52px;margin-bottom:16px;place-items:center;width:52px}.logout-confirm-icon svg{height:24px;width:24px}.logout-confirm h2{font-family:Manrope,DM Sans,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.logout-confirm p{color:var(--muted);font-size:13.5px;line-height:1.55;margin:0 auto 24px;max-width:310px}.logout-confirm-actions{display:flex;gap:10px;justify-content:center}.logout-confirm-actions .button{font-size:13px;height:42px;min-width:132px}:root[data-theme=dark] .logout-confirm-icon{background:#3a1f22;border-color:#7f1d1d;color:#fca5a5}@media (max-width:520px){.logout-confirm{padding:24px 20px 20px}.logout-confirm-actions{flex-direction:column-reverse}.logout-confirm-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.icon-button,.library-select,.logout-confirm,.logout-confirm-overlay,.main-area,.menu-button,.nav-item,.notification-detail-modal,.notification-detail-overlay,.payment-subnav,.sidebar{animation:none;transition:none}}:root{--bg:#f1f3f5;--border:#e9ebef;--chart-grid:#eef0f4;--dash-soft:#f8fafc;--dash-track:#e5e7eb}[data-theme=dark]{--bg:#0f1424;--panel:#171d33;--border:#232a45;--text:#e2e8f0;--muted:#94a3b8;--chart-grid:#1f2742;--dash-soft:#1f2742;--dash-track:#2a335a}body,html{font-display:swap}body{-webkit-font-smoothing:antialiased;background:#f1f3f5;background:var(--bg);color:#252f40;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility}.dash-skeleton{display:flex;flex-direction:column;gap:16px}.dash-skel-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dash-skel-kpi{align-items:center;background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:16px;display:flex;gap:12px;min-height:112px;padding:16px}.dash-skel-stack{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.dash-skel-chart,.dash-skel-icon,.dash-skel-line{background:#e9edf3;border-radius:6px;display:block;overflow:hidden;position:relative}.dash-skel-line.value{border-radius:7px;height:22px;width:58%}.dash-skel-card{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:16px;min-width:0;padding:18px}.dash-skel-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.dash-skel-revenue-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dash-skel-revenue-card{background:#f8fafc99;border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.dash-skel-two-column{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-skel-table{display:flex;flex-direction:column;gap:10px}.dash-skel-table-row{grid-gap:12px;align-items:center;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:1.4fr 1fr .8fr;padding:10px 0}.dash-skel-table-row:last-child{border-bottom:0}.dash-skel-chart{background:linear-gradient(180deg,#f3f6fa,#e8edf4);border-radius:12px;height:260px}.dash-skel-lower-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.dash-skel-list{display:flex;flex-direction:column;gap:14px}.dash-skel-list-row{align-items:center;display:flex;gap:10px}.dash-skeleton .w-30{width:30%}.dash-skeleton .w-40{width:40%}.dash-skeleton .w-60{width:60%}.dash-skeleton .w-80{width:80%}.dash-skeleton .w-90{width:90%}.dash-skeleton .w-100{max-width:100%;width:100px}.dash-skeleton .w-120{max-width:100%;width:120px}.dash-skeleton .w-140{max-width:100%;width:140px}.dash-skeleton .w-180{max-width:100%;width:180px}.dash-skel-chart:after,.dash-skel-icon:after,.dash-skel-line:after{animation:dashSkelShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffffad,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}[data-theme=dark] .dash-skel-icon,[data-theme=dark] .dash-skel-line{background:#242b40}[data-theme=dark] .dash-skel-chart{background:linear-gradient(180deg,#22293e,#1c2336)}[data-theme=dark] .dash-skel-revenue-card{background:#1c223399}[data-theme=dark] .dash-skel-chart:after,[data-theme=dark] .dash-skel-icon:after,[data-theme=dark] .dash-skel-line:after{background:linear-gradient(90deg,#0000,hsla(0,0%,100%,.055),#0000)}@media(max-width:1100px){.dash-skel-kpis,.dash-skel-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-skel-lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.dash-skel-two-column{gap:10px;grid-template-columns:1fr}.dash-skel-kpi{gap:10px;min-height:104px;padding:12px}.dash-skel-card{padding:14px}}@media(max-width:520px){.dash-skel-revenue-grid{grid-template-columns:1fr}.dash-skel-chart{height:190px}}@media(prefers-reduced-motion:reduce){.dash-skel-chart:after,.dash-skel-icon:after,.dash-skel-line:after{animation:none}}.dash-hero.dash-hero-pro{align-items:flex-end;background:none;border:0;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 0 24px;padding:0 0 20px}.dash-hero-pro .dash-hero-main{display:flex;flex:1 1 480px;flex-direction:column;gap:4px;min-width:0}.dash-hero-pro .dash-hero-kicker{color:#818b9b;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dash-hero-pro .dash-hero-heading{color:#252f40;color:var(--text);font-family:Manrope,Inter,system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0;overflow-wrap:anywhere}.dash-hero-pro .dash-hero-subtext{color:#818b9b;color:var(--muted);font-size:14px;line-height:1.5;margin:0}.dash-hero-pro .dash-hero-scope{border-left:1px solid #e9ebef;border-left:1px solid var(--border);margin-left:8px;padding-left:12px;white-space:nowrap}.dash-hero-pro .dash-hero-aside{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-end}.dash-hero-actions-pro{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dash-btn-pro{align-items:center;background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 1px #0f172a03;color:#252f40;color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;height:36px;padding:0 14px;transition:all .18s ease}.dash-btn-pro svg{font-size:15px}.dash-btn-pro:hover:not(:disabled){background:#f8fafc;background:var(--dash-soft,var(--panel));box-shadow:none}.dash-btn-pro:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.dash-btn-pro.primary{background:#4f46e5;border-color:#4f46e5;box-shadow:none;color:#fff}.dash-btn-pro.primary:hover:not(:disabled){background:#4338ca;box-shadow:none}.dash-btn-pro.icon-only{gap:0;padding:0 14px}.dash-btn-pro.icon-only .dash-btn-pro-label{display:none}.dash-btn-pro.icon-only:hover .dash-btn-pro-label{display:inline-flex;margin-left:8px}.dash-btn-pro.is-refreshing svg{animation:dashRefreshSpin .8s linear infinite}@media(max-width:980px){.dash-hero.dash-hero-pro{align-items:flex-start;flex-direction:column}.dash-hero-aside{justify-content:flex-start;padding-top:0;width:100%}.dash-hero-actions-pro{flex-wrap:wrap;width:100%}}@media(max-width:760px){.dash-hero-pro .dash-hero-heading{font-size:22px}.dash-hero-pro .dash-hero-scope{border:0;display:block;margin:2px 0 0;padding:0}.dash-hero-actions-pro{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.dash-btn-pro{justify-content:center;padding:0 12px;width:100%}.dash-btn-pro.icon-only{gap:8px}.dash-btn-pro.icon-only .dash-btn-pro-label{display:inline-flex}}@media(max-width:560px){.dash-hero-actions-pro{grid-template-columns:1fr}}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-stats .stat-card{background:#fff;background:var(--panel);border-color:#e9ebef;border-color:var(--border);border-radius:12px;box-shadow:0 2px 8px rgba(30,43,67,.025)}.dash-welcome{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:-5px 0 22px}.dash-welcome h2{color:#252f40;color:var(--text);font-size:19px;font-weight:700;letter-spacing:-.3px;margin:0}.dash-welcome p{color:#818b9b;color:var(--muted);font-size:13px;margin:5px 0 0}.dash-welcome>span{color:#7d8797;font-size:12px}.reference-stats{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.reference-stats .stat-card{min-height:108px}.reference-stats .stat-copy strong{font-display:swap;font-size:24px;font-weight:800}.reference-stats .stat-copy small{font-size:10px;letter-spacing:.2px;text-transform:uppercase}.reference-dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);margin-bottom:16px}.reference-dashboard-grid .panel{background:#fff;background:var(--panel);border-color:#e9ebef;border-color:var(--border);padding:18px}.reference-dashboard-grid .panel-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.dashboard-recent h2,.reference-dashboard-grid .panel-heading h2{font-size:15px;font-weight:700}.reference-dashboard-grid .panel-heading p{color:#818b9b;color:var(--muted);font-size:11px}.reference-chart .panel-heading select{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:8px;color:#5e6878;padding:8px 12px}.revenue-visual{background:repeating-linear-gradient(180deg,#0000 0,#0000 42px,#eef0f4 43px,#eef0f4 44px);background:repeating-linear-gradient(to bottom,#0000 0,#0000 42px,var(--chart-grid) 43px,var(--chart-grid) 44px);gap:12px;height:175px}.axis-labels{color:#929cac;display:flex;flex-direction:column;font-size:9px;justify-content:space-between}.revenue-visual svg{height:100%;overflow:visible;width:100%}.chart-months{color:#929cac;display:flex;font-size:9px;justify-content:space-between;margin-top:7px;padding-left:37px}.donut-wrap{display:grid;padding:3px 0 16px;place-items:center}.donut{border-radius:50%;display:grid;height:155px;place-content:center;text-align:center;width:155px}.donut,[data-theme=dark] .donut{background:radial-gradient(#fff 55%,#0000 57%),conic-gradient(#5e70e8 0 78%,#0dbb88 78% 94%,#f6a306 94% 100%)}[data-theme=dark] .donut{background:radial-gradient(var(--panel) 55%,#0000 57%),conic-gradient(#5e70e8 0 78%,#0dbb88 78% 94%,#f6a306 94% 100%)}.donut strong{color:#253044;font-size:26px;font-weight:800}[data-theme=dark] .donut strong{color:#252f40;color:var(--text)}.donut small{color:#858fa0;font-size:10px;font-weight:500}.legend{grid-gap:8px;color:#657184;display:grid;font-size:10px;gap:8px}.legend span{align-items:center;display:flex;gap:7px}.legend b{color:#283449;margin-left:auto}[data-theme=dark] .legend b{color:#252f40;color:var(--text)}.legend i{border-radius:50%;height:9px;width:9px}.second-dash-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.growth-bars{background:repeating-linear-gradient(180deg,#0000 0,#0000 42px,#eef0f4 43px,#eef0f4 44px);background:repeating-linear-gradient(to bottom,#0000 0,#0000 42px,var(--chart-grid) 43px,var(--chart-grid) 44px);border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border);height:175px;justify-content:space-around}.growth-bars>div{align-items:center;display:flex;flex-direction:column;gap:7px;height:100%;justify-content:flex-end;width:9%}.growth-bars i{background:linear-gradient(#7e8af0,#596ce1);border-radius:5px 5px 0 0;max-width:34px;width:100%}.growth-bars small{color:#929cac;font-size:9px}.loading-panel{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;padding:20px}.dash-top-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-top:16px}.growth-panel{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:16px}.growth-bars{align-items:flex-end;display:flex;gap:8px;height:140px;padding:10px 0}.growth-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%}.growth-track{align-items:flex-end;background:#f1f5f9;border-radius:6px;display:flex;height:100%;width:100%}[data-theme=dark] .growth-track{background:#1f2742}.growth-fill{background:#5d6ee7;border-radius:6px;height:var(--h);min-height:8px;width:100%}.quick-actions-panel{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;padding:16px}.quick-actions{grid-gap:4px;display:grid;gap:4px}.quick-actions>button{align-items:center;background:#fff;border:0;border-radius:8px;display:flex;font-family:inherit;gap:10px;padding:9px 4px;text-align:left}[data-theme=dark] .quick-actions>button{background:#fff;background:var(--panel)}.quick-actions>button:hover{background:#fafcff}[data-theme=dark] .quick-actions>button:hover{background:#1f2742}.quick-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:16px;font-weight:700;height:34px;place-items:center;width:34px}.quick-actions b,.quick-actions small{display:block}.quick-actions b{color:#25344a;font-size:10px}[data-theme=dark] .quick-actions b{color:#252f40;color:var(--text)}.quick-actions small{color:#9aa5b2;font-size:9px;margin-top:2px}.quick-actions i{color:#91a0b0;font-style:normal;margin-left:auto}.qa-title{color:#252f40;color:var(--text);font-size:13px;font-weight:700;letter-spacing:-.2px;margin:0 0 12px}.qa-list{display:flex;flex-direction:column;gap:8px}.qa-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:-.1px;padding:11px 14px;text-align:left;width:100%}.qa-blue{background:#eef2ff;color:#4f46e5}.qa-purple{background:#f5f0ff;color:#7c3aed}.qa-green{background:#ecfdf5;color:#059669}.qa-yellow{background:#fef9e7;color:#b45309}.qa-btn:hover{filter:brightness(.97);transform:translateY(-1px)}[data-theme=dark] .qa-blue{background:#1e243d;color:#8b9aff}[data-theme=dark] .qa-purple{background:#241e3d;color:#b794f6}[data-theme=dark] .qa-green{background:#1a2e28;color:#6ee7b7}[data-theme=dark] .qa-yellow{background:#2e261a;color:#fcd34d}.reference-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-top:16px}.revenue-visual{align-items:flex-end;display:flex;gap:8px;height:160px;padding:10px 0}.rev-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%}.rev-bar{background:#5d6ee7;border-radius:4px;height:var(--h);min-height:4px;width:100%}.rev-bar[data-active="0"]{opacity:.2}.x-label{color:#94a3b8;font-size:10px;font-weight:500}.occupancy-card{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;padding-bottom:12px}.occupancy-card .donut-wrap{display:flex;justify-content:center;padding:20px}.occupancy-card .donut{align-items:center;background:conic-gradient(#5d6ee7 var(--p),#e5e7eb var(--p) 100%);border-radius:50%;display:flex;height:120px;justify-content:center;width:120px}[data-theme=dark] .occupancy-card .donut{background:conic-gradient(#5d6ee7 var(--p),#232a45 var(--p) 100%)}.donut-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;width:80px}[data-theme=dark] .donut-inner{background:#fff;background:var(--panel)}.donut-inner strong{font-size:20px;font-weight:800}.revenue-growth-panel{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;margin-top:16px;overflow:hidden;padding:16px}.line-chart-wrap{height:160px;position:relative}.line-svg{height:100%;overflow:visible;width:100%}.line-path{fill:none;stroke:#5d6ee7;stroke-width:2.5}.line-dot{fill:#5d6ee7}.month-labels{color:#888;display:flex;font-size:10px;font-weight:500;gap:8px;justify-content:space-between;margin-top:6px;overflow-x:auto}.dashboard-recent,.dashboard-recent-payments{margin-top:16px}.dashboard-recent-payments{padding:18px}.dashboard-recent,.dashboard-recent-payments{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:12px;overflow:hidden}.dashboard-recent{margin-top:16px;padding:18px!important}.dashboard-recent .panel-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.dashboard-recent .table-scroll{-webkit-overflow-scrolling:touch;overflow:auto}.dashboard-recent-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-top:16px}.dashboard-recent-grid table{min-width:480px;width:100%}[data-theme=dark] .panel{background:#fff;background:var(--panel);border-color:#e9ebef;border-color:var(--border)}[data-theme=dark] .panel,[data-theme=dark] .panel h2{color:#252f40;color:var(--text)}[data-theme=dark] table th{background:#1a213a;color:#818b9b;color:var(--muted)}[data-theme=dark] table td{border-color:#e9ebef;border-color:var(--border);color:#252f40;color:var(--text)}[data-theme=dark] .payment-pill{filter:brightness(1.2)}.text-button{background:#0000;border:none;color:#5d6ee7;cursor:pointer;font-size:12px;font-weight:600;padding:0}@media (max-width:1250px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.reference-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-top-grid,.dashboard-recent-grid,.reference-dashboard-grid,.second-dash-grid{grid-template-columns:1fr}}@media (max-width:900px){.dash-top-grid,.dashboard-recent-grid,.reference-dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.dash-welcome{align-items:flex-start;flex-direction:column;gap:10px}.reference-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-stats .stat-card{min-height:88px}.reference-dashboard-grid{grid-template-columns:1fr}.dashboard-stats{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.growth-bars{gap:6px}.growth-bars>div{width:12%}.qa-list{display:grid;grid-template-columns:1fr 1fr}.revenue-visual{height:140px}.line-chart-wrap{height:130px}.dashboard-recent,.dashboard-recent-payments,.growth-panel,.quick-actions-panel,.reference-dashboard-grid .panel{padding:14px}}@media(max-width:480px){.dashboard-stats,.reference-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.dashboard-stats .stat-card,.reference-stats .stat-card{gap:7px;min-height:76px;padding:9px 8px}.dashboard-stats .stat-icon,.reference-stats .stat-icon{border-radius:9px;flex-basis:32px;font-size:15px;height:32px;width:32px}.dashboard-stats .stat-copy,.reference-stats .stat-copy{gap:1px}.dashboard-stats .stat-copy>span,.reference-stats .stat-copy>span{font-size:10px;line-height:1.15}.dashboard-stats .stat-copy strong,.reference-stats .stat-copy strong{font-size:20px;line-height:1.1}.dashboard-stats .stat-copy small,.reference-stats .stat-copy small{font-size:8px;line-height:1.1;white-space:normal}.qa-list{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-top-grid,.dashboard-recent-grid,.reference-dashboard-grid{gap:10px;margin-top:10px}.dashboard-recent,.dashboard-recent-payments,.growth-panel,.quick-actions-panel,.reference-dashboard-grid .panel{padding:12px}.growth-bars i{max-width:26px}.chart-months{font-size:8px;padding-left:20px}.axis-labels{font-size:8px}.dash-welcome h2{font-size:16px}.dash-welcome p{font-size:12px}.panel-heading h2{font-size:13px}.month-labels{font-size:9px}.table-scroll{margin:0 -14px;padding:0 14px}}.table-scroll::-webkit-scrollbar{height:6px}.table-scroll::-webkit-scrollbar-thumb{background:#e9ebef;background:var(--border);border-radius:99px}.toast-content{background:#1e293b}.reference-chart .line-svg circle{cursor:pointer;transition:all .2s}.reference-chart .line-svg circle:hover{r:7}.growth-panel [style*="cursor:pointer"]{cursor:pointer}.dashboard-attention-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.dashboard-attention-card{min-width:0;overflow:hidden}.dashboard-attention-card .panel-heading p{color:#94a3b8;font-size:12px;margin:4px 0 0}.dashboard-attention-card .attention-table{border-collapse:collapse;min-width:520px;width:100%}.dashboard-attention-card .attention-table th{background:#f8fafc;color:#64748b;font-size:10px;letter-spacing:.05em;padding:11px 14px;text-align:left;text-transform:uppercase}.dashboard-attention-card .attention-table td{border-bottom:1px solid #eef2f7;color:#334155;color:var(--text-color,#334155);font-size:12px;padding:12px 14px}.dashboard-attention-card .attention-table tr:last-child td{border-bottom:0}.dashboard-attention-card .empty-state{color:#94a3b8;padding:22px;text-align:center}:root[data-theme=dark] .dashboard-attention-card .attention-table th{background:#282e3d;color:#a8b0c0}:root[data-theme=dark] .dashboard-attention-card .attention-table td{border-color:#343b49;color:#d1d7e2}@media(max-width:900px){.dashboard-attention-grid{grid-template-columns:1fr}}.figma-revenue-cards{background:#fff;border:1px solid #e6e8ef;border-radius:16px;box-shadow:0 4px 18px #18274b0f}.figma-revenue-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);padding:16px}.rev-card{grid-gap:6px;border:1px solid #eef2f7;border-radius:14px;cursor:pointer;display:grid;gap:6px;padding:16px;transition:.2s}.rev-card:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-2px)}.rev-card span{font-size:18px}.rev-card label{color:#64748b;font-size:12px;font-weight:500}.rev-card b{color:#0f172a;font-size:18px}.rev-success{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#a7f3d0}.rev-info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.rev-primary{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:#c7d2fe}.rev-danger{background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#fecaca}.figma-table-card{border:1px solid #e6e8ef;border-radius:16px;overflow:hidden}.figma-table-card.expiring-card{border-left:4px solid #ef4444}.figma-table-card.due-card{border-left:4px solid #f59e0b}.figma-table{border-collapse:collapse;width:100%}.figma-table th{background:#f8fafc;border-bottom:1px solid #eef2f7;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.figma-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px 16px}.figma-table tr:last-child td{border-bottom:0}.days-pill{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px}.days-pill.danger{background:#fee2e2;color:#dc2626}.days-pill.warn{background:#fef3c7;color:#d97706}.days-pill.info{background:#dbeafe;color:#2563eb}.due-amount{color:#dc2626;font-weight:800}.no-plan{background:#f59e0b1f;border-radius:8px;color:#b45309;font-size:11px;font-weight:700;padding:3px 10px}.figma-btn{border:0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px}.figma-btn.primary{background:#6366f1;color:#fff}.figma-btn.danger{background:#ef4444;color:#fff}.due-count{background:#fef3c7;border-radius:20px;color:#92400e;font-size:11px;font-weight:700;padding:4px 10px}.figma-pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:center;padding:12px}.figma-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:6px 12px}.figma-pagination button:disabled{cursor:not-allowed;opacity:.4}@media(max-width:900px){.figma-revenue-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-pay-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.dashboard-pay-modal{animation:payModalIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 24px 70px #00000040;max-height:92vh;max-width:560px;overflow:auto;width:100%}@keyframes payModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-pay-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.dashboard-pay-modal-header h2{color:#0f172a;font-size:18px;font-weight:800;margin:0}.dashboard-pay-modal-header small{color:#64748b;display:block;font-size:12px;margin-top:4px}.dashboard-pay-modal-header .close-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:20px;height:36px;width:36px}.dashboard-pay-form{display:flex;flex-direction:column;gap:16px;padding:22px 24px}.dashboard-pay-form .form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.dashboard-pay-form label{color:#334155;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px}.dashboard-pay-form input,.dashboard-pay-form select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:11px 12px;transition:.2s}.dashboard-pay-form input:focus,.dashboard-pay-form select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.dashboard-pay-form .form-select-custom-trigger{border-radius:12px;color:#0f172a;font-size:14px;min-height:43px;padding:0 12px}.dashboard-pay-form .form-select-custom-menu-inner{border-radius:12px}.readonly-input{background:#f8fafc!important;color:#64748b!important}.amount-input,.due-hint{font-weight:700}.due-hint{color:#059669;font-size:11px}.dashboard-pay-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:6px}.cancel-btn{border-radius:12px;font-weight:700;padding:11px 18px}.pay-btn{background:#6366f1;border:0;border-radius:12px;box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;font-weight:800;padding:11px 22px}.chart-wrapper{position:relative}.chart-tooltip{background:#0f172a;border-radius:10px;box-shadow:0 8px 20px #0003;font-weight:700;padding:7px 12px;transform:translate(-50%,-110%);z-index:5}.growth-svg,.revenue-svg{height:100%;width:100%}@media (prefers-color-scheme:dark){.dashboard-pay-modal{background:#1e293b;border-color:#334155}.dashboard-pay-modal-header{border-color:#334155}.dashboard-pay-modal-header h2{color:#f8fafc}.dashboard-pay-modal-header small{color:#94a3b8}.dashboard-pay-modal-header .close-btn{background:#0f172a;border-color:#334155;color:#f1f5f9}.dashboard-pay-form label{color:#cbd5e1}.dashboard-pay-form .form-select-custom-trigger,.dashboard-pay-form input,.dashboard-pay-form select{background:#0f172a;border-color:#334155;color:#f1f5f9}.readonly-input{background:#0f172a!important;color:#94a3b8!important}.cancel-btn{background:#0f172a;border-color:#334155;color:#f1f5f9}}.dark .dashboard-pay-modal{background:#1e293b;border-color:#334155}.dark .dashboard-pay-modal-header h2{color:#f8fafc}.dark .dashboard-pay-form input,.dark .dashboard-pay-form select{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark .growth-panel,.dark .reference-chart{background:#1e293b;border-color:#334155}:root[data-theme=dark]{--dash-track:#2a3245;--dash-soft:#1c2233}.rupee-amount{align-items:center;display:inline-flex;gap:.16em;line-height:1;white-space:nowrap}.rupee-amount svg{flex:0 0 auto;height:.78em;position:relative;top:.02em;width:.78em}.dash-hero{align-items:flex-end;gap:20px;margin:0 0 20px}.dash-eyebrow{color:#6366f1;font-weight:800;letter-spacing:.14em}.dash-hero-copy h1{color:#252f40;color:var(--text);font-family:Manrope,DM Sans,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:5px 0 7px}.dash-hero-copy p{color:#818b9b;color:var(--muted);font-size:13px;margin:0}.dash-hero-actions{gap:10px}.dash-button{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:8px;height:40px;justify-content:center;padding:0 15px;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;white-space:nowrap}.dash-button svg{font-size:14px}.dash-button:hover:not(:disabled){transform:translateY(-1px)}.dash-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.dash-button.primary{background:#4f46e5;box-shadow:0 8px 20px #4f46e53d;color:#fff}.dash-button.ghost{background:#fff;background:var(--panel);border-color:#e9ebef;border-color:var(--border);color:#252f40;color:var(--text)}.dash-button.ghost:hover:not(:disabled){background:#f8fafc;background:var(--dash-soft)}.dash-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.dash-kpi{align-items:flex-start;background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px #1e2b4308;display:flex;gap:12px;min-height:124px;min-width:0;padding:16px}.dash-kpi-icon{border-radius:12px;display:grid;flex:0 0 42px;font-size:19px;height:42px;place-items:center;width:42px}.dash-kpi-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-kpi-copy>span{color:#818b9b;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dash-kpi-copy strong,.dash-kpi-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-kpi-copy strong{color:#252f40;color:var(--text);font-family:Manrope,DM Sans,sans-serif;font-size:clamp(21px,1.8vw,27px);font-weight:800;letter-spacing:-.04em;line-height:1.15}.dash-kpi-copy small{color:#818b9b;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-kpi.is-clickable{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;width:100%}.dash-kpi.is-clickable:hover{border-color:#cbd5e1;box-shadow:0 8px 22px #1e2b4314;transform:translateY(-2px)}.dash-kpi.is-clickable:active{transform:translateY(0)}.dash-kpi.is-clickable:focus-visible{border-color:#a5b4fc;box-shadow:0 0 0 3px #5f70e933;outline:none}[data-theme=dark] .dash-kpi.is-clickable:hover{border-color:#3f4a5f;box-shadow:0 8px 22px #0000004d}[data-theme=dark] .dash-kpi.is-clickable:focus-visible{border-color:#6d7cff;box-shadow:0 0 0 3px #6d7cff3d}@media (prefers-reduced-motion:reduce){.dash-kpi.is-clickable{transition:none}.dash-kpi.is-clickable:active,.dash-kpi.is-clickable:hover{transform:none}}.tone-indigo .dash-kpi-icon{background:#eef2ff;color:#4f46e5}.tone-green .dash-kpi-icon{background:#dcfce7;color:#15803d}.tone-pink .dash-kpi-icon{background:#fce7f3;color:#db2777}.tone-teal .dash-kpi-icon{background:#ccfbf1;color:#0d9488}.tone-violet .dash-kpi-icon{background:#ede9fe;color:#7c3aed}.tone-blue .dash-kpi-icon{background:#dbeafe;color:#2563eb}.tone-orange .dash-kpi-icon{background:#ffedd5;color:#ea580c}.tone-red .dash-kpi-icon{background:#fee2e2;color:#dc2626}.dash-revenue-strip{margin-bottom:16px;padding:18px}.dash-revenue-grid{grid-gap:12px;display:grid;gap:12px}.dash-revenue-card{background:#f8fafc;background:var(--dash-soft);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;min-width:0;padding:14px 15px;text-align:left;transition:transform .15s,box-shadow .15s}.dash-revenue-card:hover{box-shadow:0 10px 24px #1e2b4314;transform:translateY(-2px)}.dash-revenue-icon{border-radius:10px;display:grid;flex:0 0 34px;font-size:15px;height:34px;margin-bottom:4px;place-items:center;width:34px}.dash-revenue-label{color:#818b9b;color:var(--muted);font-size:11px;font-weight:700}.dash-revenue-card strong,.dash-revenue-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-revenue-card strong{color:#252f40;color:var(--text);font-family:Manrope,DM Sans,sans-serif;font-size:clamp(18px,1.6vw,23px);font-weight:800;letter-spacing:-.03em;line-height:1.2}.dash-revenue-card.tone-green{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#bbf7d0}.dash-revenue-card.tone-green .dash-revenue-icon{background:#dcfce7;color:#15803d}.dash-revenue-card.tone-blue{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.dash-revenue-card.tone-blue .dash-revenue-icon{background:#dbeafe;color:#2563eb}.dash-revenue-card.tone-violet{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:#c7d2fe}.dash-revenue-card.tone-violet .dash-revenue-icon{background:#ede9fe;color:#7c3aed}.dash-revenue-card.tone-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4}.dash-revenue-card.tone-teal .dash-revenue-icon{background:#ccfbf1;color:#0d9488}.dash-revenue-restricted{background:#f8fafc;background:var(--dash-soft);border:1px dashed #e9ebef;border:1px dashed var(--border);border-radius:12px;color:#818b9b;color:var(--muted);font-size:11px;grid-column:1/-1;padding:12px 14px;text-align:center}[data-theme=dark] .dash-revenue-card{background:#fff;background:var(--panel);border-color:#e9ebef;border-color:var(--border)}[data-theme=dark] .dash-revenue-card.tone-green{background:linear-gradient(135deg,#12241d,#16281f);border-color:#1f4a36}[data-theme=dark] .dash-revenue-card.tone-green .dash-revenue-icon{background:#14352a;color:#4ade80}[data-theme=dark] .dash-revenue-card.tone-blue{background:linear-gradient(135deg,#131f33,#16243c);border-color:#1e3a5f}[data-theme=dark] .dash-revenue-card.tone-blue .dash-revenue-icon{background:#172c4a;color:#60a5fa}[data-theme=dark] .dash-revenue-card.tone-violet{background:linear-gradient(135deg,#1c1835,#221c40);border-color:#37306b}[data-theme=dark] .dash-revenue-card.tone-violet .dash-revenue-icon{background:#282148;color:#a78bfa}[data-theme=dark] .dash-revenue-card.tone-teal{background:linear-gradient(135deg,#102a26,#13332e);border-color:#1d4a42}[data-theme=dark] .dash-revenue-card.tone-teal .dash-revenue-icon{background:#163a34;color:#2dd4bf}.dash-attention-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-bottom:16px}.dash-attention-card,.dash-occupancy-card,.dash-plan-card,.dash-quick-card,.dash-recent-card{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;min-width:0;padding:18px}.dash-panel-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;min-width:0}.dash-panel-kicker{align-items:center;color:#94a3b8;display:inline-flex;font-size:9px;font-weight:800;gap:6px;letter-spacing:.12em;text-transform:uppercase}.dash-panel-head h2{color:#252f40;color:var(--text);font-family:Manrope,DM Sans,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:3px 0 0}.dash-panel-head p{color:#818b9b;color:var(--muted);font-size:11px;margin:3px 0 0}.dash-link{align-items:center;background:#0000;border:0;color:#4f46e5;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 0;white-space:nowrap}.dash-link:hover{color:#4338ca}.dash-total-chip{background:#eef2ff;border-radius:999px;color:#4f46e5;font-size:10px;font-weight:800;padding:5px 10px;white-space:nowrap}[data-theme=dark] .dash-total-chip{background:#252a47;color:#a5b4fc}.dash-table-wrap{margin:0 -4px;overflow-x:auto;overflow-y:hidden;padding:0 4px}.dash-table{border-collapse:collapse;min-width:430px;white-space:nowrap;width:100%}.dash-table.dash-recent-students-table{min-width:0}.dash-table th{background:#0000;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.07em;padding:9px;text-align:left;text-transform:uppercase}.dash-table td,.dash-table th{border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border)}.dash-table td{color:#252f40;color:var(--text);font-size:12px;padding:10px 9px;vertical-align:middle}.dash-table tbody tr:nth-child(2n),.dash-table tbody tr:nth-child(odd){background:#0000}.dash-table tbody tr:hover{background:rgba(99,102,241,.045)}.dash-table tbody tr:last-child td{border-bottom:0}.dash-pagination{align-items:center;color:#818b9b;color:var(--muted);display:flex;font-size:10px;font-weight:600;gap:10px;justify-content:space-between;padding:10px 2px 0}.dash-pagination-actions{align-items:center;display:flex;gap:6px}.dash-pagination button{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:7px;color:#252f40;color:var(--text);cursor:pointer;font-size:10px;font-weight:700;height:26px;min-width:52px;padding:0 9px}.dash-pagination button:hover:not(:disabled){border-color:#6366f1;color:#4f46e5}.dash-pagination button:disabled{cursor:not-allowed;opacity:.4}.dash-person{align-items:center;display:flex;gap:9px;min-width:0}.dash-avatar{background:#eef2ff;border-radius:9px;color:#4f46e5;display:grid;flex:0 0 32px;font-size:10px;font-weight:800;height:32px;place-items:center;width:32px}.dash-person b{color:#252f40;color:var(--text);font-size:12px;font-weight:700}.dash-person b,.dash-person small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-person small,.dash-plan-badge{color:#818b9b;color:var(--muted);font-size:10px}.dash-plan-badge{background:#f8fafc;background:var(--dash-soft);border-radius:999px;display:inline-flex;font-weight:700;padding:4px 9px}.dash-due{color:#dc2626;font-size:12px;font-weight:800}.dash-due small{color:#d97706;display:block;font-size:9px;font-weight:700}.dash-collected{color:#059669;font-size:12px;font-weight:800}.dash-btn{border:0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:800;padding:6px 11px;transition:filter .15s;white-space:nowrap}.dash-btn:hover{filter:brightness(.96)}.dash-btn.pay{background:#fee2e2;color:#dc2626}.dash-btn.renew{background:#e0e7ff;color:#4f46e5}.dash-btn.delete{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.dash-btn.delete:disabled{cursor:not-allowed;opacity:.55}.dash-row-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;white-space:nowrap}[data-theme=dark] .dash-btn.delete{background:#2c1b24;border-color:#4c2533;color:#fb7185}.dash-status{align-items:center;background:#f8fafc;background:var(--dash-soft);border-radius:999px;color:#818b9b;color:var(--muted);display:inline-flex;font-size:9px;font-weight:800;padding:4px 9px;text-transform:capitalize;white-space:nowrap}.dash-status.active,.dash-status.completed,.dash-status.paid,.dash-status.success{background:#dcfce7;color:#15803d}.dash-status.outstanding,.dash-status.pending{background:#fef3c7;color:#b45309}.dash-status.expired,.dash-status.failed,.dash-status.overdue{background:#fee2e2;color:#dc2626}.dash-empty{align-items:center;background:#f8fafc8c;border:1px dashed #e9ebef;border:1px dashed var(--border);border-radius:14px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:170px;padding:28px 16px;text-align:center}.dash-empty>span{background:#eef2ff;border-radius:50%;color:#4f46e5;display:grid;font-size:18px;height:42px;margin-bottom:9px;place-items:center;width:42px}.dash-empty b{color:#252f40;color:var(--text);font-size:12px}.dash-empty p{color:#818b9b;color:var(--muted);font-size:10px;margin:4px 0 0}.dash-empty.compact{min-height:0;padding:18px 12px}.dash-charts-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);margin-bottom:16px}.dash-charts-grid>.panel,.dash-lower-grid>.panel{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:16px;min-width:0;padding:18px}.dash-lower-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr) minmax(215px,.9fr);margin-bottom:16px}.dash-recent-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dash-occ-main{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:2px 0 14px}.dash-donut{flex:0 0 146px;height:146px;margin:auto;position:relative;width:146px}.dash-donut svg{height:100%;overflow:visible;transform:rotate(-90deg);width:100%}.dash-donut-label{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;text-align:center}.dash-donut-label b{color:#252f40;color:var(--text);font-family:Manrope,DM Sans,sans-serif;font-size:24px;font-weight:800;line-height:1.1}.dash-donut-label span{color:#818b9b;color:var(--muted);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.dash-occ-legend{display:flex;flex:1 1;flex-direction:column;gap:9px;min-width:140px}.dash-occ-legend-row{grid-gap:7px;align-items:center;display:grid;font-size:11px;gap:7px;grid-template-columns:1fr auto auto}.dash-occ-legend-row span{align-items:center;color:#252f40;color:var(--text);display:flex;font-weight:600;gap:7px}.dash-occ-legend-row i{border-radius:50%;flex:0 0 8px;height:8px;width:8px}.dash-occ-legend-row b{color:#252f40;color:var(--text);font-size:12px}.dash-occ-legend-row small{color:#818b9b;color:var(--muted);font-size:10px;min-width:30px;text-align:right}.dash-occ-split{grid-gap:12px;border-top:1px solid #e9ebef;border-top:1px solid var(--border);display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:14px}.dash-occ-split-head{color:#252f40;color:var(--text);display:flex;font-size:10px;font-weight:700;gap:8px;justify-content:space-between;margin-bottom:6px}.dash-occ-split-head b{color:#818b9b;color:var(--muted);font-size:10px}.dash-occ-split-item small{color:#818b9b;color:var(--muted);display:block;font-size:9px;margin-top:5px}.dash-progress{background:#e5e7eb;background:var(--dash-track);border-radius:999px;height:7px;overflow:hidden}.dash-progress i{border-radius:999px;display:block;height:100%}.dash-plan-list{display:flex;flex-direction:column;gap:13px}.dash-plan-top{align-items:center;color:#252f40;color:var(--text);display:flex;font-size:11px;font-weight:700;gap:8px;justify-content:space-between;margin-bottom:6px}.dash-plan-top span{align-items:center;display:flex;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-plan-top i{border-radius:50%;flex:0 0 8px;height:8px;width:8px}.dash-plan-top b{color:#252f40;color:var(--text);font-size:12px}.dash-plan-bar{background:#e5e7eb;background:var(--dash-track);border-radius:999px;height:7px;overflow:hidden}.dash-plan-bar i{border-radius:999px;display:block;height:100%}.dash-plan-row small{color:#818b9b;color:var(--muted);display:block;font-size:9px;margin-top:5px}.dash-quick-list{display:flex;flex-direction:column;gap:6px}.dash-quick-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#252f40;color:var(--text);display:flex;gap:9px;padding:8px;text-align:left;transition:background .15s,border-color .15s;width:100%}.dash-quick-item:hover{background:#f8fafc;background:var(--dash-soft);border-color:#e9ebef;border-color:var(--border)}.dash-quick-icon{border-radius:9px;display:grid;flex:0 0 32px;font-size:14px;height:32px;place-items:center;width:32px}.dash-quick-icon.blue{background:#eef2ff;color:#4f46e5}.dash-quick-icon.violet{background:#ede9fe;color:#7c3aed}.dash-quick-icon.green{background:#dcfce7;color:#15803d}.dash-quick-icon.amber{background:#fef3c7;color:#b45309}.dash-quick-copy{display:flex;flex:1 1;flex-direction:column;min-width:0}.dash-quick-copy b{color:#252f40;color:var(--text);font-size:11px;font-weight:700}.dash-quick-copy b,.dash-quick-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-quick-copy small{color:#818b9b;color:var(--muted);font-size:9px}.dash-quick-item>svg{color:#94a3b8;flex:0 0 auto}[data-theme=dark] .dash-avatar,[data-theme=dark] .dash-empty>span{background:#252a47;color:#a5b4fc}[data-theme=dark] .dash-empty{background:#1c22338c}[data-theme=dark] .dash-table tbody tr:hover{background:#6366f11f}[data-theme=dark] .dash-due{color:#fca5a5}[data-theme=dark] .dash-btn.pay{background:#3a1f25;color:#fca5a5}[data-theme=dark] .dash-btn.renew{background:#252a47;color:#a5b4fc}[data-theme=dark] .dash-status.active,[data-theme=dark] .dash-status.completed,[data-theme=dark] .dash-status.paid,[data-theme=dark] .dash-status.success{background:#1a2e28;color:#34d399}[data-theme=dark] .dash-status.outstanding,[data-theme=dark] .dash-status.pending{background:#2e261a;color:#fcd34d}[data-theme=dark] .dash-status.expired,[data-theme=dark] .dash-status.failed,[data-theme=dark] .dash-status.overdue{background:#2e1a1a;color:#fca5a5}[data-theme=dark] .tone-indigo .dash-kpi-icon{background:#252a47;color:#a5b4fc}[data-theme=dark] .tone-green .dash-kpi-icon{background:#1a2e28;color:#34d399}[data-theme=dark] .tone-pink .dash-kpi-icon{background:#331c2b;color:#f9a8d4}[data-theme=dark] .tone-teal .dash-kpi-icon{background:#12302e;color:#5eead4}[data-theme=dark] .tone-violet .dash-kpi-icon{background:#241e3d;color:#c4b5fd}[data-theme=dark] .tone-blue .dash-kpi-icon{background:#1b2b45;color:#93c5fd}[data-theme=dark] .tone-orange .dash-kpi-icon{background:#332414;color:#fdba74}[data-theme=dark] .tone-red .dash-kpi-icon{background:#331a1d;color:#fca5a5}[data-theme=dark] .dash-quick-icon.blue{background:#252a47;color:#a5b4fc}[data-theme=dark] .dash-quick-icon.violet{background:#241e3d;color:#c4b5fd}[data-theme=dark] .dash-quick-icon.green{background:#1a2e28;color:#34d399}[data-theme=dark] .dash-quick-icon.amber{background:#2e261a;color:#fcd34d}@media(max-width:1280px){.dash-lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.dash-quick-card{grid-column:1/-1}.dash-quick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.dash-kpis,.dash-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-attention-grid,.dash-charts-grid,.dash-lower-grid,.dash-recent-grid{grid-template-columns:1fr}.dash-quick-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dash-hero{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.dash-hero-copy h1{font-size:26px}.dash-hero-actions{width:100%}.dash-button{flex:1 1}.dash-kpis{gap:10px}.dash-kpi{gap:10px;min-height:106px;padding:12px}.dash-kpi-icon{flex-basis:36px;font-size:16px;height:36px;width:36px}.dash-kpi-copy strong{font-size:21px}.dash-attention-card,.dash-charts-grid>.panel,.dash-lower-grid>.panel,.dash-occupancy-card,.dash-plan-card,.dash-quick-card,.dash-recent-card{padding:14px}.dash-attention-grid,.dash-charts-grid,.dash-lower-grid,.dash-recent-grid{gap:10px;margin-bottom:10px}.dash-quick-list{grid-template-columns:1fr}.dash-occ-main{justify-content:center}.dash-occ-legend{flex-basis:100%}}@media(max-width:480px){.dash-kpis{gap:8px}.dash-kpi{flex-direction:column;min-height:118px}.dash-kpi-copy strong{font-size:19px}.dash-kpi-copy>span{white-space:normal}.dash-revenue-strip{padding:14px}.dash-revenue-grid{grid-template-columns:1fr}.dash-revenue-card{padding:12px}.dash-revenue-card strong{font-size:19px}.dash-occ-split{grid-template-columns:1fr}.dash-panel-head{flex-wrap:wrap}.dash-table{min-width:400px}}.dash-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:-2px 0 20px}.dash-hero-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.dash-eyebrow{align-items:center;color:#818b9b;color:var(--muted);display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.dash-hero-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dash-hero-title-row h1{color:#252f40;color:var(--text);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.dash-hero-chip{background:#fff;background:var(--panel);border:1px solid #e9ebef;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:6px 10px}.dash-hero-chip,.dash-hero-meta{align-items:center;color:#818b9b;color:var(--muted)}.dash-hero-meta{display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin:0}.dash-hero-meta-dot{background:currentColor;border-radius:50%;height:4px;opacity:.6;width:4px}.dash-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}[data-theme=dark] .dash-hero-chip{background:#fff;background:var(--panel)}@media(max-width:760px){.dash-hero{align-items:flex-start;flex-direction:column;gap:12px}.dash-hero-title-row h1{font-size:24px}.dash-hero-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.dash-hero-actions .dash-button{height:38px;padding:0 10px;width:100%}}@media(max-width:560px){.dash-hero-actions{grid-template-columns:1fr}}.dash-header,.dash-header-bar{margin:0;padding:0}.dash-header-bar{border-bottom:0;gap:12px 24px}.dash-header-eyebrow{align-items:center;background:rgba(79,70,229,.055);border:1px solid #4f46e524;border-radius:999px;color:#4338ca;display:inline-flex;font-weight:650;gap:8px;letter-spacing:0;margin:0;padding:7px 11px;text-transform:none}.dash-header-eyebrow:before{background:#6366f1;border-radius:50%;content:"";flex:0 0 7px;height:7px;width:7px}.dash-header-today{align-items:center;color:#818b9b;color:var(--muted);display:inline-flex;font-size:12px;gap:8px;margin:0;padding:0}.dash-header-today strong{color:#252f40;color:var(--text);font-weight:650}.dash-header-dash{color:#e9ebef;color:var(--border);margin:0 2px;opacity:1}.dash-header-greeting{background:#4f46e512;border-radius:999px;color:#4f46e5;font-weight:600;padding:5px 9px}.dash-header-main{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.dash-header-info{flex:1 1 420px;gap:6px}.dash-header-eyebrow{color:#4f46e5;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dash-header-title{color:var(--text);font-size:30px;letter-spacing:-.03em;line-height:1.15}.dash-header-subtitle{color:#818b9b;color:var(--muted);line-height:1.5;max-width:640px}.dash-action-btn{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;height:38px;padding:0 16px}.dash-action-btn svg{font-size:15px}.dash-action-btn:hover:not(:disabled){background:var(--dash-soft,#6366f10f)}.dash-action-btn:focus-visible,.dash-header-tab:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.dash-action-btn.primary{background:#4f46e5;border-color:#4f46e5}.dash-action-btn.primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca}.dash-action-icon{align-items:center;display:inline-flex;justify-content:center}.dash-action-icon.is-loading svg{animation:dashHeaderSpin .8s linear infinite}@keyframes dashHeaderSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .dash-header-eyebrow{background:#818cf81a;border-color:#a5b4fc33;color:#c7d2fe}[data-theme=dark] .dash-header-eyebrow:before{background:#a5b4fc}[data-theme=dark] .dash-header-greeting{background:#818cf821;color:#c7d2fe}[data-theme=dark] .dash-header-tab.active{border-bottom-color:#818cf8}@media(max-width:760px){.dash-header-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:0}.dash-header-today{flex-wrap:wrap}.dash-header-main{align-items:flex-start;flex-direction:column}.dash-header-title{font-size:24px}.dash-header-actions{width:100%}.dash-action-btn{flex:1 1}}.dash-page{container-name:dash;container-type:inline-size;display:block;min-width:0}.dash-header.dash-page-header{margin:0 0 20px;min-width:0;padding:0}.dash-page-header .dash-header-bar{align-items:flex-start;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin:0;min-width:0;padding:8px 0 14px}.dash-page-header .dash-header-eyebrow{align-items:center;background:rgba(79,70,229,.055);border:1px solid #4f46e524;border-radius:999px;color:#4338ca;display:inline-flex;font-size:11px;font-weight:650;gap:8px;letter-spacing:.02em;line-height:1.25;margin:0;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:6px 10px;text-transform:uppercase;white-space:normal}.dash-page-header .dash-header-eyebrow:before{background:#6366f1;border-radius:50%;content:"";flex:0 0 7px;height:7px;width:7px}.dash-page-header .dash-header-today{align-items:center;color:#818b9b;color:var(--muted);display:inline-flex;flex-wrap:wrap;font-size:12px;gap:4px 8px;line-height:1.45;margin:0;min-width:0;padding:0}.dash-page-header .dash-header-today strong{color:#252f40;color:var(--text);font-weight:650}.dash-page-header .dash-header-dash{color:#e9ebef;color:var(--border);margin:0 2px;opacity:1}.dash-page-header .dash-header-greeting{background:#4f46e512;border-radius:999px;color:#4f46e5;font-weight:600;padding:4px 8px;white-space:nowrap}.dash-page-header .dash-header-main{align-items:center;display:flex;flex-wrap:nowrap;gap:12px 20px;justify-content:space-between;min-width:0;padding-top:12px}.dash-page-header .dash-header-info{display:flex;flex:1 1 320px;flex-direction:column;gap:4px;min-width:0}.dash-page-header .dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;overflow-wrap:anywhere}.dash-page-header .dash-header-subtitle{color:#818b9b;color:var(--muted,#64748b);font-size:clamp(12px,1.25vw,14px);line-height:1.4;margin:0;max-width:58rem;overflow-wrap:break-word}.dash-page-header .dash-header-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0;min-width:0}.dash-page-header .dash-action-btn{flex:0 0 auto;font-size:11px;gap:5px;height:34px;min-height:34px;padding:0 10px;white-space:nowrap}.dash-page-header .dash-action-btn svg{color:currentColor;display:inline-block;flex:0 0 14px;font-size:13px;height:14px;vertical-align:middle;visibility:visible;width:14px}.dash-page-header .dash-action-icon{align-items:center;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;line-height:0;width:14px}.dash-page-header .dash-action-icon svg{color:currentColor;display:block;flex:0 0 100%;font-size:inherit;height:100%;visibility:visible;width:100%}.dash-page-header .dash-action-icon.is-loading svg{animation:dashHeaderSpin .8s linear infinite}[data-theme=dark] .dash-page-header .dash-header-eyebrow{background:#818cf81a;border-color:#a5b4fc33;color:#c7d2fe}[data-theme=dark] .dash-page-header .dash-header-eyebrow:before{background:#a5b4fc}[data-theme=dark] .dash-page-header .dash-header-bar{border-bottom-color:#343b49}[data-theme=dark] .dash-page-header .dash-header-title{color:#eef0f6}[data-theme=dark] .dash-page-header .dash-header-subtitle{color:#a8b0c0}[data-theme=dark] .dash-page-header .dash-header-greeting{background:#818cf821;color:#c7d2fe}@media(min-width:761px) and (max-width:900px){.dash-page-header .dash-header-title{font-size:26px}.dash-page-header .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.dash-page-header .dash-header-actions{gap:6px}.dash-page-header .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.dash-page-header .dash-action-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}.dash-page-header .dash-action-icon{flex-basis:13px;height:13px;width:13px}}@media(max-width:760px){.dash-header.dash-page-header{margin-bottom:14px}.dash-page-header .dash-header-bar{flex-direction:row;gap:8px;padding:6px 0 10px}.dash-page-header .dash-header-eyebrow{font-size:10px;letter-spacing:0;padding:5px 8px}.dash-page-header .dash-header-today{font-size:11px}.dash-page-header .dash-header-main{align-items:flex-start;flex-direction:row;gap:10px;padding-top:10px}.dash-page-header .dash-header-info{flex:1 1 320px}.dash-page-header .dash-header-title{font-size:26px}.dash-page-header .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.dash-page-header .dash-header-actions{flex-wrap:nowrap;gap:6px;justify-content:flex-end;margin-left:auto;max-width:100%;width:auto}.dash-page-header .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.dash-page-header .dash-action-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}.dash-page-header .dash-action-icon{flex-basis:13px;height:13px;width:13px}}@media(max-width:560px){.dash-page-header .dash-header-bar{align-items:flex-start;flex-direction:column;gap:8px}.dash-page-header .dash-header-today{display:flex;flex-wrap:nowrap;gap:6px;justify-content:space-between;width:100%}.dash-page-header .dash-header-dash{display:none}.dash-page-header .dash-header-main{flex-wrap:wrap}.dash-page-header .dash-header-info{flex:1 1 100%}.dash-page-header .dash-header-actions{justify-content:flex-start;margin-left:0;width:100%}.dash-page-header .dash-action-btn{flex:0 1 auto;min-width:0}}@media(max-width:420px){.dash-page-header .dash-header-title{font-size:23px}.dash-page-header .dash-header-subtitle{font-size:12px}.dash-page-header .dash-header-actions{gap:5px}.dash-page-header .dash-action-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.dash-page-header .dash-action-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}.dash-page-header .dash-action-icon{flex-basis:12px;height:12px;width:12px}}@media(max-width:390px){.dash-page-header .dash-header-bar{padding-bottom:8px}.dash-page-header .dash-header-title{font-size:19px}.dash-page-header .dash-header-subtitle{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-page-header .dash-header-actions{gap:5px}.dash-page-header .dash-action-btn{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 6px}.dash-page-header .dash-action-btn svg{flex-basis:11px;font-size:11px;height:11px;width:11px}.dash-page-header .dash-action-icon{flex-basis:11px;height:11px;width:11px}}@media(max-height:520px) and (orientation:landscape){.dash-header.dash-page-header{margin-bottom:10px}.dash-page-header .dash-header-main{gap:8px;padding-top:8px}}.dash-revenue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@container dash (max-width: 1180px){.dash-lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.dash-quick-card{grid-column:1/-1}.dash-quick-list{display:grid}.dash-quick-list,.dash-skel-kpis,.dash-skel-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container dash (max-width: 1020px){.dash-attention-grid,.dash-charts-grid,.dash-lower-grid,.dash-recent-grid{grid-template-columns:minmax(0,1fr)}.dash-quick-list,.dash-skel-lower-grid,.dash-skel-two-column{grid-template-columns:1fr}}@container dash (max-width: 820px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-kpi{gap:9px;min-height:88px;padding:10px}.dash-kpi-icon{flex-basis:32px;font-size:14px;height:32px;width:32px}.dash-kpi-copy{gap:2px}.dash-kpi-copy>span{font-size:9px;line-height:1.25}.dash-kpi-copy strong{font-size:clamp(17px,2.3vw,21px);line-height:1.05}}@container dash (max-width: 760px){.dash-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-skel-two-column{gap:10px;grid-template-columns:1fr}}@container dash (max-width: 380px){.dash-revenue-strip{padding:12px}.dash-skel-chart{height:190px}}.dash-attention-grid,.dash-attention-grid>*,.dash-charts-grid,.dash-charts-grid>*,.dash-kpis,.dash-kpis>*,.dash-lower-grid,.dash-lower-grid>*,.dash-recent-grid,.dash-recent-grid>*,.dash-revenue-grid,.dash-revenue-grid>*{min-width:0}@container dash (max-width: 560px){.dash-attention-grid,.dash-charts-grid,.dash-lower-grid,.dash-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-recent-grid{grid-template-columns:minmax(0,1fr)}.dash-revenue-grid{gap:8px}.dash-kpis{gap:8px;margin-bottom:10px}.dash-kpi{border-radius:12px;gap:7px;min-height:76px;padding:9px}.dash-kpi-icon{border-radius:8px;flex-basis:28px;font-size:13px;height:28px;width:28px}.dash-kpi-copy>span{font-size:8px;letter-spacing:.04em;line-height:1.2}.dash-kpi-copy strong{font-size:17px;line-height:1}.dash-kpi-copy small{font-size:8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-revenue-card{border-radius:11px;gap:3px;padding:9px}.dash-revenue-icon{flex-basis:28px;height:28px;width:28px}.dash-revenue-card>span{font-size:9px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-revenue-card strong{font-size:16px;line-height:1.05}.dash-attention-grid>*,.dash-charts-grid>*,.dash-lower-grid>*,.dash-recent-grid>*{grid-column:1/-1}.dash-skel-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-attention-grid,.dash-charts-grid,.dash-lower-grid,.dash-recent-grid{gap:10px;margin-bottom:10px}.dash-charts-grid>.panel,.dash-lower-grid>.panel{padding:14px}.dash-occ-main{gap:12px}.dash-donut{flex-basis:min(146px,44vw);height:min(146px,44vw);width:min(146px,44vw)}.dash-donut-label b{font-size:clamp(18px,5vw,24px)}.dash-panel-head{flex-wrap:wrap;gap:8px;margin-bottom:12px}.dash-panel-head h2{font-size:16px}.dash-panel-head p{font-size:10.5px}.dash-table{min-width:360px}.dash-recent-card .dash-table-wrap{margin:0;min-width:0;overflow-x:hidden;padding:0;width:100%}.dash-recent-card .dash-table{min-width:0;table-layout:fixed;white-space:normal;width:100%}.dash-recent-card .dash-table td,.dash-recent-card .dash-table th{font-size:9px;overflow-wrap:anywhere;padding:8px 4px;white-space:normal;word-break:break-word}.dash-recent-card .dash-table th{font-size:8px;letter-spacing:.03em}.dash-recent-card .dash-table .dash-status{font-size:8px;overflow-wrap:anywhere;padding:3px 5px;white-space:normal}}.dash-header{margin:0 0 20px}.dash-header-bar{align-items:center;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;padding:10px 0}.dash-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.students-header-left{align-items:center;display:flex;gap:12px;min-width:0}.students-header-icon{align-items:center;background:#4338ca;border-radius:10px;box-shadow:0 8px 20px #4338ca2e;color:#fff;display:flex;flex:0 0 48px;height:48px;justify-content:center;width:48px}.students-header-icon svg{font-size:26px}.dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.dash-header-subtitle{color:#64748b;color:var(--muted,#64748b);font-size:14px;margin:0}.dash-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dash-action-btn{align-items:center;background:#fff;background:var(--panel,#fff);border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);border-radius:10px;color:#252f40;color:var(--text,#252f40);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:background .15s,border-color .15s;white-space:nowrap}.dash-action-btn svg{font-size:16px}.dash-action-btn:hover:not(:disabled){background:#f8fafc;background:var(--dash-soft,#f8fafc)}.dash-action-btn:disabled{cursor:not-allowed;opacity:.6}.dash-action-btn.primary{background:#4338ca;border-color:#4338ca;box-shadow:0 8px 20px #4338ca2e;color:#fff}.dash-action-btn.primary:hover:not(:disabled){background:#312e81;border-color:#312e81}.dash-action-icon.is-loading svg{animation:dashRefreshSpin .8s linear infinite}@keyframes dashRefreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-skel-scroll{-webkit-overflow-scrolling:touch;background:#0000;border:0;border-radius:0;box-shadow:none;display:block;margin:0!important;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding:0!important;width:100%}.student-directory .student-table.student-skel-table tbody tr:hover{background:#fff}.student-skel-table .students-skel-actions{justify-content:flex-end}.students-skel-student{align-items:center;display:flex;gap:10px;min-width:0}.students-skel-copy{display:flex;flex-direction:column;gap:7px;justify-content:center;min-width:0}.students-skel-line.wide{width:78%}.students-skel-line.medium{width:72%}.students-skel-line.short{width:48%}.dash-skel-chip{background:#e9edf3;border-radius:6px;display:block;height:21px;width:56px}.students-skel-status{border-radius:99px;height:24px;width:60px}.students-skel-actions{display:flex;gap:5px;justify-content:flex-end}.dash-skel-chart,.dash-skel-chip,.dash-skel-icon,.dash-skel-line,.dash-skel-pill{background:#e9edf3;overflow:hidden;position:relative}.dash-skel-line{border-radius:5px;display:block;height:10px;width:100%}.dash-skel-pill{border-radius:10px;display:block;flex:0 0 auto;height:38px;width:128px}.dash-skel-icon{border-radius:12px;display:block;flex:0 0 42px;height:42px;width:42px}.dash-skel-icon.small{border-radius:9px;flex-basis:34px;height:34px;width:34px}.dash-skel-chart:after,.dash-skel-chip:after,.dash-skel-icon:after,.dash-skel-line:after,.dash-skel-pill:after{animation:dashSkelShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffffad,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@media(max-width:420px){.students-skel-actions .dash-skel-icon.small{flex-basis:26px;height:26px;width:26px}}@keyframes dashSkelShimmer{to{transform:translateX(100%)}}:root[data-theme=dark] .dash-skel-chart,:root[data-theme=dark] .dash-skel-chip,:root[data-theme=dark] .dash-skel-icon,:root[data-theme=dark] .dash-skel-line,:root[data-theme=dark] .dash-skel-pill{background:#343b49}:root[data-theme=dark] .dash-skel-chart:after,:root[data-theme=dark] .dash-skel-chip:after,:root[data-theme=dark] .dash-skel-icon:after,:root[data-theme=dark] .dash-skel-line:after,:root[data-theme=dark] .dash-skel-pill:after{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}@media(max-width:760px){.dash-header-title{font-size:26px}.students-header-icon{flex-basis:42px;height:42px;width:42px}.students-header-icon svg{font-size:22px}.dash-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.dash-action-btn{width:100%}}.student-directory .toolbar{justify-content:flex-start;margin:0;padding:0 0 18px}.student-directory .search-wrap{height:42px;width:min(575px,55%)}.student-directory .status-select{background:#fff;border:1px solid #e1e5ec;border-radius:9px;color:#344054;font-size:16px;height:42px;min-width:108px;padding:0 14px}.student-directory th{padding:15px 18px}.student-directory td{font-size:16px;height:92px;padding:15px 18px}.student-directory .student-avatar{font-size:16px;height:42px;width:42px}.student-directory .student-cell b{font-size:16px;font-weight:600}.student-directory .student-cell small{font-size:16px}.contact-email{color:#344054;font-size:16px;font-weight:500}.student-directory .muted-note{color:#7d8797;font-size:16px}.seat-label{color:#344054;display:block}.student-directory .joined-date{color:#7d8797}.student-toolbar{justify-content:flex-start;margin:0 0 28px}.student-toolbar .search-wrap{height:42px;width:min(575px,55%)}.student-toolbar .status-select{background:#fff;border:1px solid #e1e5ec;border-radius:9px;color:#344054;font-size:16px;height:42px;min-width:108px;padding:0 14px}.student-directory .table-scroll{border-radius:12px}.student-directory table{min-width:1180px}.student-directory th{background:#f9fafb}.student-directory tbody tr{height:92px}.student-directory .student-avatar{border-radius:50%}@media(max-width:760px){.student-toolbar{margin-bottom:18px}.student-toolbar .search-wrap{flex:1 1;min-width:0;width:auto}.student-toolbar .status-select{min-width:76px;padding:0 8px}.student-directory .toolbar{display:flex;flex-wrap:nowrap}.student-directory .search-wrap{flex:1 1;min-width:0;width:auto}.student-directory .status-select{min-width:75px;padding:0 8px}.student-directory td{height:72px}}.clickable-student{cursor:pointer}.clickable-student.link-name{color:#5b6cf2}.clickable-student:hover.link-name{text-decoration:underline}.confirm-overlay{background:#0006;z-index:9999}.confirm-box{border-radius:14px;box-shadow:0 10px 30px #00000026;height:auto;max-height:80vh;max-width:880px;min-width:820px;overflow-y:auto;padding:20px}.confirm-box h3{font-size:18px;margin:10px 0 6px}.confirm-box p{color:#666;font-size:16px;line-height:1.5}.confirm-actions{margin-top:16px}.button.ghost{border:1px solid #e5e7eb;padding:8px 14px}.button.danger,.button.primary{border:none;padding:8px 14px}.button.primary{background:#16877d;border-radius:8px;cursor:pointer}.table-scroll{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;width:100%}.table-scroll table{border-collapse:collapse;font-size:13px;width:100%}.table-scroll th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.table-scroll td{border-bottom:1px solid #f1f5f9;padding:12px 14px;vertical-align:middle}.table-scroll tr:hover{background:#f8fafc}.student-cell{align-items:center;display:flex;gap:10px}.student-avatar{border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:12px;font-weight:700;height:36px;place-items:center;width:36px}.hue-0,.student-avatar{background:#6366f1}.hue-1{background:#0ea5e9}.hue-2{background:#14b8a6}.hue-3{background:#f59e0b}.hue-4{background:#ef4444}.hue-5{background:#8b5cf6}.hue-6{background:#06b6d4}.hue-7{background:#10b981}.hue-8{background:#f97316}.hue-9{background:#ec4899}.student-cell b{color:#111827;display:block;font-size:13px;font-weight:600}.student-cell small{color:#94a3b8;font-size:11px}.contact-email{color:#111827;display:block;font-size:12px;font-weight:600}.seat-label{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.payment-pill{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize}.payment-pill.paid{background:#dcfce7;color:#166534}.payment-pill.pending{background:#fef3c7;color:#92400e}.payment-pill.failed{background:#fee2e2;color:#991b1b}.status{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px}.joined-date{color:#64748b;font-size:12px}.due{color:#dc2626}.due,.paid{display:block;font-size:12px}.paid{color:#059669}.expired{color:#dc2626;font-weight:700}.action-cell{text-align:center}.student-row-actions{align-items:center;display:inline-flex;gap:5px}.student-row-actions .row-action{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;height:30px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:30px}.student-row-actions .row-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.student-row-actions .row-action.pay{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.student-row-actions .row-action.pay:hover{background:#d1fae5}.student-row-actions .row-action.danger{color:#dc2626}.student-row-actions .row-action.danger:hover{background:#fef2f2;border-color:#fecaca}.dots-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:16px;height:32px;width:32px}.action-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;min-width:140px;overflow:hidden;position:absolute;right:0;top:40px;z-index:50}.action-dropdown button{background:#fff;border:none;cursor:pointer;font-size:13px;padding:10px 14px;text-align:left;transition:.15s}.action-dropdown button:hover{background:#f8fafc}.action-dropdown button.danger{color:#ef4444}.action-dropdown button.danger:hover{background:#fef2f2}.empty-state{color:#94a3b8;padding:40px!important;text-align:center}.confirm-overlay{align-items:center;background:#0f172a99;display:flex;justify-content:center;padding:20px;z-index:10000}.confirm-box{animation:pop .2s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0003;max-width:480px;overflow:hidden;width:100%}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.confirm-box h3{border-bottom:1px solid #f1f5f9;font-size:16px;font-weight:700;margin:0;padding:18px 24px}.confirm-box.view-box{max-width:520px}.confirm-box.delete-box p{color:#475569;font-size:13px;line-height:1.6;margin:0;padding:16px 24px}.confirm-actions{background:#f8fafc;border-top:1px solid #f1f5f9;gap:10px;justify-content:flex-end;padding:14px 24px}.button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px}.button.ghost{background:#fff;border-color:#e2e8f0;color:#475569}.button.primary{background:#6366f1;color:#fff}.confirm-box.edit-box{max-height:92vh;max-width:780px;overflow-y:auto}.drawer-head{border-bottom:1px solid #f1f5f9;padding:20px 24px 12px;position:relative}.drawer-head h2{font-size:18px;font-weight:700;margin:0}.drawer-head p{color:#64748b;font-size:13px;margin:4px 0 0}.close-x{background:#fff;border:1px solid #e2e8f0;height:32px;width:32px}.form-section{border-bottom:1px solid #f1f5f9;padding:18px 24px}.section-label{color:#6366f1;display:block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:6px}.field label{color:#334155;font-size:12px;font-weight:600}.req{color:#ef4444}.field input,.field select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;padding:10px 12px;transition:.2s}.field input:focus,.field select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}@media (max-width:640px){.grid-2{grid-template-columns:1fr}.confirm-box.edit-box{max-width:96%}}@media (max-width:760px){.students-page-header .dash-header-bar{align-items:flex-start;justify-content:flex-start}.students-page-header .students-header-left{justify-content:flex-start;width:100%}.students-page-header .dash-header-actions{display:flex!important;gap:6px;justify-content:flex-start;width:auto!important}.students-page-header .dash-header-actions .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.students-page-header .dash-header-actions .dash-action-btn svg{display:inline-block;flex:0 0 13px;font-size:13px;height:13px;visibility:visible;width:13px}}@media (max-width:420px){.students-page-header .dash-header-title{font-size:23px}.students-page-header .dash-header-subtitle{font-size:12px}.students-page-header .dash-header-actions .dash-action-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.students-page-header .dash-header-actions .dash-action-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}.student-directory .student-table th{font-size:9px;padding:9px 10px}.student-directory .student-table td{font-size:11px;line-height:1.3;padding:9px 10px;white-space:nowrap}.student-directory .student-table .student-cell{gap:7px}.student-directory .student-table .student-avatar{flex-basis:30px;font-size:11px;height:30px;width:30px}.student-directory .student-table .contact-email,.student-directory .student-table .seat-label,.student-directory .student-table .student-cell b{font-size:11px}.student-directory .student-table .muted-note,.student-directory .student-table .student-cell small{font-size:10px}.student-directory .student-table .student-row-actions{gap:3px}.student-directory .student-table .student-row-actions .row-action{flex-basis:26px;font-size:11px;height:26px;width:26px}}.students-page-header .dash-header-actions{gap:6px}.students-page-header .dash-header-actions .dash-action-btn{font-size:11px;gap:5px;height:34px;min-height:34px;padding:0 10px}.students-page-header .dash-header-actions .dash-action-btn svg{font-size:13px}.students-skel-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.student-directory .table-scroll{overflow-x:auto!important;overflow-y:hidden!important}.student-directory .student-table{display:table!important;min-width:1080px!important}.student-directory .student-table colgroup{display:table-column-group!important}.student-directory .student-table thead{display:table-header-group!important}.student-directory .student-table tbody{display:table-row-group!important}.student-directory .student-table tbody tr{display:table-row!important}.student-directory .student-table tbody td{display:table-cell!important}.student-directory .student-table tbody td:before{display:none!important}.student-directory .student-table .action-cell,.student-directory .student-table .student-row-actions{white-space:nowrap}.student-directory .student-table .student-row-actions{align-items:center;display:flex;flex-wrap:nowrap}.student-directory .student-table .student-row-actions .row-action{flex:0 0 28px;height:28px;width:28px}@media (max-width:760px){.students-page-header .dash-header-bar{gap:8px}.students-page-header .dash-header-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;width:auto}.students-page-header .dash-header-actions .dash-action-btn{flex:0 0 auto;font-size:10px;height:32px;min-height:32px;padding:0 8px;width:auto}}@media (max-width:420px){.students-page-header .students-header-icon{display:none}.students-page-header .dash-header-actions{gap:5px}.students-page-header .dash-header-actions .dash-action-btn{font-size:9px;padding:0 6px}}.view-box-pro{animation:pop .2s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;max-width:1100px;min-height:20vh;overflow:hidden;width:100%}.view-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;padding:20px 24px;position:relative}.view-avatar{background:#6366f1;border-radius:50%;color:#fff;display:grid;font-size:18px;font-weight:700;height:48px;place-items:center;width:48px}.view-header h3{font-size:16px;margin:0}.view-header p{color:#94a3b8;font-size:12px;margin:2px 0 0}.view-body{padding:10px 24px}.view-row{border-bottom:1px dashed #f1f5f9;display:flex;font-size:13px;justify-content:space-between;padding:10px 0}.view-row span:first-child{color:#64748b;font-weight:500}.view-row b{color:#111827;font-weight:600}.view-row.full{flex-direction:column;gap:4px}.muted-note{color:#94a3b8;font-size:12px}.student-form-page{display:flex;flex-direction:column;gap:18px;width:100%}.student-form-embed{width:100%}.student-editor-modal.student-form-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;box-shadow:0 14px 38px rgba(24,39,75,.055);max-height:none;overflow:visible;width:100%}.student-form-card .modal-head{padding:22px 28px 18px}.student-form-card .modal-head h2{font-size:22px}.student-form-card form{padding:24px 28px 0}.student-editor-modal.student-form-card .form-grid{align-items:start;gap:18px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.student-editor-modal.student-form-card .form-grid>label{grid-gap:8px 3px;align-content:start;align-items:center;display:grid;font-size:12px;font-weight:700;gap:8px 3px;grid-template-columns:auto auto minmax(0,1fr);min-width:0}.student-editor-modal.student-form-card .form-grid>label>.editor-error,.student-editor-modal.student-form-card .form-grid>label>.phone-input,.student-editor-modal.student-form-card .form-grid>label>.seat-picker-row,.student-editor-modal.student-form-card .form-grid>label>input,.student-editor-modal.student-form-card .form-grid>label>select{grid-column:1/-1}.student-editor-modal.student-form-card .form-grid>label>input,.student-editor-modal.student-form-card .form-grid>label>select{border-radius:9px;box-sizing:border-box;font-size:13px;height:46px;min-width:0;padding:0 13px;width:100%}.student-form-card .form-grid em{color:#e5484d;font-style:normal}.student-editor-modal.student-form-card .form-grid>label>select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;color:#344054;color-scheme:light;cursor:pointer;padding-right:38px;scrollbar-color:#d7deea #0000;scrollbar-width:thin}.student-editor-modal.student-form-card .form-grid>label>select:hover{border-color:#c9d4e2}.student-editor-modal.student-form-card .form-grid>label>select:focus{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f;outline:none}.student-editor-modal.student-form-card .form-grid>label>select option{background:#fff;color:#344054;font-size:13px;font-weight:500;padding:9px 14px}.student-editor-modal.student-form-card .form-grid>label>select option:hover{background:#f6f9ff;color:#176ee8}.student-editor-modal.student-form-card .form-grid>label>select option:checked,.student-editor-modal.student-form-card .form-grid>label>select option[selected]{background:linear-gradient(0deg,#eef5ff,#eef5ff);color:#176ee8;font-weight:700}.student-editor-modal.student-form-card .form-grid>label>select option:disabled{color:#b0b8c4}@supports (appearance:base-select){.student-editor-modal.student-form-card .form-grid>label>select{appearance:base-select;background-image:none;padding-right:13px}.student-editor-modal.student-form-card .form-grid>label>select::picker-icon{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;content:"";height:7px;margin-left:12px;transform:rotate(45deg) translateY(-1px);width:7px}.student-editor-modal.student-form-card .form-grid>label>select::picker(select){appearance:base-select;background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 20px 40px -18px #0f172a66;margin-top:6px;max-height:320px;overflow:auto;padding:6px;scrollbar-color:#d7deea #0000;scrollbar-width:thin}.student-editor-modal.student-form-card .form-grid>label>select option{border-radius:8px;margin:2px 0;padding:9px 12px}.student-editor-modal.student-form-card .form-grid>label>select option::checkmark{display:none}}.student-editor-modal .phone-input{align-items:stretch;background:#fff;border:1px solid #e1e7ee;border-radius:8px;display:flex;height:42px;overflow:hidden;width:100%}.student-editor-modal .phone-input>span{align-items:center;background:#f8fafc;border-right:1px solid #e1e7ee;color:#64748b;display:flex;flex:0 0 auto;font-size:12px;font-weight:700;padding:0 11px}.student-editor-modal .phone-input input{background:#0000;border:0;border-radius:0;box-shadow:none!important;flex:1 1 auto;height:100%;min-width:0;padding:0 11px;width:auto}.student-form-card .phone-input{border-radius:9px;height:46px}.student-form-card .phone-input>span{font-size:13px;padding:0 13px}.student-form-card .seat-picker-row{align-items:stretch}.student-editor-modal.student-form-card .seat-picker-row input{cursor:pointer;height:46px;padding-right:38px}.student-form-card .editor-error{margin-top:-2px}.editor-form-section{align-items:center;border-top:1px solid #edf0f4;display:flex;gap:12px;grid-column:1/-1;margin-top:12px;padding-top:20px}.editor-form-section:first-child{border-top:0;margin-top:0;padding-top:0}.editor-form-section>span{background:#eef5ff;border:1px solid #d8e5ff;border-radius:50%;color:#176ee8;display:grid;flex:0 0 30px;font-size:12px;font-weight:800;height:30px;place-items:center;width:30px}.editor-form-section b{color:#1f2937;display:block;font-size:14px;line-height:1.2}.editor-form-section small{color:#8a95a6;display:block;font-size:11px;font-weight:500;margin-top:3px}.student-form-card .editor-field-span-2{grid-column:span 2}.student-form-card .modal-actions{align-items:center;background:#fff;border-radius:0 0 15px 15px;border-top:1px solid #edf0f4;bottom:0;display:flex;gap:10px;justify-content:flex-end;margin:24px -28px 0;padding:16px 28px;position:sticky;z-index:2}.student-form-card .modal-actions .button{font-size:13px;height:42px;padding:0 18px}.student-form-card .editor-plan-summary{margin-top:24px;padding:16px}@media (min-width:1440px){.student-editor-modal.student-form-card .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}:root[data-theme=dark] .student-form-page-intro h1{color:#eef0f6}:root[data-theme=dark] .student-form-page-intro p{color:#94a3b8}:root[data-theme=dark] .student-editor-modal.student-form-card{background:#202532;border-color:#343b49;box-shadow:0 14px 38px #0000003d}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select{background-color:#252b39;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23a8b4c9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#3a4252;color:#eef0f6;color-scheme:dark;scrollbar-color:#3f485c #0000}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select:hover{border-color:#4a586d}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select:focus{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff24}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select option{background:#252b39;color:#eef0f6}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select option:hover{background:#2d3547;color:#fff}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select option:checked,:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select option[selected]{background:linear-gradient(0deg,#25314a,#25314a);color:#fff}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select option:disabled{color:#768399}@supports (appearance:base-select){:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select::picker-icon{border-bottom-color:#a8b4c9;border-right-color:#a8b4c9}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select::picker(select){background:#202532;border-color:#343b49;box-shadow:0 30px 60px -24px #000000e6;scrollbar-color:#3f485c #0000}:root[data-theme=dark] .student-editor-modal.student-form-card .form-grid>label>select option:hover{background:#25314a}}:root[data-theme=dark] .editor-form-section{border-top-color:#343b49}:root[data-theme=dark] .editor-form-section>span{background:#25314a;border-color:#3a4a68;color:#8fb4ff}:root[data-theme=dark] .editor-form-section b{color:#eef0f6}:root[data-theme=dark] .student-form-card .modal-actions{background:#202532;border-top-color:#343b49}.student-editor-modal{width:min(860px,100%)}.student-editor-modal:not(.student-form-card) .modal-head{align-items:center;background:#fff;box-shadow:0 1px 0 #edf0f4;gap:18px;padding:18px 24px;position:sticky;top:0;z-index:4}:root[data-theme=dark] .student-editor-modal:not(.student-form-card) .modal-head{background:#202532;box-shadow:0 1px 0 #2a3042}.student-editor-modal .modal-head>div{min-width:0}.student-editor-modal .close-button{align-items:center;background:#f8fafc;border:1px solid #e3e9f1;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:0;height:36px;justify-content:center;line-height:1;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;width:36px}.student-editor-modal .close-button svg{display:block;height:15px;width:15px}.student-editor-modal .close-button:hover{background:#eef2f7;border-color:#cbd5e1;color:#0f172a}.student-editor-modal .close-button:active{transform:translateY(1px)}.student-editor-modal .close-button:focus-visible{border-color:#176ee8;box-shadow:0 0 0 3px #176ee826;outline:none}:root[data-theme=dark] .student-editor-modal .close-button{background:#252b39;border-color:#3a4252;color:#aab5c6}:root[data-theme=dark] .student-editor-modal .close-button:hover{background:#2e3646;border-color:#4a5568;color:#eef0f6}.student-editor-modal form{padding:20px 24px 22px}.student-editor-modal .form-grid{gap:14px 16px}.student-editor-modal .form-grid label{grid-gap:7px 3px;align-content:start;align-items:center;display:grid;font-size:11px;font-weight:700;gap:7px 3px;grid-template-columns:auto auto minmax(0,1fr)}.student-editor-modal .form-grid label>.editor-error,.student-editor-modal .form-grid label>.form-select-custom,.student-editor-modal .form-grid label>.phone-input,.student-editor-modal .form-grid label>.seat-picker-row,.student-editor-modal .form-grid label>input,.student-editor-modal .form-grid label>select{grid-column:1/-1}.student-editor-modal .form-grid input,.student-editor-modal .form-grid select{box-sizing:border-box;font-size:12px;height:42px;min-width:0;width:100%}.student-editor-loading{color:#64748b;font-size:13px;padding:34px 24px}.editor-field-full{grid-column:1/-1}.student-editor-modal .seat-picker-row{align-items:stretch;display:flex;height:42px;position:relative;width:100%}.student-editor-modal .seat-picker-row input{border-radius:8px;box-sizing:border-box;cursor:pointer;flex:1 1;font-size:12px;height:42px;min-width:0;padding:0 36px 0 11px}.student-form-card .seat-picker-row{height:46px}.student-form-card .seat-picker-row input{border-radius:9px;font-size:13px;height:46px;padding:0 38px 0 13px}.seat-picker-row:after{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;content:"";height:7px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-65%) rotate(45deg);width:7px}.editor-error{color:#dc2626;font-size:10px;font-style:normal;font-weight:600;line-height:1.35}.editor-submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:9px}.editor-note,.editor-submit-error{font-size:12px;margin-top:12px;padding:10px 12px}.editor-note{background:#fffbeb;border:1px solid #fde68a;border-radius:9px;color:#92400e}.editor-plan-summary{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;padding:14px}.editor-plan-summary div{grid-gap:4px;display:grid;gap:4px;min-width:0}.editor-plan-summary span{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.editor-plan-summary b{color:#0f172a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-upgrade{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;display:flex;gap:14px;justify-content:space-between;margin-top:14px;padding:14px}.editor-upgrade span{color:#b45309;display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.editor-upgrade b{color:#92400e;display:block;font-size:12px;margin-top:4px}.editor-upgrade-actions{display:flex;flex:0 0 auto;gap:8px}:root[data-theme=dark] .editor-plan-summary{background:#252b39;border-color:#3a4252}:root[data-theme=dark] .editor-plan-summary b{color:#eef0f6}:root[data-theme=dark] .editor-note{color:#fbbf24}:root[data-theme=dark] .editor-note,:root[data-theme=dark] .editor-upgrade{background:#332a17;border-color:#6b5320}:root[data-theme=dark] .editor-upgrade b{color:#fbbf24}:root[data-theme=dark] .editor-submit-error{background:#3b1d22;border-color:#7f2d36;color:#fca5a5}@media (max-width:720px){.student-form-page-intro{align-items:flex-start;flex-direction:column;gap:12px}.student-form-page-intro h1{font-size:22px}.student-form-back{align-self:flex-start}.student-form-card .modal-head,.student-form-card form{padding-left:16px;padding-right:16px}.student-editor-modal .form-grid{grid-template-columns:1fr}.student-editor-modal.student-form-card .form-grid{gap:16px;grid-template-columns:1fr}.student-editor-modal.student-form-card .form-grid>label.editor-field-span-2{grid-column:1/-1}.student-form-card .modal-actions{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.editor-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-upgrade{align-items:stretch;flex-direction:column}.editor-upgrade-actions .button{flex:1 1}}.student-editor-modal .form-select-custom,.student-editor-modal.student-form-card .form-select-custom{grid-column:1/-1;min-width:0;position:relative;width:100%}.student-editor-modal .form-grid>label>.form-select-custom,.student-editor-modal.student-form-card .form-grid>label>.form-select-custom{grid-column:1/-1}.student-editor-modal .form-select-custom-trigger,.student-editor-modal.student-form-card .form-select-custom-trigger{align-items:center;background:#fff;border:1px solid #e1e7ee;border-radius:8px;box-sizing:border-box;color:#35445a;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:10px;height:42px;justify-content:space-between;padding:0 14px 0 11px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.student-form-card .form-select-custom-trigger{border-radius:9px;font-size:13px;height:46px;padding:0 14px 0 13px}.student-editor-modal .form-select-custom-trigger:hover:not(:disabled),.student-editor-modal.student-form-card .form-select-custom-trigger:hover:not(:disabled){border-color:#c9d4e2}.student-editor-modal .form-select-custom-trigger:focus-visible,.student-editor-modal.student-form-card .form-select-custom-trigger:focus-visible{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f;outline:none}.student-editor-modal .form-select-custom.open .form-select-custom-trigger,.student-editor-modal.student-form-card .form-select-custom.open .form-select-custom-trigger{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f}.student-editor-modal .form-select-custom-trigger.placeholder,.student-editor-modal.student-form-card .form-select-custom-trigger.placeholder{color:#98a2b3}.student-editor-modal .form-select-custom-text,.student-editor-modal.student-form-card .form-select-custom-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-editor-modal .form-select-custom-caret,.student-editor-modal.student-form-card .form-select-custom-caret{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;flex:0 0 auto;height:7px;transform:rotate(45deg) translateY(-1px);width:7px}.student-editor-modal .form-select-custom-menu,.student-editor-modal.student-form-card .form-select-custom-menu{left:0;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.student-editor-modal .form-select-custom-menu-inner,.student-editor-modal.student-form-card .form-select-custom-menu-inner{background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 28px 60px -18px #0f172a80;max-height:320px;overflow-x:hidden;overflow-y:auto;padding:6px;scrollbar-color:#d7deea #0000;scrollbar-width:thin}.student-editor-modal .form-select-custom-menu-inner::-webkit-scrollbar,.student-editor-modal.student-form-card .form-select-custom-menu-inner::-webkit-scrollbar{width:6px}.student-editor-modal .form-select-custom-menu-inner::-webkit-scrollbar-track,.student-editor-modal.student-form-card .form-select-custom-menu-inner::-webkit-scrollbar-track{background:#0000}.student-editor-modal .form-select-custom-menu-inner::-webkit-scrollbar-thumb,.student-editor-modal.student-form-card .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#d7deea;border-radius:10px}.student-editor-modal .form-select-custom-item,.student-editor-modal.student-form-card .form-select-custom-item{align-items:center;background:#0000;border:0;border-radius:8px;color:#344054;cursor:pointer;display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.student-form-card .form-select-custom-item{font-size:13px;padding:9px 12px}.student-editor-modal .form-select-custom-item:hover:not(:disabled),.student-editor-modal.student-form-card .form-select-custom-item:hover:not(:disabled){background:#f6f9ff;color:#176ee8}.student-editor-modal .form-select-custom-item.selected,.student-editor-modal.student-form-card .form-select-custom-item.selected{background:#eef5ff;color:#176ee8;font-weight:700}.student-editor-modal .form-select-custom-check,.student-editor-modal.student-form-card .form-select-custom-check{border-bottom:2px solid;border-right:2px solid;height:10px;transform:rotate(45deg);width:6px}.student-editor-modal .form-select-custom.disabled .form-select-custom-trigger,.student-editor-modal.student-form-card .form-select-custom.disabled .form-select-custom-trigger{cursor:not-allowed;opacity:.6}:root[data-theme=dark] .student-editor-modal .form-select-custom-trigger,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-trigger{color:#eef0f6}:root[data-theme=dark] .student-editor-modal .form-select-custom-trigger.placeholder,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-trigger.placeholder{color:#8a95b0}:root[data-theme=dark] .student-editor-modal .form-select-custom-caret,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-caret{border-bottom-color:#a8b4c9;border-right-color:#a8b4c9}:root[data-theme=dark] .student-editor-modal .form-select-custom-trigger:focus-visible,:root[data-theme=dark] .student-editor-modal .form-select-custom.open .form-select-custom-trigger,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-trigger:focus-visible,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom.open .form-select-custom-trigger{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff24}:root[data-theme=dark] .student-editor-modal .form-select-custom-menu-inner,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-menu-inner{background:#202532;border-color:#343b49;box-shadow:0 34px 70px -24px #000000f2;scrollbar-color:#3f485c #0000}:root[data-theme=dark] .student-editor-modal .form-select-custom-menu-inner::-webkit-scrollbar-thumb,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#3f485c}:root[data-theme=dark] .student-editor-modal .form-select-custom-item,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-item{color:#eef0f6}:root[data-theme=dark] .student-editor-modal .form-select-custom-item:hover:not(:disabled),:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-item:hover:not(:disabled){background:#25314a;color:#fff}:root[data-theme=dark] .student-editor-modal .form-select-custom-item.selected,:root[data-theme=dark] .student-editor-modal.student-form-card .form-select-custom-item.selected{background:#2a3652;color:#fff}.student-directory .table-scroll{background:#fff;border:1px solid #e4e9f0;border-radius:14px;box-shadow:0 1px 2px #10182808;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.student-directory .table-scroll::-webkit-scrollbar{height:7px}.student-directory .table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.student-directory .student-table{border-collapse:initial;border-spacing:0;min-width:1080px;table-layout:fixed;white-space:normal;width:100%}.student-directory .student-table .student-col{width:15%}.student-directory .student-table .contact-col{width:18%}.student-directory .student-table .allocation-col{width:17%}.student-directory .student-table .plan-col{width:12%}.student-directory .student-table .payment-col{width:13%}.student-directory .student-table .status-col{width:10%}.student-directory .student-table .action-col{width:15%}.student-directory .student-table th{background:#f8fafc;border-bottom:1px solid #e7ecf2;color:#7b8798;font-size:9.5px;font-weight:800;letter-spacing:.07em;line-height:1.4;padding:11px 14px;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.student-directory .student-table th:last-child{text-align:right}.student-directory .student-table tbody tr{background:#fff;transition:background .15s ease}.student-directory .student-table tbody tr:hover{background:#f8fafc}.student-directory .student-table td{border-bottom:1px solid #eef2f7;color:#475569;font-size:12.5px;height:auto;line-height:1.45;padding:13px 14px;vertical-align:middle}.student-directory .student-table tbody tr:last-child td{border-bottom:0}.student-directory .student-table .student-cell{gap:10px;min-width:0}.student-directory .student-table .student-avatar{border-radius:11px;color:#fff;flex:none;font-size:11px;font-weight:800;height:36px;letter-spacing:.02em;width:36px}.student-directory .student-table .student-cell>div{min-width:0}.student-directory .student-table .student-cell b{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.student-directory .student-table .student-cell small{color:#8a96a8;font-size:10.5px;font-weight:500;line-height:1.35;margin-top:2px}.student-directory .student-table .student-cell:hover b{color:#4f46e5}.student-directory .student-table .contact-cell{min-width:0}.student-directory .student-table .contact-email{color:#1e293b;display:block;font-size:11.5px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.student-directory .student-table .contact-cell .muted-note{color:#8a96a8;display:block;font-size:10.5px;line-height:1.4;margin-top:3px;white-space:nowrap}.student-directory .student-table .seat-label{align-items:center;background:#eef6ff;border:1px solid #c7ddf7;border-radius:6px;color:#245c99;display:inline-flex;font-size:10.5px;font-weight:700;line-height:1.3;min-height:22px;padding:1px 7px}.student-directory .student-table .allocation-cell .muted-note{color:#7f8b9d;display:block;font-size:10.5px;line-height:1.4;margin-top:4px;overflow-wrap:anywhere;white-space:normal}.student-directory .student-table .plan-cell b{color:#334155;display:block;font-size:12px;font-weight:700;line-height:1.4}.student-directory .student-table .plan-days{color:#7f8b9d;display:block;font-size:10.5px;line-height:1.4;margin-top:3px}.student-directory .student-table .plan-days.expired{color:#b42318;font-weight:700}.student-directory .student-table .payment-cell .due{color:#b42318;font-size:12.5px;font-weight:800;line-height:1.35;white-space:nowrap}.student-directory .student-table .payment-cell .paid{color:#047857;font-size:11.5px;font-weight:700;line-height:1.35;white-space:nowrap}.student-directory .student-table .payment-cell .muted-note{color:#8a96a8;display:block;font-size:10px;line-height:1.4;margin-top:3px;white-space:nowrap}.student-directory .student-table .status-cell{white-space:nowrap}.student-directory .student-table .status-cell .status{font-size:9px;letter-spacing:.02em;padding:4px 8px}.student-directory .student-table .status-cell .status-editor-trigger{border-radius:999px;font-size:9.5px;font-weight:800;gap:6px;height:28px;letter-spacing:.02em;min-height:28px;padding:0 8px;text-transform:capitalize}.student-directory .student-table .status-cell .status-editor-trigger.is-active{background:#dcfce7;border-color:#bbf7d0;color:#166534}.student-directory .student-table .status-cell .status-editor-trigger.is-active:hover:not(:disabled){background:#d1fae5;border-color:#86efac}.student-directory .student-table .status-cell .status-editor-trigger.is-inactive{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.student-directory .student-table .status-cell .status-editor-trigger.is-inactive:hover:not(:disabled){background:#e8eef5;border-color:#cbd5e1}.student-directory .student-table .status-cell .status-editor-trigger .form-select-custom-caret{border-width:1.5px;height:5px;width:5px}.student-directory .student-table .status-cell .status-editor-trigger.is-active .form-select-custom-caret{border-color:#15803d}.student-directory .student-table .status-cell .status-editor-trigger.is-inactive .form-select-custom-caret{border-color:#94a3b8}.student-directory .student-table .action-cell{text-align:right;white-space:nowrap}.student-directory .student-table .student-row-actions{gap:4px;justify-content:flex-end}.student-directory .student-table .student-row-actions .row-action{border-radius:7px;font-size:11px;height:29px;width:29px}.student-directory .student-table .student-row-actions .row-action.pay:disabled,.student-directory .student-table .student-row-actions .row-action.pay:disabled:hover,.student-directory .student-table .student-row-actions .row-action:disabled,.student-directory .student-table .student-row-actions .row-action:disabled:hover{background:#f8fafc;border-color:#e8edf3;color:#aeb9c7;cursor:not-allowed}.student-directory .student-table .empty-state{color:#8a96a8;height:92px;text-align:center}.student-directory .student-table tbody tr:nth-child(2n),.student-directory .student-table tbody tr:nth-child(odd){background:#fff}:root[data-theme=dark] .student-directory .table-scroll{background:#202532;border-color:#2a3042;box-shadow:none;scrollbar-color:#4a556b #0000}:root[data-theme=dark] .student-directory .table-scroll::-webkit-scrollbar-thumb{background:#4a556b}:root[data-theme=dark] .student-directory .student-table th{background:#232836;border-bottom-color:#2a3042;color:#cbd2df}:root[data-theme=dark] .student-directory .student-table tbody tr,:root[data-theme=dark] .student-directory .student-table tbody tr:nth-child(2n),:root[data-theme=dark] .student-directory .student-table tbody tr:nth-child(odd){background:#202532}:root[data-theme=dark] .student-directory .student-table tbody tr:hover{background:#282e3d}:root[data-theme=dark] .student-directory .student-table td{border-bottom-color:#2a3042;color:#d1d7e2}:root[data-theme=dark] .student-directory .student-table .student-cell b{color:#eef0f6}:root[data-theme=dark] .student-directory .student-table .allocation-cell .muted-note,:root[data-theme=dark] .student-directory .student-table .contact-cell .muted-note,:root[data-theme=dark] .student-directory .student-table .payment-cell .muted-note,:root[data-theme=dark] .student-directory .student-table .plan-days,:root[data-theme=dark] .student-directory .student-table .student-cell small{color:#8f9bb0}:root[data-theme=dark] .student-directory .student-table .contact-email{color:#e7eaf1}:root[data-theme=dark] .student-directory .student-table .seat-label{background:#1c3148;border-color:#2f4f75;color:#8fc4ff}:root[data-theme=dark] .student-directory .student-table .plan-cell b{color:#dbe2ef}:root[data-theme=dark] .student-directory .student-table .payment-cell .due,:root[data-theme=dark] .student-directory .student-table .plan-days.expired{color:#fb7185}:root[data-theme=dark] .student-directory .student-table .payment-cell .paid{color:#34d399}:root[data-theme=dark] .student-directory .student-table .student-row-actions .row-action.pay:disabled,:root[data-theme=dark] .student-directory .student-table .student-row-actions .row-action.pay:disabled:hover,:root[data-theme=dark] .student-directory .student-table .student-row-actions .row-action:disabled,:root[data-theme=dark] .student-directory .student-table .student-row-actions .row-action:disabled:hover{background:#232936;border-color:#303746;color:#6f7b8f}:root[data-theme=dark] .student-directory .student-table .status-cell .status-editor-trigger.is-active{background:#123526;border-color:#185c3e;color:#6ee7a8}:root[data-theme=dark] .student-directory .student-table .status-cell .status-editor-trigger.is-active:hover:not(:disabled){background:#16432f;border-color:#217a51}:root[data-theme=dark] .student-directory .student-table .status-cell .status-editor-trigger.is-inactive{background:#272d3b;border-color:#323a4b;color:#9aa7ba}:root[data-theme=dark] .student-directory .student-table .status-cell .status-editor-trigger.is-inactive:hover:not(:disabled){background:#2d3444;border-color:#414b60}:root[data-theme=dark] .student-directory .student-table .status-cell .status-editor-trigger.is-active .form-select-custom-caret{border-color:#34d399}:root[data-theme=dark] .student-directory .student-table .status-cell .status-editor-trigger.is-inactive .form-select-custom-caret{border-color:#6f7b8f}@media (max-width:900px){.student-directory .table-scroll{background:#0000;border:0;box-shadow:none;overflow:visible}.student-directory .student-table{border-collapse:initial;border-spacing:0;display:block;min-width:0;width:100%}.student-directory .student-table colgroup,.student-directory .student-table thead{display:none}.student-directory .student-table tbody{grid-gap:12px;display:grid;gap:12px}.student-directory .student-table tbody tr{background:#fff;border:1px solid #e4e9f0;border-radius:12px;box-shadow:0 1px 2px #10182808;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.student-directory .student-table tbody tr:hover{background:#fff}.student-directory .student-table tbody td{border-bottom:1px solid #eef2f7;display:block;height:auto;min-width:0;padding:11px 13px;text-align:left}.student-directory .student-table tbody tr:last-child td{border-bottom:1px solid #eef2f7}.student-directory .student-table tbody tr:last-child .action-cell{border-bottom:0}.student-directory .student-table tbody td:before{color:#8a96a8;content:attr(data-label);display:block;font-size:8.5px;font-weight:800;letter-spacing:.07em;line-height:1.3;margin-bottom:4px;text-transform:uppercase}.student-directory .student-table tbody td:nth-child(3),.student-directory .student-table tbody td:nth-child(5){border-right:1px solid #eef2f7}.student-directory .student-table .action-cell,.student-directory .student-table .contact-cell,.student-directory .student-table .student-primary-cell{grid-column:1/-1}.student-directory .student-table .student-primary-cell{background:#f8fafc}.student-directory .student-table .action-cell:before,.student-directory .student-table .student-primary-cell:before{display:none}.student-directory .student-table .student-primary-cell .student-cell{padding:1px 0}.student-directory .student-table .action-cell,.student-directory .student-table .status-cell{white-space:normal}.student-directory .student-table .action-cell{padding-bottom:10px;padding-top:10px}.student-directory .student-table .student-row-actions{justify-content:flex-start}.student-directory .student-table .student-row-actions .row-action{height:32px;width:32px}.student-directory .student-table .empty-state{border:1px solid #e4e9f0;border-radius:12px;grid-column:1/-1;height:auto;padding:34px 16px}:root[data-theme=dark] .student-directory .student-table tbody tr{background:#202532;border-color:#2a3042;box-shadow:none}:root[data-theme=dark] .student-directory .student-table tbody tr:hover{background:#202532}:root[data-theme=dark] .student-directory .student-table tbody td{border-bottom-color:#2a3042}:root[data-theme=dark] .student-directory .student-table tbody td:nth-child(3),:root[data-theme=dark] .student-directory .student-table tbody td:nth-child(5){border-right-color:#2a3042}:root[data-theme=dark] .student-directory .student-table .student-primary-cell{background:#232836}:root[data-theme=dark] .student-directory .student-table tbody td:before{color:#8f9bb0}:root[data-theme=dark] .student-directory .student-table .empty-state{border-color:#2a3042}}@media (max-width:560px){.student-directory .student-table tbody tr{grid-template-columns:minmax(0,1fr)}.student-directory .student-table tbody td,.student-directory .student-table tbody td:nth-child(3),.student-directory .student-table tbody td:nth-child(5){border-right:0}.student-directory .student-table .action-cell,.student-directory .student-table .contact-cell,.student-directory .student-table .student-primary-cell{grid-column:auto}}.student-directory.table-panel{background:#fff;border:1px solid #e4e9f0;border-radius:14px;box-shadow:0 1px 2px #10182808;overflow:hidden;padding:0!important}.student-directory .table-scroll{-webkit-overflow-scrolling:touch;background:#0000;border:0;border-radius:0;box-shadow:none;display:block;margin:0!important;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding:0!important;width:100%}.student-directory .pagination-bar{align-items:center;background:#fff;border-top:1px solid #edf1f5;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:13px 16px}.student-directory .pagination-bar span{background:#f8fafc;border-radius:7px;color:#64748b;font-size:10.5px;font-weight:700;line-height:1.4;margin-right:auto;padding:6px 10px;white-space:nowrap}.student-directory .pagination-bar button{background:#fff;border:1px solid #dce3ec;border-radius:8px;color:#526077;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:700;height:34px;line-height:1;min-width:34px;padding:0 11px;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.student-directory .pagination-bar button:hover:not(:disabled){background:#f8fafc;border-color:#b9c5d5;color:#1e293b}.student-directory .pagination-bar button:focus-visible{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124;outline:none}.student-directory .pagination-bar button:disabled{background:#f8fafc;border-color:#e8edf3;color:#a5b0bf;cursor:not-allowed}:root[data-theme=dark] .student-directory.table-panel{background:#202532;border-color:#2a3042;box-shadow:none}:root[data-theme=dark] .student-directory .pagination-bar{background:#202532;border-top-color:#2a3042}:root[data-theme=dark] .student-directory .pagination-bar span{background:#252b39;color:#a8b0c0}:root[data-theme=dark] .student-directory .pagination-bar button{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .student-directory .pagination-bar button:hover:not(:disabled){background:#2b3345;border-color:#4a5670;color:#fff}:root[data-theme=dark] .student-directory .pagination-bar button:focus-visible{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff29}:root[data-theme=dark] .student-directory .pagination-bar button:disabled{background:#232936;border-color:#303746;color:#6f7b8f}@media (max-width:640px){.student-directory .pagination-bar{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.student-directory .pagination-bar span{grid-column:1/-1;margin-right:0;text-align:center}.student-directory .pagination-bar button{min-width:0;padding:0 7px;width:100%}}@media (max-width:760px){.students-page-header .dash-header-bar{align-items:flex-start;gap:10px;justify-content:flex-start}.students-page-header .students-header-left{justify-content:flex-start;width:100%}.students-page-header .dash-header-title{font-size:24px}.students-page-header .dash-header-subtitle{font-size:13px}.students-page-header .dash-header-actions{align-items:center;align-self:flex-end;display:flex!important;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0 0 0 auto!important;max-width:100%;width:max-content!important}.students-page-header .dash-header-actions .dash-action-btn{flex:0 0 auto;font-size:11px;gap:6px;height:34px;min-height:34px;min-width:0;padding:0 10px;width:auto}.students-page-header .dash-header-actions .dash-action-btn svg{display:inline-block;flex:0 0 14px;font-size:14px;height:14px;visibility:visible;width:14px}.student-directory .table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain;width:100%}.student-directory .student-table{border-collapse:collapse;display:table!important;min-width:940px!important;table-layout:fixed;width:100%}.student-directory .student-table colgroup{display:table-column-group!important}.student-directory .student-table thead{display:table-header-group!important}.student-directory .student-table tbody{display:table-row-group!important}.student-directory .student-table tbody tr{background:#0000;border:0;border-radius:0;box-shadow:none;display:table-row!important;overflow:visible}.student-directory .student-table tbody td{background:#0000;border-bottom:1px solid #eef2f7;border-right:0!important;display:table-cell!important}.student-directory .student-table .student-primary-cell{background:#0000}.student-directory .student-table tbody td:before{display:none!important}.student-directory .student-table th{font-size:10px;padding:10px 9px;white-space:nowrap}.student-directory .student-table td{font-size:12px;line-height:1.35;padding:10px 9px;white-space:nowrap}.student-directory .student-table .student-cell{gap:8px}.student-directory .student-table .student-avatar{flex:0 0 32px;font-size:12px;height:32px;width:32px}.student-directory .student-table .contact-email,.student-directory .student-table .seat-label,.student-directory .student-table .student-cell b{font-size:12px}.student-directory .student-table .muted-note,.student-directory .student-table .student-cell small{font-size:11px}.student-directory .student-table .action-cell,.student-directory .student-table .student-row-actions{white-space:nowrap}.student-directory .student-table .student-row-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.student-directory .student-table .student-row-actions .row-action{flex:0 0 28px;font-size:12px;height:28px;width:28px}}@media (max-width:420px){.students-page-header .dash-header-title{font-size:22px}.students-page-header .dash-header-subtitle{font-size:12px}.students-page-header .dash-header-actions .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 8px}.students-page-header .dash-header-actions .dash-action-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}.student-directory .student-table th{font-size:9px;padding:9px 8px}.student-directory .student-table td{font-size:11px;padding:9px 8px}.student-directory .student-table .student-avatar{flex-basis:30px;font-size:11px;height:30px;width:30px}.student-directory .student-table .contact-email,.student-directory .student-table .seat-label,.student-directory .student-table .student-cell b{font-size:11px}.student-directory .student-table .muted-note,.student-directory .student-table .student-cell small{font-size:10px}}.students-page-header .students-header-left{flex:1 1 auto;min-width:0}.students-page-header .students-header-info{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:14px;justify-content:space-between;min-width:0}.students-page-header .students-heading-copy{min-width:0}.students-page-header .dash-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:7px;justify-content:flex-end;margin:0}.students-page-header .dash-header-actions .dash-action-btn{flex:0 0 auto;white-space:nowrap}.students-page-header .dash-header-actions .dash-action-btn svg{color:currentColor;display:inline-block;flex:0 0 14px;font-size:14px;height:14px;vertical-align:middle;visibility:visible;width:14px}.students-page-header .dash-header-actions .dash-action-icon{align-items:center;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;line-height:0;width:14px}.students-page-header .dash-header-actions .dash-action-icon svg{color:currentColor;display:block;flex:0 0 100%;font-size:inherit;height:100%;visibility:visible;width:100%}@media (max-width:760px){.students-page-header .students-header-info{flex:1 1 100%;width:100%}}@media (max-width:390px){.students-page-header .students-header-info{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:space-between}.students-page-header .students-heading-copy{flex:0 1 auto;min-width:0;width:auto}.students-page-header .dash-header-title{font-size:19px}.students-page-header .dash-header-subtitle{font-size:10px;white-space:nowrap}.students-page-header .dash-header-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto!important;max-width:100%;width:max-content}.students-page-header .dash-header-actions .dash-action-btn{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 6px}.students-page-header .dash-header-actions .dash-action-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}.students-page-header .dash-header-actions .dash-action-icon{flex-basis:12px;height:12px;width:12px}}@media (min-width:391px) and (max-width:760px){.students-page-header .students-header-info{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.students-page-header .students-heading-copy{flex:1 1 auto;min-width:0}.students-page-header .dash-header-actions{align-self:center;flex:0 0 auto;margin-left:auto!important}}@media (max-width:760px){.student-form-page{gap:12px}.student-form-page-header{margin-bottom:0!important}.student-form-page-header .student-form-page-header-bar{align-items:flex-start!important;gap:9px;justify-content:flex-start;padding:4px 0 10px!important}.student-form-page-header .students-header-left{align-items:flex-start;gap:10px;width:100%}.student-form-page-header .students-header-icon{border-radius:10px;flex-basis:38px;height:38px;width:38px}.student-form-page-header .students-header-icon svg{font-size:20px}.student-form-page-header .student-form-page-info{flex:1 1 auto!important;gap:3px!important;min-width:0}.student-form-page-header .dash-header-title{font-size:23px;line-height:1.12}.student-form-page-header .dash-header-subtitle{font-size:12px;line-height:1.4;max-width:38ch}.student-form-page-header .dash-header-actions{display:flex!important;justify-content:flex-start;margin:0 0 0 48px;width:auto!important}.student-form-page-header .student-form-back{font-size:11px;gap:6px;height:34px;min-height:34px;padding:0 11px;width:auto}.student-form-card .modal-head{padding:15px 16px 12px}.student-form-card .modal-head h2{font-size:19px}.student-form-card form{padding:16px 16px 0}.student-editor-modal.student-form-card .form-grid{gap:13px}.student-form-card .modal-actions{margin-top:16px;padding-bottom:11px;padding-top:11px}}@media (max-width:420px){.student-form-page-header .students-header-icon{flex-basis:34px;height:34px;width:34px}.student-form-page-header .students-header-icon svg{font-size:18px}.student-form-page-header .dash-header-title{font-size:21px}.student-form-page-header .dash-header-subtitle{font-size:11px}.student-form-page-header .dash-header-actions{margin-left:44px}.student-form-card .modal-actions,.student-form-card .modal-head,.student-form-card form{padding-left:13px;padding-right:13px}.student-form-card .modal-actions{margin-left:-13px;margin-right:-13px}}.student-form-page-header .students-header-left{flex:1 1 auto;min-width:0}.student-form-page-header .student-form-page-info{align-items:center;display:flex;flex:1 1 auto!important;flex-direction:row;gap:16px!important;justify-content:space-between;min-width:0}.student-form-heading-copy{min-width:0}.student-form-page-header .student-form-page-actions{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-end;margin:0!important;width:auto!important}@media (max-width:760px){.student-form-page-header .student-form-page-info{align-items:flex-start;flex-direction:row;gap:8px!important;justify-content:space-between}.student-form-page-header .student-form-page-actions{align-self:flex-start;flex:0 0 auto;margin:0!important}.student-form-heading-copy{flex:1 1 auto;min-width:0}}@media (max-width:560px){.student-form-page-header .students-header-icon{display:none}.student-form-page-header .students-header-left{gap:0}}@media (max-width:390px){.student-form-page-header .student-form-page-info{gap:5px!important}.student-form-page-header .dash-header-title{font-size:18px;white-space:nowrap}.student-form-page-header .dash-header-subtitle{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:9px;line-height:1.3;overflow:hidden}.student-form-page-header .student-form-back{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 6px}.student-form-page-header .student-form-back svg{font-size:12px;height:12px;width:12px}}@media (max-width:760px){.student-directory .student-table .student-col{width:14%}.student-directory .student-table .contact-col{width:17%}.student-directory .student-table .allocation-col{width:15%}.student-directory .student-table .plan-col{width:11%}.student-directory .student-table .payment-col{width:13%}.student-directory .student-table .status-col{width:11%}.student-directory .student-table .action-col{width:19%}.student-directory .student-table .action-cell,.student-directory .student-table th:last-child{padding-left:7px;padding-right:7px;text-align:right}.student-directory .student-table .student-row-actions{gap:3px;justify-content:flex-end}.student-directory .student-table .student-row-actions .row-action{flex-basis:26px;height:26px;width:26px}}.student-details-overlay{animation:studentDetailsOverlayIn .18s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a94;display:grid;inset:0;padding:22px;place-items:center;position:fixed;z-index:10000}.student-details-modal{animation:studentDetailsModalIn .22s cubic-bezier(.2,.8,.2,1);background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 34px 90px #0f172a47,0 8px 24px #0f172a1f;max-height:92vh;width:min(980px,100%)}.student-details-header,.student-details-modal{display:flex;flex-direction:column;overflow:hidden}.student-details-header{align-items:stretch;background:linear-gradient(135deg,#111827,#172033 55%,#1c2a42);border-bottom:0;gap:14px;padding:24px 26px 19px;position:relative}.student-details-header-top{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;min-width:0;position:relative;z-index:1}.student-details-header:before{background:linear-gradient(90deg,#6366f1,#22d3ee 55%,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.student-details-header:after{background:radial-gradient(circle,#38bdf833 0,#38bdf800 68%);border-radius:50%;content:"";height:310px;pointer-events:none;position:absolute;right:-90px;top:-170px;width:310px}.student-details-identity{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0;position:relative;z-index:1}.student-details-avatar{background:linear-gradient(135deg,#4f46e5,#2563eb 52%,#0891b2);border:2px solid #ffffff2e;border-radius:17px;box-shadow:0 10px 28px #0206175c;color:#fff;display:grid;flex:none;font-size:19px;font-weight:800;height:64px;letter-spacing:.02em;place-items:center;width:64px}.student-details-identity-copy{flex:1 1;min-width:0}.student-details-kicker{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px}.student-details-status{align-items:center;border:1px solid;border-radius:99px;display:inline-flex;font-size:9px;font-weight:800;justify-content:center;letter-spacing:.055em;min-height:22px;padding:0 9px;text-transform:uppercase}.student-details-status.active{background:#10b98124;border-color:#34d39957;color:#6ee7b7}.student-details-status.inactive{background:#94a3b81f;border-color:#94a3b847;color:#cbd5e1}.student-details-code{align-items:center;background:#ffffff12;border:1px solid #94a3b83d;border-radius:99px;color:#cbd5e1;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;font-weight:700;letter-spacing:.02em;min-height:22px;padding:0 9px}.student-details-identity h2{color:#f8fafc;font-family:Manrope,Inter,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.18;margin:0;overflow-wrap:anywhere}.student-details-contact{align-items:center;border-top:1px solid #94a3b821;display:flex;flex-wrap:wrap;gap:9px 18px;justify-content:space-between;min-width:0;padding-top:13px;position:relative;z-index:1}.student-details-meta{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:7px 12px;max-width:100%;min-width:0}.student-details-meta span{align-items:center;color:#a8b4c9;display:inline-flex;font-size:11px;font-weight:500;gap:6px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.student-details-meta span+span:before{background:#4a5670;border-radius:50%;content:"";height:3px;margin-right:1px;width:3px}.student-details-meta svg{color:#7f8da5;flex:none;font-size:10px}.student-details-tags{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:6px;min-width:0}.student-details-tags span{align-items:center;background:hsla(0,0%,100%,.055);border:1px solid #94a3b824;border-radius:7px;color:#cbd5e1;display:inline-flex;font-size:9.5px;font-weight:600;gap:5px;min-height:24px;padding:0 8px}.student-details-tags svg{color:#8fa2bd;font-size:9px}.student-details-close{background:#ffffff12;border:1px solid #94a3b833;border-radius:10px;color:#cbd5e1;cursor:pointer;display:grid;flex:none;font-size:13px;height:38px;padding:0;place-items:center;position:relative;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;width:38px;z-index:1}.student-details-close:hover{background:#f43f5e26;border-color:#fb718566;color:#fda4af}.student-details-close:focus-visible{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee2e;outline:none}.student-details-body{background:#f4f6fa;flex:1 1;overflow-y:auto;padding:20px 26px 24px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.student-details-body::-webkit-scrollbar{width:7px}.student-details-body::-webkit-scrollbar-track{background:#0000}.student-details-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.student-details-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.student-details-summary-card{align-items:flex-start;background:#fff;border:1px solid #e6ebf2;border-radius:12px;box-shadow:0 1px 2px #10182808;display:flex;gap:10px;min-width:0;padding:13px 14px}.student-details-summary-icon{background:#eef2ff;border-radius:9px;color:#4f46e5;display:grid;flex:none;font-size:12px;height:33px;place-items:center;width:33px}.student-details-summary-card>div{grid-gap:1px;display:grid;gap:1px;min-width:0}.student-details-summary-card span:not(.student-details-summary-icon){color:#8a96a8;font-size:9px;font-weight:800;letter-spacing:.065em;line-height:1.3;text-transform:uppercase}.student-details-summary-card b{color:#1e293b;font-size:14px;font-weight:800}.student-details-summary-card b,.student-details-summary-card small{line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-details-summary-card small{color:#94a3b8;font-size:10px}.student-details-summary-card.success .student-details-summary-icon{background:#ecfdf3;color:#047857}.student-details-summary-card.success b{color:#047857}.student-details-summary-card.danger .student-details-summary-icon{background:#fef2f2;color:#dc2626}.student-details-summary-card.danger b{color:#b42318}.student-details-summary-card.warning .student-details-summary-icon{background:#fffaeb;color:#b54708}.student-details-summary-card.warning b{color:#b54708}.student-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.student-details-section{background:#fff;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 1px 2px #10182808;min-width:0;padding:18px}.student-details-section-head{align-items:flex-start;display:flex;gap:10px;margin-bottom:15px}.student-details-section-icon{background:#eef2ff;border-radius:9px;color:#4f46e5;display:grid;flex:none;font-size:12px;height:32px;place-items:center;width:32px}.student-details-section-head>div{min-width:0}.student-details-section-head h3{color:#0f172a;font-size:13.5px;font-weight:800;letter-spacing:-.015em;line-height:1.35;margin:1px 0 0}.student-details-section-head p{color:#8f9bad;font-size:10px;line-height:1.4;margin:2px 0 0}.student-details-fields{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.student-details-period{background:linear-gradient(180deg,#f8faff,#f8fafc);border:1px solid #e7ecf4;border-radius:10px;grid-column:1/-1;padding:12px 13px}.student-details-period-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.student-details-period-head>span{color:#7c899c;font-size:8.5px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.student-details-period-head b{color:#4f46e5;font-size:9.5px;font-weight:800;white-space:nowrap}.student-details-period-track{background:#e5eaf2;border-radius:99px;height:5px;margin:10px 0 8px;overflow:hidden}.student-details-period-fill{background:linear-gradient(90deg,#4f46e5,#0ea5e9);border-radius:inherit;display:block;height:100%}.student-details-period-dates{align-items:flex-end;display:flex;gap:14px;justify-content:space-between}.student-details-period-dates>span{grid-gap:1px;display:grid;gap:1px;min-width:0}.student-details-period-dates>span:last-child{text-align:right}.student-details-period-dates small{color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.student-details-period-dates b{color:#475569;font-size:10.5px;font-weight:700;line-height:1.4}.student-details-period.expired .student-details-period-head b{color:#b42318}.student-details-period.expired .student-details-period-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.student-details-period.expired .student-details-period-dates>span:last-child b{color:#b42318}.student-detail-item{background:#f8fafc;border:1px solid #eff3f8;border-radius:9px;min-width:0;padding:10px 11px}.student-detail-item-span-2{grid-column:1/-1}.student-detail-label{color:#8e9aad;display:block;font-size:9px;font-weight:800;letter-spacing:.06em;line-height:1.3;margin-bottom:4px;text-transform:uppercase}.student-detail-value{color:#334155;font-size:12.5px;font-weight:600;line-height:1.5;min-height:18px;overflow-wrap:anywhere}.student-details-payment{align-items:center;display:inline-flex;font-size:11px;font-weight:800;gap:6px}.student-details-payment>span{background:currentColor;border-radius:50%;box-shadow:0 0 0 3px #0478571a;flex:none;height:6px;width:6px}.student-details-payment.paid{color:#047857}.student-details-payment.due{color:#b42318}.student-details-payment.due>span{box-shadow:0 0 0 3px #dc26261a}.student-details-address{margin-top:16px}.student-details-address-text{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;color:#475569;font-size:12px;font-weight:500;line-height:1.7;margin:0;overflow-wrap:anywhere;padding:13px 14px}.student-details-footer{align-items:center;background:#fff;border-top:1px solid #e8edf4;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 26px}.student-details-footer-meta{align-items:center;display:flex;gap:10px;min-width:0}.student-details-footer-dot{border-radius:50%;flex:none;height:8px;width:8px}.student-details-footer-dot.paid{background:#10b981;box-shadow:0 0 0 4px #10b9811f}.student-details-footer-dot.due{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.student-details-footer-meta>div{grid-gap:1px;display:grid;gap:1px;min-width:0}.student-details-footer-meta b{color:#334155;font-size:11px;font-weight:800;line-height:1.4}.student-details-footer-meta small{color:#94a3b8;font-size:9.5px;line-height:1.4}.student-details-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.student-details-btn{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:7px;height:38px;justify-content:center;padding:0 14px;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.student-details-btn svg{font-size:10px}.student-details-btn:hover{transform:translateY(-1px)}.student-details-btn:active{transform:translateY(0)}.student-details-btn:focus-visible{box-shadow:0 0 0 3px #6366f12e;outline:none}.student-details-btn.ghost{background:#fff;border-color:#e2e8f0;color:#64748b}.student-details-btn.ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.student-details-btn.soft{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.student-details-btn.soft:hover{background:#e0e7ff;border-color:#a5b4fc}.student-details-btn.primary{background:#4f46e5;border-color:#4f46e5;box-shadow:0 5px 14px #4f46e533;color:#fff}.student-details-btn.primary:hover{background:#4338ca;border-color:#4338ca;box-shadow:0 7px 18px #4f46e542}:root[data-theme=dark] .student-details-modal{background:#202532;border-color:#343b49;box-shadow:0 34px 90px #0000008f}:root[data-theme=dark] .student-details-header{background:linear-gradient(135deg,#0b1120,#111a2c 55%,#152238);border-bottom-color:#343b49}:root[data-theme=dark] .student-details-avatar{border-color:#ffffff24;box-shadow:0 10px 28px #00000075}:root[data-theme=dark] .student-details-identity h2{color:#eef0f6}:root[data-theme=dark] .student-details-code{background:#252b39b8;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .student-details-meta span{color:#a8b0c0}:root[data-theme=dark] .student-details-meta span+span:before{background:#4a5670}:root[data-theme=dark] .student-details-meta svg{color:#7f8da5}:root[data-theme=dark] .student-details-status.active{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .student-details-close,:root[data-theme=dark] .student-details-status.inactive{background:#252b39;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .student-details-close:hover{background:#3a2025;border-color:#6d3238;color:#fb7185}:root[data-theme=dark] .student-details-close:focus-visible{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff29}:root[data-theme=dark] .student-details-body{background:#191e2b;scrollbar-color:#4a556b #0000}:root[data-theme=dark] .student-details-body::-webkit-scrollbar-thumb{background:#4a556b}:root[data-theme=dark] .student-details-section,:root[data-theme=dark] .student-details-summary-card{background:#202532;border-color:#343b49;box-shadow:0 1px 2px #00000029}:root[data-theme=dark] .student-details-section-icon,:root[data-theme=dark] .student-details-summary-icon{background:#2a3652;color:#8fb4ff}:root[data-theme=dark] .student-details-section-head h3,:root[data-theme=dark] .student-details-summary-card b{color:#eef0f6}:root[data-theme=dark] .student-details-section-head p,:root[data-theme=dark] .student-details-summary-card small{color:#8f9bb0}:root[data-theme=dark] .student-details-summary-card.success .student-details-summary-icon{background:#1a2e28;color:#34d399}:root[data-theme=dark] .student-details-summary-card.success b{color:#34d399}:root[data-theme=dark] .student-details-summary-card.danger .student-details-summary-icon{background:#3b1d22;color:#fb7185}:root[data-theme=dark] .student-details-summary-card.danger b{color:#fb7185}:root[data-theme=dark] .student-details-summary-card.warning .student-details-summary-icon{background:#332a17;color:#fbbf24}:root[data-theme=dark] .student-details-summary-card.warning b{color:#fbbf24}:root[data-theme=dark] .student-details-period{background:linear-gradient(180deg,#252d3d,#232936);border-color:#343b49}:root[data-theme=dark] .student-details-period-head>span{color:#8f9bb0}:root[data-theme=dark] .student-details-period-head b{color:#a5b4fc}:root[data-theme=dark] .student-details-period-track{background:#343d4f}:root[data-theme=dark] .student-details-period-dates small{color:#7f8da5}:root[data-theme=dark] .student-details-period-dates b{color:#d1d7e2}:root[data-theme=dark] .student-details-period.expired .student-details-period-dates>span:last-child b,:root[data-theme=dark] .student-details-period.expired .student-details-period-head b{color:#fb7185}:root[data-theme=dark] .student-detail-item,:root[data-theme=dark] .student-details-address-text{background:#252b39;border-color:#343b49}:root[data-theme=dark] .student-detail-value,:root[data-theme=dark] .student-details-address-text{color:#dbe2ef}:root[data-theme=dark] .student-detail-label{color:#8f9bb0}:root[data-theme=dark] .student-details-payment.paid{color:#34d399}:root[data-theme=dark] .student-details-payment.due{color:#fb7185}:root[data-theme=dark] .student-details-footer{background:#202532;border-top-color:#343b49}:root[data-theme=dark] .student-details-footer-meta b{color:#dbe2ef}:root[data-theme=dark] .student-details-footer-meta small{color:#8f9bb0}:root[data-theme=dark] .student-details-btn.ghost{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .student-details-btn.ghost:hover{background:#2b3345;border-color:#4a5670;color:#fff}:root[data-theme=dark] .student-details-btn.soft{background:#25314a;border-color:#3a4a68;color:#b7c1ff}:root[data-theme=dark] .student-details-btn.soft:hover{background:#2d3a58;border-color:#4c5f88}@media (max-width:860px){.student-details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.student-details-header{padding:21px 20px 18px}.student-details-contact,.student-details-meta{align-items:flex-start;flex-direction:column}.student-details-meta{gap:4px}.student-details-meta span+span:before{display:none}.student-details-body{padding:18px 20px 22px}.student-details-footer{padding:14px 20px}.student-details-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.student-details-overlay{padding:12px}.student-details-modal{border-radius:15px;max-height:95vh}.student-details-header{gap:10px}.student-details-avatar{border-radius:14px;font-size:16px;height:52px;width:52px}.student-details-identity h2{font-size:20px}.student-details-footer{align-items:stretch;flex-direction:column}.student-details-actions{justify-content:stretch}.student-details-btn{flex:1 1;min-width:0}}@media (max-width:480px){.student-details-overlay{padding:8px}.student-details-modal{border-radius:13px;max-height:96vh}.student-details-header{padding:18px 16px 16px}.student-details-identity{align-items:flex-start;gap:11px}.student-details-avatar{border-radius:12px;font-size:14px;height:46px;width:46px}.student-details-identity h2{font-size:18px}.student-details-meta{gap:5px}.student-details-meta span{max-width:100%}.student-details-meta span+span:before{display:none}.student-details-close{height:34px;width:34px}.student-details-body{padding:14px 16px 18px}.student-details-summary{grid-template-columns:minmax(0,1fr)}.student-details-section{padding:15px}.student-details-fields{grid-template-columns:minmax(0,1fr)}.student-detail-item-span-2{grid-column:auto}.student-details-footer{padding:13px 16px}.student-details-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes studentDetailsOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes studentDetailsModalIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.student-details-modal,.student-details-overlay{animation:none}.student-details-btn{transition:none}}.student-details-overlay{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.student-details-modal{max-height:min(92vh,900px);max-height:min(92dvh,900px);min-height:0;width:min(980px,calc(100vw - 32px))}.student-details-footer,.student-details-header{flex:0 0 auto}.student-details-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overscroll-behavior:contain}.student-detail-item,.student-detail-value,.student-details-section,.student-details-summary-card{min-width:0;overflow-wrap:anywhere}@media (max-width:640px){.student-details-overlay{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));place-items:start center}.student-details-modal{border-radius:13px;max-height:calc(100vh - 16px);max-height:calc(100dvh - max(16px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-width:560px;width:100%}.student-details-header{padding:14px 14px 12px}.student-details-header-top{gap:8px}.student-details-identity{gap:9px}.student-details-avatar{flex-basis:40px;font-size:13px;height:40px;width:40px}.student-details-identity h2{font-size:17px}.student-details-code{max-width:100%;overflow-wrap:anywhere}.student-details-contact{gap:8px;padding-top:9px}.student-details-meta,.student-details-tags{gap:6px}.student-details-meta span,.student-details-tags span{min-width:0;overflow-wrap:anywhere}.student-details-body{padding:12px}.student-details-summary{gap:7px}.student-details-summary-card{padding:10px}.student-details-grid{gap:10px;margin-top:10px}.student-details-section{padding:12px}.student-details-section-head{margin-bottom:10px}.student-details-fields{gap:7px}.student-detail-item{padding:8px 9px}.student-details-footer{gap:9px;padding:10px 12px}.student-details-actions{gap:6px}.student-details-btn{font-size:10px;height:34px;padding:0 9px}}@media (max-width:360px){.student-details-overlay{padding-left:6px;padding-right:6px}.student-details-header{padding:12px 11px 10px}.student-details-body,.student-details-footer{padding:9px}.student-details-summary-card{gap:8px;padding:9px}.student-details-summary-icon{height:29px;width:29px}.student-details-section{padding:10px}.student-details-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.student-details-btn{font-size:9px;gap:5px;padding:0 6px}}@media (max-width:480px){.student-details-summary{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.student-details-summary-card{align-items:flex-start;gap:7px;min-height:72px;padding:9px}.student-details-summary-icon{flex:0 0 27px;font-size:10px;height:27px;width:27px}.student-details-summary-card>div{min-width:0}.student-details-summary-card span:not(.student-details-summary-icon){font-size:8px}.student-details-summary-card b{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.student-details-summary-card small{font-size:9px;line-height:1.3}.student-details-grid{grid-template-columns:minmax(0,1fr)}.student-details-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.student-detail-item-span-2,.student-details-period{grid-column:1/-1}.student-detail-item{padding:7px 8px}.student-detail-label{font-size:8px}.student-detail-value{font-size:11px;line-height:1.4}}@media (max-width:360px){.student-details-summary-card{gap:6px;min-height:68px;padding:7px}.student-details-summary-icon{flex-basis:24px;height:24px;width:24px}.student-details-summary-card span:not(.student-details-summary-icon){font-size:7.5px}.student-details-summary-card b{font-size:11px}.student-details-summary-card small{font-size:8px}.student-details-section{padding:9px}.student-details-fields{gap:5px}}:root:not([data-theme=dark]) .student-details-header{background:radial-gradient(ellipse at 92% 6%,#94a3e83b 0,#94a3e800 46%),linear-gradient(125deg,#f9fbff,#f1f5fc 48%,#e8eef8);border-bottom:1px solid #e5eaf2;transition:background .25s ease,border-color .25s ease}:root:not([data-theme=dark]) .student-details-header:before{background:radial-gradient(ellipse at 6% 100%,#6366f11a 0,#6366f100 48%);pointer-events:none}:root:not([data-theme=dark]) .student-details-header:after{background:radial-gradient(circle,#6378d824 0,#6378d800 70%);height:340px;right:-110px;top:-190px;width:340px}:root:not([data-theme=dark]) .student-details-identity h2{color:#233451;letter-spacing:-.025em}:root:not([data-theme=dark]) .student-details-status.active{background:#dcfceee0;border-color:#a7e5cf;color:#087a59}:root:not([data-theme=dark]) .student-details-status.inactive{background:#f1f5f9e6;border-color:#d8e0eb;color:#64748b}:root:not([data-theme=dark]) .student-details-code{background:#ffffffd1;border-color:#dce4ef;color:#53647b}:root:not([data-theme=dark]) .student-details-meta span{color:#5d6b80}:root:not([data-theme=dark]) .student-details-meta svg{color:#7183a0}:root:not([data-theme=dark]) .student-details-meta span+span:before{background:#c5cfdd}:root:not([data-theme=dark]) .student-details-tags span{background:#ffffffbd;border-color:#dce4ef;color:#506078}:root:not([data-theme=dark]) .student-details-tags svg{color:#7586a0}:root:not([data-theme=dark]) .student-details-close{background:#ffffffd1;border-color:#dbe3ed;color:#64748b}:root:not([data-theme=dark]) .student-details-close:hover{background:#fff1f2;border-color:#fda4af;color:#be123c}:root:not([data-theme=dark]) .student-details-header{background:radial-gradient(ellipse at 90% 4%,#8463ff4d 0,#8463ff00 47%),radial-gradient(ellipse at 8% 5%,#31c3eb47 0,#31c3eb00 50%),linear-gradient(125deg,#dff6ff,#eaf1ff 48%,#f0eaff)}:root:not([data-theme=dark]) .student-details-header:before{background:radial-gradient(ellipse at 55% 100%,#ffffff85,#0000 60%);height:100%;inset:0}:root:not([data-theme=dark]) .student-details-header:after{background:radial-gradient(circle,#775bff30 0,#775bff00 70%);height:330px;right:-70px;top:-150px;width:330px}.student-details-header-art{color:#5546ef;display:grid;font-size:96px;height:100px;opacity:.2;place-items:center;pointer-events:none;position:absolute;right:11%;top:16px;transform:rotate(-8deg);width:118px;z-index:0}.student-details-avatar-wrap{flex:0 0 64px;height:64px;position:relative;width:64px;z-index:1}.student-details-avatar{background:linear-gradient(145deg,#6657ff,#5145e8 58%,#3684ef);border:0;border-radius:50%;box-shadow:0 9px 22px #4b46d23d;height:100%;width:100%}.student-details-avatar-status{background:#94a3b8;border:2px solid #f4f7ff;border-radius:50%;bottom:1px;height:14px;position:absolute;right:1px;width:14px}.student-details-avatar-status.active{background:#10b981}.student-details-avatar-status.inactive{background:#94a3b8}.student-details-role{color:#526684;font-size:12px;font-weight:500;line-height:1.35;margin:3px 0 0}:root:not([data-theme=dark]) .student-details-identity h2{color:#122347}@media (max-width:640px){.student-details-header-art{display:none}.student-details-avatar-wrap{flex-basis:40px;height:40px;width:40px}.student-details-avatar-status{border-width:2px;height:12px;width:12px}.student-details-role{font-size:10px;margin-top:1px}}@media (max-width:360px){.student-details-avatar-wrap{flex-basis:36px;height:36px;width:36px}}.student-header-actions{align-items:center;display:flex;gap:10px}.student-header-actions .figma-add-btn,.student-refresh-btn{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;height:38px;justify-content:center;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.student-refresh-btn{background:#fff;border:1px solid #e2e8f0;color:#475569}.student-refresh-btn svg{font-size:11px}.student-refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#c9d4e2;color:#334155}.student-refresh-btn:disabled{cursor:wait;opacity:.65}.student-header-actions .figma-add-btn{background:#5b6af0;border:1px solid #5b6af0;color:#fff;padding:0 15px}.student-header-actions .figma-add-btn svg{font-size:10px}.student-header-actions .figma-add-btn:hover{background:#4d5ee8;border-color:#4d5ee8}.student-filter-card{grid-gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #1018280a;display:grid;gap:14px;margin:0 0 18px;padding:16px;position:relative;z-index:1}.student-filter-card:focus-within{z-index:7}.student-filter-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.student-filter-title{align-items:center;display:flex;gap:10px;min-width:0}.student-filter-icon{background:#eef2ff;border-radius:10px;color:#4f46e5;display:grid;flex:none;font-size:13px;height:34px;place-items:center;width:34px}.student-filter-title b{color:#0f172a;display:block;font-size:12.5px;font-weight:700}.student-filter-title small{color:#64748b;display:block;font-size:10.5px;line-height:1.35;margin-top:2px}.student-filter-count{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;color:#64748b;display:inline-flex;font-size:11px;gap:4px;padding:6px 10px;white-space:nowrap}.student-filter-count b{color:#0f172a;font-weight:700}.student-filter-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(120px,1fr)) auto}.student-filter-search{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;display:flex;gap:8px;height:40px;min-width:0;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.student-filter-search:focus-within{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f}.student-filter-search svg{color:#94a3b8;flex:none;font-size:13px}.student-filter-search input{background:#0000;border:0;color:#334155;font-family:inherit;font-size:12px;height:100%;min-width:0;outline:0;padding:0;width:100%}.student-filter-search input::placeholder{color:#98a2b3}.student-filter-card .student-filter-select{min-width:0;position:relative;width:100%;z-index:1}.student-filter-card .student-filter-select.open{z-index:80}.student-filter-card .form-select-custom-trigger{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#334155;font-size:12px;font-weight:500;gap:9px;height:40px;min-height:40px;padding:0 12px;width:100%}.student-filter-card .form-select-custom-trigger:hover:not(:disabled){border-color:#c9d4e2}.student-filter-card .form-select-custom-trigger:focus-visible,.student-filter-card .form-select-custom.open .form-select-custom-trigger{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f;outline:none}.student-filter-card .form-select-custom-icon{color:#8b97a8;font-size:13px}.student-filter-card .form-select-custom.disabled .form-select-custom-trigger{cursor:not-allowed;opacity:.6}.student-filter-clear{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;color:#64748b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:600;gap:7px;height:40px;justify-content:center;padding:0 13px;transition:border-color .15s ease,background .15s ease,color .15s ease;white-space:nowrap}.student-filter-clear svg{font-size:11px}.student-filter-clear:hover:not(:disabled){background:#fff7f7;border-color:#fecaca;color:#dc3545}.student-filter-clear:disabled{background:#f8fafc;cursor:not-allowed;opacity:.55}.student-filter-footer{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;display:flex;flex-wrap:wrap;font-size:11.5px;gap:12px;justify-content:space-between;padding-top:12px}.student-filter-footer b{color:#334155;font-weight:700}.student-rows{align-items:center;display:flex;gap:8px;position:relative;z-index:10}.student-rows>span{font-size:11px}.student-rows .form-select-custom{flex:0 0 auto;width:74px}.student-rows .form-select-custom-trigger{border-radius:7px;font-size:11px;height:32px;min-height:32px;padding:0 9px}.student-rows .form-select-custom-menu{bottom:auto;left:auto;min-width:74px;right:0;top:calc(100% + 6px);width:74px;z-index:1000}:root[data-theme=dark] .student-refresh-btn{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .student-refresh-btn:hover:not(:disabled){background:#2b3345;border-color:#4a5670;color:#fff}:root[data-theme=dark] .student-filter-card{background:#202532;border-color:#343b49;box-shadow:0 1px 2px #0003}:root[data-theme=dark] .student-filter-count b,:root[data-theme=dark] .student-filter-title b{color:#eef0f6}:root[data-theme=dark] .student-filter-title small{color:#a8b0c0}:root[data-theme=dark] .student-filter-icon{background:#2a3652;color:#8fb4ff}:root[data-theme=dark] .student-filter-count{background:#252b39;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .student-filter-search{background:#252b39;border-color:#3a4252}:root[data-theme=dark] .student-filter-search:focus-within{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff24}:root[data-theme=dark] .student-filter-search input{color:#e7eaf1}:root[data-theme=dark] .student-filter-search input::placeholder{color:#8a95b0}:root[data-theme=dark] .student-filter-search svg{color:#a8b0c0}:root[data-theme=dark] .student-filter-card .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .student-filter-card .form-select-custom-trigger.placeholder{color:#8a95b0}:root[data-theme=dark] .student-filter-card .form-select-custom-caret{border-bottom-color:#a8b4c9;border-right-color:#a8b4c9}:root[data-theme=dark] .student-filter-card .form-select-custom-trigger:focus-visible,:root[data-theme=dark] .student-filter-card .form-select-custom.open .form-select-custom-trigger{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff24}:root[data-theme=dark] .student-filter-clear{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .student-filter-clear:hover:not(:disabled){background:#3a2025;border-color:#6d3238;color:#fb7185}:root[data-theme=dark] .student-filter-footer{border-top-color:#343b49;color:#a8b0c0}:root[data-theme=dark] .student-filter-footer b{color:#eef0f6}@media (max-width:1320px){.student-filter-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.student-filter-search{grid-column:1/-1}.student-filter-clear{justify-self:start}}@media (max-width:1024px){.student-filter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.student-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.student-filter-footer{align-items:flex-start;flex-direction:column}.student-header-actions{width:100%}.student-header-actions .figma-add-btn{flex:1 1}}@media (max-width:480px){.student-filter-card{padding:13px}.student-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.student-filter-search{grid-column:1/-1}.student-filter-clear{width:100%}}@media (max-width:760px){.student-filter-head{gap:8px}.student-filter-title{flex:1 1 150px}.student-filter-count{margin-left:auto}.student-filter-card.is-open .student-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.student-filter-card.is-open .student-filter-search{grid-column:1/-1}.student-filter-card.is-open .student-filter-clear{width:100%}.student-filter-card.is-open .student-filter-footer{display:flex}.student-filter-controls{gap:8px}}@media (max-width:380px){.student-filter-card{padding:10px}.student-filter-head{gap:6px}.student-filter-title{flex-basis:120px}.student-filter-title small{display:none}.student-filter-count{font-size:9px;padding:5px 7px}.student-filter-card.is-open .student-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.student-filter-card .form-select-custom-trigger{font-size:10px;gap:4px;padding:0 7px}.student-filter-card .student-filter-clear{font-size:10px;padding:0 7px}}.employees-page{display:flex;flex-direction:column;gap:16px;min-width:0}.employee-skeleton-block{animation:employee-skeleton-shimmer 1.35s ease infinite;background:linear-gradient(90deg,#f1f3f6 25%,#e8ebf0 38%,#f1f3f6 62%);background-size:400% 100%;border-radius:7px;display:block}.employee-skeleton-heading{grid-gap:4px;display:grid;gap:4px}.employee-skeleton-heading h1{color:#101828;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.employee-skeleton-heading p{color:#667085;font-size:13px;margin:0}.employee-skeleton-stat{gap:12px}.employee-skeleton-stat-label{height:13px;width:125px}.employee-skeleton-stat-value{height:24px;width:46px}.employee-skeleton-filter-title{height:18px;width:190px}.employee-skeleton-filter-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(200px,1.5fr) repeat(4,minmax(100px,1fr))}.employee-skeleton-filter-controls .employee-skeleton-block{height:40px}.employee-skeleton-filter-footer{height:12px;width:260px}.employee-skeleton-table{overflow:hidden!important}.employee-skeleton-table-title{height:16px;width:130px}.employee-skeleton-table-count{height:12px;width:80px}.employee-skeleton-row,.employee-skeleton-table-head{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:1.25fr 1.15fr .7fr .65fr 1fr .9fr .9fr .55fr;padding:12px 14px}.employee-skeleton-table-head{background:#f9fafb}.employee-skeleton-table-head .employee-skeleton-block{height:10px}.employee-skeleton-row{border-top:1px solid #f2f4f7;min-height:48px}.employee-skeleton-row>.employee-skeleton-block{height:12px}.employee-skeleton-row .employee-skeleton-avatar{border-radius:9px;height:34px;width:34px}.employee-skeleton-actions{display:flex;gap:5px}.employee-skeleton-actions i{border-radius:7px;height:26px;width:26px}.employee-skeleton-pagination{border-top:1px solid #eaecf0;display:flex;gap:8px;justify-content:center;padding:12px}.employee-skeleton-pagination .employee-skeleton-block{height:30px;width:62px}@keyframes employee-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.employees-header{gap:16px}.employees-title-wrap{align-items:center;display:flex;gap:12px}.employees-heading-icon{background:linear-gradient(135deg,#5b6af02b,#5b6af012);border-radius:12px;color:#5b6af0;display:grid;flex:0 0 42px;height:42px;place-items:center;width:42px}.employees-heading-icon svg{height:21px;width:21px}.employees-header h1{color:#101828;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.employees-header p{color:#667085;font-size:13px;margin:4px 0 0}.employee-add-button{align-items:center;background:#5b6af0;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-height:38px;padding:0 15px}.employee-add-button:hover{background:#4d5ee8}.employee-add-button svg{height:16px;width:16px}.employee-stats{grid-gap:12px;display:grid;gap:12px}.panel.employee-stat{border:1px solid #eaecf0;border-radius:10px;flex-direction:column;margin:0;min-height:82px;padding:13px 16px}.employee-stat>div,.panel.employee-stat{display:flex;justify-content:space-between}.employee-stat>div{align-items:center;color:#667085;font-size:12px;font-weight:600}.employee-stat>b{color:#101828;font-size:24px;line-height:1}.stat-icon{display:inline-grid;font-size:11px;font-style:normal;height:27px;width:27px}.stat-icon svg{height:16px;width:16px}.stat-icon.purple{background:#f0efff;color:#5647f5}.stat-icon.green{background:#e8fff3;color:#027a48}.stat-icon.gray{background:#f2f4f7;color:#667085}.employee-filter-card{grid-gap:14px;background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280a;display:grid;gap:14px;padding:16px}.employee-filter-footer,.employee-filter-heading,.employee-filter-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.employee-filter-title{justify-content:flex-start}.employee-filter-icon{background:#eef2ff;border-radius:10px;color:#4f46e5;display:grid;flex:0 0 34px;height:34px;place-items:center;width:34px}.employee-filter-icon svg{height:16px;width:16px}.employee-filter-title b{color:#101828;display:block;font-size:13px}.employee-filter-title small{color:#667085;display:block;font-size:11px;margin-top:2px}.employee-filter-count{background:#f9fafb;border:1px solid #eaecf0;border-radius:99px;color:#667085;display:inline-flex;font-size:11px;gap:4px;padding:6px 10px;white-space:nowrap}.employee-filter-count b{color:#101828}.employee-filter-controls{grid-gap:10px;align-items:end;display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr)) auto}.employee-search{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:9px;display:flex;gap:8px;height:40px;min-width:0;padding:0 11px}.employee-search:focus-within{border-color:#7a8af8;box-shadow:0 0 0 3px #5b6af01f}.employee-search svg{color:#98a2b3;flex:0 0 15px;height:15px;width:15px}.employee-search input{border:0;color:#344054;font:inherit;font-size:12px;min-width:0;outline:0;width:100%}.employee-search input::placeholder{color:#98a2b3}.employee-filter-select{grid-gap:5px;color:#667085;display:grid;font-size:10px;font-weight:600;gap:5px;position:relative;z-index:1}.employee-filter-select:focus-within{z-index:90}.employee-filter-dropdown,.employee-rows-dropdown{min-width:0;width:100%}.employee-filter-dropdown .form-select-custom-trigger{border-color:#d0d5dd;border-radius:9px;color:#344054;font-size:12px;height:40px;min-height:40px;padding:0 11px;width:100%}.employee-filter-dropdown .form-select-custom-menu,.employee-rows-dropdown .form-select-custom-menu{z-index:1200}.employee-filter-dropdown .form-select-custom-menu-inner,.employee-rows-dropdown .form-select-custom-menu-inner{background:#fff;border:1px solid #e6eaf0;border-radius:10px;box-shadow:0 18px 38px -12px #0f172a52;max-height:min(280px,40vh);padding:5px}.employee-filter-dropdown .form-select-custom-item,.employee-rows-dropdown .form-select-custom-item{border-radius:7px;color:#344054;font-size:12px;min-height:34px;padding:8px 10px}.employee-filter-dropdown .form-select-custom-item:hover:not(:disabled),.employee-rows-dropdown .form-select-custom-item:hover:not(:disabled){background:#f4f6ff;color:#4d5ee8}.employee-filter-dropdown .form-select-custom-item.selected,.employee-rows-dropdown .form-select-custom-item.selected{background:#eef0ff;color:#4d5ee8}.employee-rows-dropdown{flex:0 0 72px;position:relative;width:72px;z-index:2}.employee-rows-dropdown .form-select-custom-trigger{border-radius:7px;font-size:11px;height:32px;min-height:32px;padding:0 9px}.employee-rows-dropdown .form-select-custom-menu{left:auto;right:0;width:72px}.employee-clear-filters{background:#fff;border:1px solid #d0d5dd;color:#475467;cursor:pointer;font:inherit;font-size:11px;font-weight:600;height:40px;padding:0 10px}.employee-clear-filters:hover:not(:disabled){background:#f9fafb}.employee-clear-filters:disabled{cursor:not-allowed;opacity:.5}.employee-filter-footer{border-top:1px solid #eaecf0;color:#667085;font-size:11px;padding-top:12px}.employee-filter-footer b{color:#101828}.employee-rows-select{align-items:center;display:inline-flex;gap:8px;position:relative;white-space:nowrap;z-index:10}.employees-page .table-panel{background:#fff;border:1px solid #eaecf0;border-radius:12px;margin:0;overflow:visible;padding:0}.employee-table-heading{align-items:center;border-bottom:1px solid #eaecf0;display:flex;gap:12px;justify-content:space-between;padding:15px 18px}.employee-table-heading h2{color:#101828;font-size:15px;font-weight:700;margin:0}.employee-table-heading>span{color:#667085;font-size:12px}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background:#f9fafb}.employees-table th{border-bottom:1px solid #eaecf0;color:#667085;font-size:10px;font-weight:700;letter-spacing:.045em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.employees-table td{border-bottom:1px solid #f2f4f7;color:#344054;font-size:12px;padding:12px 14px;vertical-align:middle}.employees-table tbody tr:last-child td{border-bottom:0}.employees-table tbody tr:hover{background:#fcfcfd}.employee-identity{align-items:center;display:flex;gap:10px;min-width:150px}.emp-icon{background:#eef2ff;border:1px solid #e0e7ff;border-radius:9px;color:#4338ca;display:inline-grid;flex:0 0 34px;font-size:13px;font-weight:800;height:34px;place-items:center;width:34px}.employee-identity b{color:#101828;font-size:12px;font-weight:650}.employee-identity b,.employee-role,.library-access{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-role,.library-access{align-items:center;background:#f9fafb;border:1px solid #d0d5dd;border-radius:14px;color:#475467;display:inline-flex;font-size:11px;max-width:220px;padding:4px 9px}.employee-role.employee{background:#f4f8ff;border-color:#c4dcff;color:#3570df}.library-access{background:#f5f3ff;border-color:#d9d6fe;color:#5925dc}.library-access.no-access{background:#f9fafb;border-color:#eaecf0;color:#667085}.employees-page .status{background:#ecfdf3;border:1px solid #abefc6;border-radius:12px;color:#027a48;display:inline-flex;font-size:10px;font-weight:700;padding:3px 9px}.employees-page .status.muted{background:#f9fafb;border-color:#d0d5dd;color:#667085}.employee-actions{align-items:center;display:flex;gap:5px}.employee-icon-button{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#475467;cursor:pointer;display:inline-grid;font-size:15px;height:30px;place-items:center;width:30px}.employee-icon-button:hover{background:#f9fafb;border-color:#98a2b3}.employee-icon-button.warning{background:#fffaeb;border-color:#fedf89;color:#b54708}.employee-icon-button.success{background:#ecfdf3;border-color:#abefc6;color:#027a48}.employee-icon-button.danger{background:#fef3f2;border-color:#fecdca;color:#b42318}.employee-icon-button:disabled{cursor:not-allowed;opacity:.5}.employees-page .empty-cell{color:#667085;font-size:13px;padding:28px 16px;text-align:center}.employee-pagination{align-items:center;border-top:1px solid #eaecf0;display:flex;gap:8px;justify-content:center;padding:12px 16px}.employee-pagination span{color:#667085;font-size:11px;min-width:100px;text-align:center}.employee-pagination span b{color:#344054}.employee-pagination button{background:#fff;border:1px solid #d0d5dd;border-radius:7px;color:#475467;cursor:pointer;font:inherit;font-size:11px;font-weight:600;min-height:32px;padding:0 11px}.employee-pagination button:hover:not(:disabled){background:#f9fafb;border-color:#98a2b3}.employee-pagination button:disabled{cursor:not-allowed;opacity:.5}.employee-access-modal,.employee-management-modal{max-height:calc(100vh - 32px);overflow-y:auto;width:min(680px,calc(100vw - 32px))}.employee-access-modal .modal-head,.employee-management-modal .modal-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.employee-access-modal .modal-head h2,.employee-management-modal .modal-head h2{color:#101828;font-size:19px;margin:3px 0 0}.employee-management-modal .employee-form-grid{grid-gap:16px 18px;align-items:start;display:grid;gap:16px 18px;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 22px 6px}.employee-form-grid>label{grid-gap:6px;color:#344054;display:grid;font-size:12px;font-weight:600;gap:6px;grid-template-columns:minmax(0,1fr);min-width:0}.employee-form-grid>label>span{display:block;line-height:16px;min-height:16px}.employee-form-grid label em{color:#d92d20;font-style:normal}.employee-form-grid input,.employee-form-grid select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;color:#101828;font-size:13px;height:38px;padding:0 10px;width:100%}.employee-form-grid input:focus,.employee-form-grid select:focus{border-color:#7a8af8;outline:3px solid #5b6af01f}.employee-password-heading{grid-column:1/-1}.employee-library-field{grid-gap:8px;color:#344054;display:grid;font-size:12px;font-weight:600;gap:8px;grid-column:1/-1}.employee-library-field>span small{color:#667085;font-size:11px;font-weight:400}.employee-library-options{grid-gap:2px;background:#fff;border:1px solid #d0d5dd;border-radius:9px;display:grid;gap:2px;grid-template-columns:minmax(0,1fr);max-height:190px;overflow-y:auto;padding:9px 11px}.employee-library-option{align-items:center;color:#344054;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9px;min-height:34px}.employee-library-option.select-all{border-bottom:1px solid #eaecf0;font-weight:700;margin-bottom:3px;padding-bottom:6px}.employee-library-option input{accent-color:#5b6af0;flex:0 0 16px;height:16px;margin:0;width:16px}.employee-empty-libraries,.employee-help-text{color:#667085;font-size:11px;font-weight:400;margin:0}.employee-access-modal>.employee-help-text,.employee-access-modal>.employee-library-options{margin:0 22px}.employee-access-modal>.employee-library-options{max-height:min(45vh,320px)}.employee-access-modal .modal-actions{margin-top:20px}.employee-access-modal .modal-actions,.employee-management-modal .modal-actions{display:flex;gap:9px;justify-content:flex-end;padding:16px 22px 20px}:root[data-theme=dark] .employees-heading-icon{background:linear-gradient(135deg,#5b6af03d,#5b6af01f);color:#aeb8ff}:root[data-theme=dark] .employee-filter-card{background:#202532;border-color:#343b49}:root[data-theme=dark] .employee-filter-count b,:root[data-theme=dark] .employee-filter-title b{color:#eef0f6}:root[data-theme=dark] .employee-filter-footer,:root[data-theme=dark] .employee-filter-title small{color:#a8b0c0}:root[data-theme=dark] .employee-filter-icon{background:#1e243d;color:#aeb8ff}:root[data-theme=dark] .employee-filter-count{background:#252b39;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .employee-clear-filters,:root[data-theme=dark] .employee-filter-dropdown .form-select-custom-trigger,:root[data-theme=dark] .employee-rows-dropdown .form-select-custom-trigger,:root[data-theme=dark] .employee-search{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .employee-filter-dropdown .form-select-custom-menu-inner,:root[data-theme=dark] .employee-rows-dropdown .form-select-custom-menu-inner{background:#202532;border-color:#343b49;box-shadow:0 24px 54px -14px #000c}:root[data-theme=dark] .employee-filter-dropdown .form-select-custom-item,:root[data-theme=dark] .employee-rows-dropdown .form-select-custom-item{color:#d1d7e2}:root[data-theme=dark] .employee-filter-dropdown .form-select-custom-item:hover:not(:disabled),:root[data-theme=dark] .employee-rows-dropdown .form-select-custom-item:hover:not(:disabled){background:#25314a;color:#fff}:root[data-theme=dark] .employee-filter-dropdown .form-select-custom-item.selected,:root[data-theme=dark] .employee-rows-dropdown .form-select-custom-item.selected{background:#2a3652;color:#fff}:root[data-theme=dark] .employee-search input{background:#0000;color:#e7eaf1}:root[data-theme=dark] .employee-filter-footer{border-color:#343b49}:root[data-theme=dark] .employee-filter-footer b{color:#eef0f6}:root[data-theme=dark] .employee-clear-filters:hover:not(:disabled){background:#2b3345}:root[data-theme=dark] .employee-access-modal .modal-head h2,:root[data-theme=dark] .employee-identity b,:root[data-theme=dark] .employee-management-modal .modal-head h2,:root[data-theme=dark] .employee-skeleton-heading h1,:root[data-theme=dark] .employee-stat>b,:root[data-theme=dark] .employee-table-heading h2,:root[data-theme=dark] .employees-header h1{color:#eef0f6}:root[data-theme=dark] .employee-skeleton-heading p,:root[data-theme=dark] .employee-stat>div,:root[data-theme=dark] .employee-table-heading>span,:root[data-theme=dark] .employees-header p{color:#a8b0c0}:root[data-theme=dark] .employees-page .table-panel,:root[data-theme=dark] .panel.employee-stat{background:#202532;border-color:#343b49}:root[data-theme=dark] .employee-table-heading,:root[data-theme=dark] .employees-table td,:root[data-theme=dark] .employees-table th{border-color:#343b49}:root[data-theme=dark] .employees-table thead{background:#282e3d}:root[data-theme=dark] .employees-table th{color:#a8b0c0}:root[data-theme=dark] .employees-table td{color:#d1d7e2}:root[data-theme=dark] .employees-table tbody tr:hover{background:#242a38}:root[data-theme=dark] .emp-icon{background:#1e243d;border-color:#343b49;color:#aeb8ff}:root[data-theme=dark] .employee-role,:root[data-theme=dark] .library-access.no-access{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .employee-role.employee{background:#1e243d;border-color:#343b49;color:#aeb8ff}:root[data-theme=dark] .library-access{background:#241e3d;border-color:#3e356b;color:#c4b5fd}:root[data-theme=dark] .employees-page .status.good{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .employees-page .status.muted{background:#252b39;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .employee-icon-button{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .employee-icon-button.warning{background:#302818;border-color:#59451f;color:#fdb022}:root[data-theme=dark] .employee-icon-button.success{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .employee-icon-button.danger{background:#321f25;border-color:#693b3b;color:#fda29b}:root[data-theme=dark] .employee-pagination{border-color:#343b49}:root[data-theme=dark] .employee-pagination span{color:#a8b0c0}:root[data-theme=dark] .employee-pagination span b{color:#eef0f6}:root[data-theme=dark] .employee-pagination button{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .employee-pagination button:hover:not(:disabled){background:#2b3345}:root[data-theme=dark] .employee-form-grid>label,:root[data-theme=dark] .employee-library-field,:root[data-theme=dark] .employee-library-option{color:#d1d7e2}:root[data-theme=dark] .employee-form-grid input,:root[data-theme=dark] .employee-form-grid select,:root[data-theme=dark] .employee-library-options{background:#252b39;border-color:#3a4252;color:#eef0f6}:root[data-theme=dark] .employee-library-option.select-all{border-color:#343b49}:root[data-theme=dark] .employee-empty-libraries,:root[data-theme=dark] .employee-help-text{color:#a8b0c0}:root[data-theme=dark] .employee-skeleton-block{background:linear-gradient(90deg,#2a3040 25%,#343b49 38%,#2a3040 62%);background-size:400% 100%}:root[data-theme=dark] .employee-skeleton-table-head{background:#282e3d}:root[data-theme=dark] .employee-skeleton-pagination,:root[data-theme=dark] .employee-skeleton-row{border-color:#343b49}@media (max-width:760px){.employees-page{gap:12px}.employee-stats{gap:8px}.panel.employee-stat{min-height:72px;padding:10px 12px}.employee-stat>b{font-size:21px}.employee-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search{grid-column:1/-1}.employee-clear-filters{justify-self:start}.employee-skeleton-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-skeleton-filter-controls .employee-skeleton-block:first-child{grid-column:1/-1}.employee-skeleton-row,.employee-skeleton-table-head{grid-template-columns:1fr 1fr .8fr}.employee-skeleton-row>:nth-child(n+5):not(.employee-skeleton-actions),.employee-skeleton-table-head>:nth-child(n+4){display:none}}@media (max-width:560px){.employees-header{align-items:flex-start}.employees-header h1{font-size:19px}.employee-add-button{font-size:11px;min-height:34px;padding:0 10px}.employee-stats{grid-template-columns:1fr}.panel.employee-stat{min-height:62px}.employee-filter-card{padding:13px}.employee-filter-footer,.employee-filter-heading{align-items:flex-start;flex-direction:column}.employee-filter-controls{grid-template-columns:1fr}.employee-search{grid-column:1}.employee-clear-filters{width:100%}.employee-skeleton-filter-controls{grid-template-columns:1fr}.employee-skeleton-filter-controls .employee-skeleton-block:first-child{grid-column:1}.employee-skeleton-row,.employee-skeleton-table-head{gap:9px;grid-template-columns:1fr 1fr}.employee-skeleton-row>:nth-child(n+4):not(.employee-skeleton-actions),.employee-skeleton-table-head>:nth-child(n+3){display:none}.employee-skeleton-actions{justify-content:flex-end}.employee-skeleton-pagination{gap:5px}.employee-skeleton-pagination .employee-skeleton-block{width:44px}.employee-management-modal .employee-form-grid{grid-template-columns:1fr;padding:16px 16px 4px}.employee-library-field,.employee-password-heading{grid-column:1}.employee-access-modal .modal-actions,.employee-management-modal .modal-actions{padding-left:16px;padding-right:16px}.employee-access-modal>.employee-help-text,.employee-access-modal>.employee-library-options{margin-left:16px;margin-right:16px}}.employees-page,.employees-page>*{max-width:100%;min-width:0}.employees-header,.employees-title-wrap{min-width:0}.employee-title-wrap h1,.employees-header p{overflow-wrap:anywhere}.employees-page .table-panel{max-width:100%;min-width:0;overflow:hidden}.employees-page .table-scroll{overflow-x:auto}.employees-table{min-width:900px}.employee-actions{flex-wrap:nowrap;white-space:nowrap}.employee-access-modal,.employee-management-modal{max-height:calc(100dvh - 24px);overflow:auto;width:min(680px,calc(100vw - 24px))}.employee-management-modal .employee-form-grid>*{min-width:0}@media(max-width:760px){.employees-header{align-items:flex-start;flex-wrap:wrap}.employees-title-wrap{flex:1 1 100%}.employee-add-button{margin-left:auto}.employee-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-heading{flex-wrap:wrap}.employee-filter-controls{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search{grid-column:1/-1}.employee-filter-controls>*{min-width:0}}@media(max-width:560px){.employees-page{gap:12px}.employees-header h1{font-size:20px}.employees-header p{font-size:11px}.employees-heading-icon{flex-basis:36px;height:36px;width:36px}.employee-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.employee-stat{min-height:66px;padding:9px 10px}.employee-stat>b{font-size:19px}.employee-filter-footer,.employee-filter-heading{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.employee-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search{grid-column:1/-1}.employee-clear-filters{grid-column:1/-1;width:auto}.employee-access-modal,.employee-management-modal{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}.employee-access-modal .modal-actions,.employee-management-modal .modal-actions{background:inherit;bottom:0;position:sticky}}@media(max-width:350px){.employee-filter-controls,.employee-stats{grid-template-columns:1fr}.employee-clear-filters,.employee-search{grid-column:1}}.employees-page .table-scroll{-webkit-overflow-scrolling:touch;background:#0000;border:0;border-radius:0;margin:0!important;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain;padding:0!important;width:100%}.employees-page .table-scroll::-webkit-scrollbar{height:7px}.employees-page .table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:root[data-theme=dark] .employees-page .table-scroll::-webkit-scrollbar-thumb{background:#4a556b}.employees-table thead th{background:#f9fafb;position:sticky;top:0;z-index:2}:root[data-theme=dark] .employees-table thead th{background:#282e3d}@media(max-width:760px){.employee-table-heading{flex-wrap:wrap;padding:12px 14px}.employees-page .employees-table th{font-size:9px;padding:9px 10px}.employees-page .employees-table td{font-size:11px;padding:9px 10px}.employee-icon-button{font-size:13px;height:27px;width:27px}.employee-role,.library-access{font-size:10px;max-width:180px}}@media(max-width:560px){.employee-identity{gap:7px;min-width:120px}.emp-icon{flex-basis:30px;font-size:11px;height:30px;width:30px}.employee-pagination{gap:6px;padding:10px}.employee-pagination button{font-size:10px;min-height:29px;padding:0 8px}.employee-pagination span{font-size:10px;min-width:78px}}.employees-header{gap:12px}.employees-title-wrap>div{min-width:0}@media(max-width:420px){.employees-heading-icon{display:none}.employee-skeleton-heading h1,.employees-header h1{font-size:20px}.employee-skeleton-heading p,.employees-header p{font-size:11px;line-height:1.4}.employee-add-button{font-size:10px;gap:5px;min-height:32px;padding:0 9px}.employee-add-button svg{height:13px;width:13px}}@media(max-width:390px){.employees-page{gap:10px}.employee-skeleton-heading h1,.employees-header h1{font-size:19px}.employee-skeleton-heading p,.employees-header p{font-size:10px;line-height:1.35}.employee-add-button{font-size:9px;gap:4px;min-height:30px;padding:0 7px}.employee-add-button svg{height:11px;width:11px}.employee-filter-card{padding:12px}}.employees-page{background:#0000;gap:18px;padding:0}.employees-header{align-items:center;display:flex;flex-wrap:nowrap;gap:14px;justify-content:space-between}.employees-title-wrap{flex:1 1 auto;min-width:0}.employee-add-button{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;box-shadow:0 5px 12px #4f46e529;flex:0 0 auto}.employee-add-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px)}.employee-stats{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.panel.employee-stat{border-radius:13px;box-shadow:0 2px 8px rgba(35,49,75,.035);min-height:96px;padding:16px 18px}.employee-filter-card{border-radius:14px;box-shadow:0 3px 12px #23314b0a;padding:18px}.employee-filter-title{min-width:0}.employee-filter-title small{line-height:1.4}.employee-filter-controls{gap:10px;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,.7fr)) auto}.employee-clear-filters{border-radius:9px;white-space:nowrap}@media(max-width:1000px){.employee-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search{grid-column:1/-1}.employee-clear-filters{grid-column:1/-1;justify-self:start}}@media(max-width:760px){.employees-header{align-items:center;flex-wrap:nowrap}.employees-title-wrap{flex:1 1 auto}.employee-stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel.employee-stat{min-height:86px;padding:14px}.employee-filter-card{padding:14px}.employee-filter-controls{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search{grid-column:1/-1}}@media(max-width:420px){.employees-header{gap:8px}.employees-heading-icon{display:grid;flex-basis:34px;height:34px;width:34px}.employees-header h1{font-size:19px}.employees-header p{font-size:10px;line-height:1.3}.employee-add-button{font-size:11px;min-height:36px;padding:0 10px}.employee-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel.employee-stat{min-height:76px;padding:12px}.employee-stat>b{font-size:20px}.employee-filter-controls{gap:9px;grid-template-columns:1fr}.employee-clear-filters,.employee-search{grid-column:1}.employee-clear-filters{width:100%}}@media(max-width:350px){.employees-heading-icon{display:none}.employee-add-button{font-size:10px;padding:0 8px}.employee-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-filter-heading{min-width:0}.employee-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end}.employee-header-filter-toggle{display:inline-flex}.employee-filter-heading-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:0}@media(max-width:560px){.employee-filter-heading-actions{gap:7px}.employee-filter-count{font-size:10px;padding:5px 8px}}@media(max-width:350px){.employee-filter-title small{display:none}.employee-filter-heading-actions{gap:5px}}@media(max-width:560px){.employee-header-actions{gap:6px}.employee-header-filter-toggle{flex-basis:34px;height:34px;width:34px}.employee-add-button{font-size:10px;min-height:34px;padding:0 9px}}@media(max-width:350px){.employee-header-filter-toggle{flex-basis:32px;height:32px;width:32px}.employee-add-button{padding:0 7px}}.settings-form{box-sizing:border-box;max-width:100%;padding:26px 30px;width:100%}.settings-form .panel-heading{margin-bottom:20px}.settings-form label{grid-gap:7px;color:#3f4a5b;display:grid;font-size:13px;font-weight:600;gap:7px;margin:0 0 17px}.settings-form input,.settings-form textarea{border:1px solid #dfe4eb;border-radius:9px;color:#344054;font:inherit;font-weight:400;height:46px;padding:0 13px;width:100%}.settings-form textarea{height:72px;padding:11px 13px;resize:vertical}.settings-form>.button{margin-top:4px}@media(max-width:760px){.two-fields{grid-template-columns:1fr}.settings-form{padding:18px}}.settings-page{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:1440px;padding:20px 24px;width:100%}.settings-header{align-items:center;display:flex;gap:12px}.settings-title-icon{background:linear-gradient(145deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:13px;box-shadow:0 3px 8px #4f46e514;color:#4f46e5;display:grid;flex:0 0 42px;height:42px;place-items:center;width:42px}.settings-title-icon svg{height:16px;width:16px}.settings-header h1{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.settings-header p{color:#6b7280;font-size:13px;line-height:1.4;margin:4px 0 0}.settings-panel{background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 4px 16px #0000000a;min-height:0;overflow:hidden;width:100%}.settings-tabs{-ms-overflow-style:none;border-bottom:1px solid #eef0f3;display:flex;gap:28px;overflow-x:auto;padding:0 26px;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none;height:0;width:0}.settings-tabs button{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-1px;padding:16px 4px;white-space:nowrap}.settings-tabs button.active{border-bottom-color:#6366f1;color:#6366f1;font-weight:600}.tab-ic{display:block;flex:0 0 17px;height:17px;opacity:.78;transition:opacity .15s ease,transform .15s ease;width:17px}.settings-tabs button:hover .tab-ic{opacity:1}.settings-tabs button.active .tab-ic{opacity:1;transform:translateY(-.5px)}.settings-tabs button span{line-height:1}.settings-body{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:24px;width:100%}.settings-body h3{color:#111827;font-size:16px;font-weight:700;margin:0}.s-label{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:8px}.s-label input,.s-label select,.s-label textarea{box-sizing:border-box;outline:none;padding:12px 14px;width:100%}.s-label .form-select-custom-trigger,.s-label input,.s-label select,.s-label textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:14px}.s-label .form-select-custom-trigger{min-height:46px;padding:0 14px}.s-label .form-select-custom-menu-inner{border-radius:10px}.s-label input:focus,.s-label select:focus,.s-label textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.s-label small{color:#9aa0af;font-size:11px;font-weight:400}.s-label textarea{min-height:80px;resize:vertical}.two-fields{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.s-save{border-radius:10px;font-size:14px;font-weight:600;margin-top:10px;padding:11px 20px;width:fit-content}.s-desc{color:#6b7280;font-size:13px;line-height:1.5;margin:-4px 0 8px}.settings-password-form{grid-gap:16px;display:grid;gap:16px;max-width:560px;width:100%}.settings-password-form .s-label{margin:0}.settings-password-form .s-save{margin-top:0}.qr-current-actions .button,.settings-password-form .s-save{border-radius:10px;cursor:pointer;font-size:13px;font-weight:650;height:auto;line-height:1.25;min-height:40px;padding:10px 12px;text-align:center;white-space:normal}.qr-current-actions .button:focus-visible,.settings-password-form .s-save:focus-visible{outline:3px solid #6366f14d;outline-offset:2px}.qr-current-actions .button:disabled,.settings-password-form .s-save:disabled{cursor:not-allowed;opacity:.58;transform:none}.settings-form-error{color:#b42318;font-size:13px;line-height:1.45;margin:0}.qr-drop{align-items:center;background:#fcfcfd;border:1.5px dashed #d1d5db;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-top:8px;max-width:100%;min-height:280px;padding:44px 24px;width:100%}.qr-icon-box{background:#f3f4f6;border-radius:14px;color:#9aa0af;display:grid;font-size:24px;height:56px;margin-bottom:10px;place-items:center;width:56px}.qr-drop:hover{background:#f9fafb;border:2px dashed #6366f1}.qr-drop b{color:#1f2937;font-size:14px;font-weight:600}.qr-drop small{color:#9aa0af;font-size:12px;margin-bottom:12px}.qr-upload-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#111827;cursor:pointer;font-size:13px;font-weight:500;padding:9px 18px}.qr-upload-btn:hover{background:#f9fafb}.qr-preview-img{background:#fff;border:1px solid #eef0f3;border-radius:10px;height:180px;margin-bottom:12px;object-fit:contain;padding:6px;width:180px}@media(max-width:1024px){.settings-page{padding:18px 16px}.settings-body{padding:22px 20px}}@media(max-width:760px){.two-fields{grid-template-columns:1fr}.settings-page{gap:12px;padding:14px 12px}.settings-title-icon{border-radius:11px;flex-basis:38px;height:38px;width:38px}.settings-title-icon svg{height:16px;width:16px}.settings-header h1{font-size:21px}.settings-header p{font-size:12px}.settings-tabs{gap:16px;padding:0 16px}.settings-body{gap:12px;padding:18px 16px}.qr-drop{min-height:220px;padding:32px 16px}.qr-preview-img{height:140px;width:140px}}@media(max-width:380px){.settings-page{padding:10px}.settings-panel{border-radius:12px}}:root[data-theme=dark] .settings-page{background:#0000}:root[data-theme=dark] .settings-header h1{color:#eef0f6}:root[data-theme=dark] .s-desc,:root[data-theme=dark] .settings-header p{color:#a8b0c0}:root[data-theme=dark] .settings-title-icon{background:linear-gradient(145deg,#292c50,#302747);border-color:#373b70;box-shadow:none;color:#a5b4fc}:root[data-theme=dark] .settings-panel{background:#202532;border-color:#343b49}:root[data-theme=dark] .settings-tabs{border-color:#343b49}:root[data-theme=dark] .settings-tabs button{color:#a8b0c0}:root[data-theme=dark] .settings-tabs button.active{border-color:#8b9aff;color:#8b9aff}:root[data-theme=dark] .settings-body h3{color:#eef0f6}:root[data-theme=dark] .s-label{color:#d1d7e2}:root[data-theme=dark] .s-label small{color:#a8b0c0}:root[data-theme=dark] .settings-form-error{color:#fda29b}:root[data-theme=dark] .s-label .form-select-custom-trigger,:root[data-theme=dark] .s-label input,:root[data-theme=dark] .s-label select,:root[data-theme=dark] .s-label textarea{background:#252b39;border-color:#3a4252;color:#eef0f6}:root[data-theme=dark] .s-label input:focus,:root[data-theme=dark] .s-label select:focus,:root[data-theme=dark] .s-label textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}:root[data-theme=dark] .qr-drop{background:#191e2b;border-color:#343b49}:root[data-theme=dark] .qr-drop:hover{background:#1f2536;border-color:#6366f1}:root[data-theme=dark] .qr-icon-box{background:#252b39;color:#a8b0c0}:root[data-theme=dark] .qr-drop b{color:#eef0f6}:root[data-theme=dark] .qr-drop small{color:#a8b0c0}:root[data-theme=dark] .qr-upload-btn{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .qr-upload-btn:hover{background:#2a3242}:root[data-theme=dark] .qr-preview-img{background:#0f172a;border-color:#343b49}:root[data-theme=dark] .settings-form{background:#202532;border-color:#343b49}:root[data-theme=dark] .settings-form label{color:#d1d7e2}:root[data-theme=dark] .settings-form input,:root[data-theme=dark] .settings-form textarea{background:#252b39;border-color:#3a4252;color:#eef0f6}.qr-access-notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#9a3412;font-size:14px;line-height:1.5;max-width:620px;padding:18px 20px}.qr-current-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 12px 30px #0f172a12;display:flex;flex-direction:column;max-width:430px;padding:24px;text-align:center;width:100%}.qr-current-card .qr-preview-img{background:#fff;border:1px solid #e5eaf1;height:210px;margin:0 0 16px;object-fit:contain;padding:10px;width:210px}.qr-current-card>p{color:#667085;font-size:13px;margin:12px 0 20px}.qr-status{align-items:center;background:#ecfdf3;border-radius:999px;color:#027a48;display:inline-flex;font-size:12px;font-weight:700;gap:7px;padding:5px 10px}.qr-status>span{background:#12b76a;border-radius:50%;height:7px;width:7px}.qr-current-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.qr-current-actions .button{min-width:0;width:100%}.qr-current-actions .button:not(.primary):not(.qr-delete-button){background:#fff;border:1px solid #d0d5dd;box-shadow:0 1px 2px #1018280d;color:#344054}.qr-current-actions .button:not(.primary):not(.qr-delete-button):hover:not(:disabled){background:#f9faff;border-color:#a5b4fc}.qr-delete-button{background:#fff!important;border:1px solid #fecdca!important;color:#b42318!important;grid-column:1/-1}.qr-delete-button:hover:not(:disabled){background:#fff5f4!important}.qr-modal-overlay{align-items:center;animation:qr-overlay-in .18s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.qr-modal{animation:qr-modal-in .2s ease-out;background:#fff;border:1px solid #ffffffa6;border-radius:22px;box-shadow:0 28px 80px #0f172a47;max-height:min(90vh,760px);overflow:auto;width:min(100%,480px)}.qr-modal-header{align-items:flex-start;border-bottom:1px solid #eef0f4;display:flex;gap:18px;justify-content:space-between;padding:25px 26px 20px}.qr-modal-eyebrow{color:#667085;display:block;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:7px}.qr-modal-header h3{color:#101828;font-size:20px;font-weight:750;letter-spacing:-.025em;margin:0}.qr-modal-header p{color:#667085;font-size:13px;line-height:1.5;margin:7px 0 0}.qr-modal-close{background:#fff;border:1px solid #eaecf0;border-radius:10px;color:#475467;cursor:pointer;display:grid;flex:0 0 34px;font-size:22px;height:34px;line-height:1;place-items:center;width:34px}.qr-modal-close:hover{background:#f8fafc}.qr-replace-notice{background:#fffaeb;border:1px solid #fedf89;border-radius:10px;color:#93370d;font-size:12px;line-height:1.5;margin:16px 26px 0;padding:11px 13px}.qr-modal-content{align-items:center;background:linear-gradient(145deg,#f8fafc,#fff);border:1.5px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:22px 26px;min-height:270px;padding:30px 20px;text-align:center;transition:border-color .18s ease,background .18s ease}.qr-modal-content:hover{background:#f8faff;border-color:#818cf8}.qr-modal-upload-icon{background:#eef2ff;border-radius:16px;color:#4f46e5;display:grid;font-size:27px;font-weight:500;height:52px;margin-bottom:5px;place-items:center;width:52px}.qr-modal-content>strong{color:#344054;font-size:14px}.qr-modal-content>span{color:#667085;font-size:12px}.qr-modal-content>small{color:#98a2b3;font-size:11px}.qr-change-file,.qr-modal-select{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 1px 2px #1018280d;color:#344054;cursor:pointer;display:inline-flex;font-size:13px;font-weight:650;justify-content:center;margin-top:5px;padding:10px 17px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.qr-change-file:hover,.qr-modal-select:hover{background:#f9faff;border-color:#a5b4fc;transform:translateY(-1px)}.qr-change-file input,.qr-modal-select input{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.qr-modal-content.has-preview{min-height:0;padding:24px}.qr-modal-preview{background:#fff;border:1px solid #e4e7ec;border-radius:12px;height:190px;object-fit:contain;padding:8px;width:190px}.qr-file-info{align-items:center;color:#344054;display:flex;font-size:12px;gap:8px;max-width:100%}.qr-file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-file-info span{color:#667085;flex:none}.qr-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 26px 24px}.qr-modal-cancel,.qr-modal-delete,.qr-modal-submit{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#344054;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:650;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.qr-modal-cancel:hover,.qr-modal-delete:hover{background:#f9fafb}.qr-modal-submit{background:#4f46e5;border-color:#4f46e5;box-shadow:0 3px 8px #4f46e533;color:#fff}.qr-modal-submit:hover{background:#4338ca;transform:translateY(-1px)}.qr-modal-cancel:disabled,.qr-modal-close:disabled,.qr-modal-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.qr-details-modal{width:min(100%,440px)}.qr-details-content{padding:22px 26px 26px}.qr-details-content>img{background:#f9fafb;border:1px solid #eaecf0;border-radius:14px;display:block;height:200px;margin:0 auto 20px;object-fit:contain;padding:10px;width:200px}.qr-details-content dl{grid-gap:0;display:grid;gap:0;margin:0 0 16px}.qr-details-content dl>div{border-bottom:1px solid #f0f1f3;display:flex;font-size:13px;gap:18px;justify-content:space-between;padding:11px 0}.qr-details-content dt{color:#667085}.qr-details-content dd{color:#344054;font-weight:600;margin:0;text-align:right}.qr-details-content .qr-detail-active{color:#039855}.qr-delete-warning{background:#fffaeb;border:1px solid #fedf89;border-radius:10px;color:#93370d;font-size:12px;line-height:1.5;margin:0 0 18px;padding:12px 14px}.qr-details-content .qr-modal-actions{padding:0}.qr-modal-delete{background:#fff;border-color:#fecdca;color:#b42318}.qr-modal-delete:hover{background:#fff5f4}@keyframes qr-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes qr-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.qr-modal-overlay{align-items:flex-end;padding:12px}.qr-modal{border-radius:20px;max-height:92vh}.qr-modal-header{padding:21px 20px 17px}.qr-replace-notice{margin:14px 20px 0}.qr-modal-content{margin:18px 20px;min-height:245px;padding:24px 16px}.qr-modal-actions{padding:0 20px 20px}.qr-modal-actions>*{flex:1 1}.qr-details-content{padding:18px 20px 20px}.qr-current-card{padding:20px}.qr-current-actions{grid-template-columns:1fr}.qr-delete-button{grid-column:auto}}@media(prefers-reduced-motion:reduce){.qr-modal,.qr-modal-overlay{animation:none}.qr-change-file,.qr-modal-select,.qr-modal-submit{transition:none}}:root[data-theme=dark] .qr-access-notice{background:#431407;border-color:#7c2d12;color:#fed7aa}:root[data-theme=dark] .qr-current-card{background:linear-gradient(145deg,#202532,#191e2b);border-color:#343b49}:root[data-theme=dark] .qr-current-card>p{color:#a8b0c0}:root[data-theme=dark] .qr-status{background:#12352c;color:#6ce9a6}:root[data-theme=dark] .qr-current-actions .button:not(.primary):not(.qr-delete-button){background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .qr-current-actions .button:not(.primary):not(.qr-delete-button):hover:not(:disabled){background:#292c40;border-color:#6366f1}:root[data-theme=dark] .qr-delete-button{background:#252b39!important;border-color:#7a271a!important;color:#fda29b!important}:root[data-theme=dark] .qr-delete-button:hover:not(:disabled){background:#3a2025!important}:root[data-theme=dark] .qr-modal{background:#202532;border-color:#343b49}:root[data-theme=dark] .qr-modal-header{border-color:#343b49}:root[data-theme=dark] .qr-modal-eyebrow,:root[data-theme=dark] .qr-modal-header p{color:#a8b0c0}:root[data-theme=dark] .qr-modal-header h3{color:#eef0f6}:root[data-theme=dark] .qr-replace-notice{background:#431407;border-color:#7a2e0e;color:#fed7aa}:root[data-theme=dark] .qr-change-file,:root[data-theme=dark] .qr-modal-cancel,:root[data-theme=dark] .qr-modal-close,:root[data-theme=dark] .qr-modal-select{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .qr-modal-content{background:linear-gradient(145deg,#191e2b,#202532);border-color:#3a4252}:root[data-theme=dark] .qr-modal-content:hover{background:#202638;border-color:#6366f1}:root[data-theme=dark] .qr-modal-upload-icon{background:#292c50;color:#a5b4fc}:root[data-theme=dark] .qr-file-info,:root[data-theme=dark] .qr-modal-content>strong{color:#e1e5ee}:root[data-theme=dark] .qr-file-info span,:root[data-theme=dark] .qr-modal-content>span{color:#a8b0c0}:root[data-theme=dark] .qr-details-content>img,:root[data-theme=dark] .qr-modal-preview{background:#191e2b;border-color:#3a4252}:root[data-theme=dark] .qr-details-content dl>div{border-color:#343b49}:root[data-theme=dark] .qr-details-content dt{color:#a8b0c0}:root[data-theme=dark] .qr-details-content dd{color:#e1e5ee}:root[data-theme=dark] .qr-delete-warning{background:#431407;border-color:#7a2e0e;color:#fed7aa}:root[data-theme=dark] .qr-modal-delete{background:#252b39;border-color:#7a271a;color:#fda29b}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{height:calc(100% + .5px);inset:0;pointer-events:none;position:absolute;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);content:"";inset:-1px;opacity:.3;pointer-events:none;position:absolute}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s linear infinite;animation:marching-ants 1s linear infinite;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(#fff 50%,#444 0),linear-gradient(#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.modal-overlay{background:#00000073;z-index:999}.modal-box{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:14px;max-width:92%;overflow-y:auto;padding:0;width:680px}.modal-header{align-items:flex-start;background:#fff;border-bottom:1px solid #eaecf0;display:flex;justify-content:space-between;padding:18px 20px}.modal-header h2{font-size:16px;margin:0}.modal-header p{color:#6b7280;font-size:12px;margin:2px 0 0}.close-icon{background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;height:28px;width:28px}.popup-form{display:flex;flex-direction:column;gap:14px;padding:14px}.popup-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:16px 18px}.popup-card h3{font-size:13px;margin:0 0 12px}.popup-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.field label{color:#6b7280;display:block;font-size:16px;font-weight:500;margin-bottom:6px}.input-with-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:8px;padding:0 10px}.input-with-icon span{color:#9ca3af;font-size:12px}.input-with-icon input,.input-with-icon select{background:#0000;border:none;flex:1 1;font-size:13px;min-width:0;outline:none;padding:10px 0}.modal-actions{padding:4px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:9px 16px}.btn.ghost{background:#fff;border:1px solid #e5e7eb}.btn.primary{background:#111827;color:#fff;font-weight:600}:root[data-theme=dark] .modal-box{background:#191e2b;border-color:#343b49}:root[data-theme=dark] .modal-header{background:#202532;border-color:#343b49}:root[data-theme=dark] .modal-header h2,:root[data-theme=dark] .popup-card h3{color:#eef0f6}:root[data-theme=dark] .modal-header p{color:#a8b0c0}:root[data-theme=dark] .popup-card{background:#202532;border-color:#343b49}:root[data-theme=dark] .close-icon{background:#252b39;color:#e1e5ee}:root[data-theme=dark] .input-with-icon{background:#252b39;border-color:#3a4252}:root[data-theme=dark] .input-with-icon input,:root[data-theme=dark] .input-with-icon select{color:#eef0f6}:root[data-theme=dark] .field label{color:#a8b0c0}:root[data-theme=dark] .btn.ghost{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .btn.primary{background:#eef0f6;color:#111827}@media (max-width:760px){.modal-overlay{align-items:flex-end;padding:12px}.modal-box{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%;width:100%}.popup-grid{gap:12px;grid-template-columns:1fr}.popup-form{padding:12px}.modal-actions{background:inherit;border-top:1px solid #eaecf0;bottom:0;padding:12px;position:sticky}:root[data-theme=dark] .modal-actions{border-color:#343b49}}.modal-box{max-height:90vh;overflow-y:auto!important}.popup-card{overflow:visible!important}.org-field-mt input[type=file]{display:block!important;opacity:1!important;visibility:visible!important}.org-upload-field{display:block;margin-top:16px;width:100%}.org-upload-label{color:#111827;color:var(--text-primary,#111827);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.org-upload-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;padding:12px;transition:all .2s ease}.org-upload-box:hover{background:#f1f5f9;border-color:#94a3b8}.org-preview-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.org-preview-img{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:70px;max-width:150px;object-fit:contain}.org-preview-img.signature{max-width:200px}.org-remove-btn{background:#fff;border:1px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.org-remove-btn:hover{background:#fef2f2}.org-empty-text{color:#64748b;font-size:12px;margin:0 0 10px}.org-file-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:block;font-size:13px;padding:8px;width:100%}.org-selected-text{color:#16a34a;display:block;font-size:11px;margin-top:6px}[data-theme=dark] .org-upload-label{color:#f1f5f9}[data-theme=dark] .org-upload-box{background:#1e293b;border-color:#334155}[data-theme=dark] .org-upload-box:hover{background:#1e293b;border-color:#475569}[data-theme=dark] .org-preview-img{background:#0f172a;border-color:#334155}[data-theme=dark] .org-empty-text{color:#94a3b8}[data-theme=dark] .org-file-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .org-file-input::file-selector-button{background:#334155;border:none;border-radius:6px;color:#e2e8f0;margin-right:10px;padding:4px 10px}[data-theme=dark] .org-remove-btn{background:#1e293b;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .org-remove-btn:hover{background:#7f1d1d;color:#fff}.profile-wrapper{--pf-ink:#1d3039;--pf-text:#31464f;--pf-muted:#6b7d85;--pf-line:#e3eaec;--pf-surface:var(--surface,#fff);--pf-tint:#edf7f4;--pf-tint-line:#d5ebe5;--pf-accent:#16877d;--pf-accent-strong:#126f67;--pf-asset-bg:#f8faf9;--pf-card-shadow:0 1px 2px #14363c0a,0 12px 32px #14363c0f;background:#0000;box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:0;text-align:left;width:100%}:root[data-theme=dark] .profile-wrapper{--pf-ink:#e8eef0;--pf-text:#e2e9eb;--pf-muted:#a7b5bb;--pf-line:#35434a;--pf-surface:#202a32;--pf-tint:#263e3c;--pf-tint-line:#38534f;--pf-accent:#2aa598;--pf-accent-strong:#3bb8aa;--pf-asset-bg:#f1f5f4;--pf-card-shadow:0 1px 2px #00000047,0 14px 36px #00000042}.profile-top-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 0 26px}.profile-heading{align-items:center;display:flex;gap:15px;min-width:0}.profile-heading-icon{background:linear-gradient(145deg,#1fa79b,#126f67);border-radius:15px;box-shadow:0 9px 20px #126f673d,inset 0 1px 0 #ffffff4d;color:#fff;display:grid;flex:0 0 50px;height:50px;place-items:center;position:relative;width:50px}.profile-heading-icon:after{border:1px solid var(--pf-tint-line);border-radius:19px;content:"";inset:-5px;opacity:.85;position:absolute}:root[data-theme=dark] .profile-heading-icon{background:linear-gradient(145deg,#2fb2a4,#18766e);box-shadow:0 9px 22px #00000057,inset 0 1px 0 #ffffff2e}.profile-heading-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:25px;width:25px}.profile-heading-copy{min-width:0}.profile-top-header h1{color:var(--pf-ink);font-family:Manrope,sans-serif;font-size:clamp(23px,2.4vw,29px);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0 0 3px}.profile-top-header p{color:var(--pf-muted);font-size:13.5px;line-height:1.45;margin:0}.edit-top-btn{align-items:center;background:linear-gradient(180deg,#1a9288,var(--pf-accent));border:1px solid var(--pf-accent-strong);border-radius:10px;box-shadow:0 6px 16px #16877d38;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:650;gap:8px;justify-content:center;min-height:42px;padding:0 18px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.edit-top-btn:hover{background:var(--pf-accent-strong);border-color:var(--pf-accent-strong);box-shadow:0 9px 20px #16877d47;transform:translateY(-1px)}.edit-top-btn:focus-visible,.profile-modal-close:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.edit-top-btn svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;height:15px;width:15px}.profile-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.editing-pill,.readonly-pill{align-items:center;background:var(--pf-surface);border:1px solid var(--pf-line);border-radius:999px;color:var(--pf-muted);display:inline-flex;font-size:12px;font-weight:650;gap:7px;min-height:34px;padding:0 12px;white-space:nowrap}.readonly-pill svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:14px;width:14px}.editing-pill{background:var(--pf-tint);border-color:var(--pf-tint-line);color:var(--pf-accent-strong)}:root[data-theme=dark] .editing-pill{color:#9cddd2}.editing-dot{background:currentColor;border-radius:50%;box-shadow:0 0 0 3px #16877d24;height:7px;width:7px}.profile-readonly-banner{align-items:flex-start;background:var(--pf-tint);border:1px solid var(--pf-tint-line);border-radius:12px;color:var(--pf-text);display:flex;font-size:13px;gap:11px;line-height:1.45;margin:-8px 0 22px;padding:13px 15px}.profile-readonly-banner>svg{fill:none;stroke:var(--pf-accent-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;flex:0 0 18px;height:18px;margin-top:1px;width:18px}:root[data-theme=dark] .profile-readonly-banner>svg{stroke:#9cddd2}.profile-readonly-banner strong{color:var(--pf-ink);display:block;font-size:12.5px;font-weight:700;margin-bottom:1px}.profile-readonly-banner span{color:var(--pf-muted)}.profile-layout{align-items:start;grid-template-columns:clamp(280px,24vw,340px) minmax(0,1fr)}.profile-layout,.profile-main{grid-gap:22px;display:grid;gap:22px}.profile-main{min-width:0}.profile-card{background:var(--pf-surface);border:1px solid var(--pf-line);border-radius:16px;box-shadow:var(--pf-card-shadow);box-sizing:border-box;min-width:0}.profile-identity{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding:0 25px 25px;position:sticky;text-align:center;top:16px}.profile-identity:before{align-self:stretch;background:radial-gradient(circle at 18% 18%,#ffffffbf,#0000 58%),radial-gradient(circle at 88% 10%,#ffffff59,#0000 46%),linear-gradient(135deg,var(--pf-tint),#dcefe9);border-bottom:1px solid var(--pf-tint-line);content:"";height:96px;margin:0 -25px}:root[data-theme=dark] .profile-identity:before{background:radial-gradient(circle at 18% 18%,#58c4b538,#0000 58%),radial-gradient(circle at 88% 10%,#2aa5982e,#0000 46%),linear-gradient(135deg,var(--pf-tint),#1b3431)}.profile-avatar-wrap{display:grid;line-height:0;margin-top:-56px;place-items:center;position:relative}.profile-name{color:var(--pf-ink);font-family:Manrope,sans-serif;font-size:20px;font-weight:750;letter-spacing:-.02em;line-height:1.25;margin:16px 0 4px}.profile-name,.sub-email{max-width:100%;overflow-wrap:anywhere}.sub-email{color:var(--pf-muted);font-size:13px;margin:0 0 14px}.identity-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.role-badge{align-items:center;background:var(--pf-tint);border:1px solid var(--pf-tint-line);border-radius:999px;color:var(--pf-accent-strong);display:inline-flex;font-size:12px;font-weight:650;gap:6px;padding:5px 11px}:root[data-theme=dark] .role-badge{color:#9cddd2}.role-badge svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:14px;width:14px}.account-status{align-items:center;background:#eef7f0;border:1px solid #d4e9d9;border-radius:999px;color:#1c7a41;display:inline-flex;font-size:10.5px;font-weight:750;gap:6px;letter-spacing:.05em;padding:5px 10px;text-transform:uppercase}.account-status i{background:currentColor;border-radius:50%;height:6px;width:6px}.account-status.is-inactive{background:#fdf0ef;border-color:#f2d2cf;color:#b0443c}:root[data-theme=dark] .account-status{background:#1c3529;border-color:#2f5741;color:#86e0ad}:root[data-theme=dark] .account-status.is-inactive{background:#3a1f22;border-color:#7f1d1d;color:#fca5a5}.password-btn{align-items:center;background:#0000;border:1px solid var(--pf-line);border-radius:9px;color:var(--pf-text);cursor:pointer;display:inline-flex;font:inherit;font-size:12.5px;font-weight:650;gap:7px;justify-content:center;margin-top:18px;min-height:38px;padding:0 12px;transition:color .15s ease,background .15s ease,border-color .15s ease;width:100%}.password-btn:hover{background:var(--pf-tint);border-color:var(--pf-tint-line);color:var(--pf-accent-strong)}.password-btn svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:15px;width:15px}.password-btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.identity-meta{grid-gap:14px;align-self:stretch;border-top:1px solid var(--pf-line);display:grid;gap:14px;margin:22px 0 0;padding:18px 0 0;text-align:left}.detail-item dt,.identity-meta dt{color:var(--pf-muted);font-size:11px;font-weight:700;letter-spacing:.055em;line-height:1.4;margin:0 0 5px;text-transform:uppercase}.detail-item dd,.identity-meta dd{color:var(--pf-text);font-size:14px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}.profile-section{padding:24px 28px 28px}.profile-section+.profile-section{border-top:1px solid var(--pf-line)}.profile-card>.profile-section:first-child{padding-bottom:24px}.profile-section h3{align-items:center;color:var(--pf-ink);display:flex;font-size:15px;font-weight:700;gap:10px;letter-spacing:-.01em;margin:0 0 20px}.profile-section-label{min-width:0}.plan-badge{background:linear-gradient(135deg,#1fa79b,#126f67);border-radius:999px;color:#fff;flex:0 0 auto;font-size:10px;font-weight:750;letter-spacing:.055em;line-height:1.5;margin-left:auto;padding:4px 10px;text-transform:uppercase}:root[data-theme=dark] .plan-badge{background:linear-gradient(135deg,#2fb2a4,#18766e)}.profile-section-icon{background:var(--pf-tint);border:1px solid var(--pf-tint-line);border-radius:8px;color:var(--pf-accent);display:grid;flex:0 0 30px;height:30px;place-items:center;width:30px}:root[data-theme=dark] .profile-section-icon{color:#82cfc1}.profile-section-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:16px;width:16px}.detail-grid{grid-gap:24px 32px;align-content:start;display:grid;gap:24px 32px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.detail-item{min-width:0}.detail-item.wide{grid-column:1/-1}.detail-empty{color:var(--pf-muted);font-weight:500}.asset-grid{grid-gap:24px 32px;border-top:1px solid var(--pf-line);display:grid;gap:24px 32px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px;padding-top:26px}.asset-grid.is-single{grid-template-columns:minmax(0,1fr)}.asset-tile{margin:0;min-width:0}.asset-tile figcaption{color:var(--pf-muted);font-size:11px;font-weight:700;letter-spacing:.055em;margin:0 0 8px;text-transform:uppercase}.asset-frame{background:var(--pf-asset-bg);border:1px solid var(--pf-line);border-radius:11px;box-sizing:border-box;display:grid;height:150px;overflow:hidden;place-items:center;position:relative}.asset-frame img{display:block;height:calc(100% - 28px);inset:14px;object-fit:contain;position:absolute;width:calc(100% - 28px)}.asset-frame.is-empty{background:#0000;border-style:dashed;color:#71838b;font-size:13px}:root[data-theme=dark] .asset-frame.is-empty{color:var(--pf-muted)}.asset-empty{align-items:center;display:flex;flex-direction:column;font-size:12.5px;font-weight:600;gap:8px;padding:0 16px;text-align:center}.asset-empty svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;height:26px;opacity:.7;width:26px}@media (max-width:1040px){.profile-layout{gap:18px;grid-template-columns:282px minmax(0,1fr)}.profile-identity{padding:0 20px 22px}.profile-identity:before{margin:0 -20px}.profile-section{padding:22px 22px 24px}.asset-grid,.detail-grid{gap:22px 24px}}@media (max-width:900px){.profile-layout{grid-template-columns:minmax(0,1fr)}.profile-identity{position:static}}@media (max-width:600px){.profile-wrapper{padding:20px 12px 28px}.profile-top-header{align-items:flex-start;gap:12px;margin-bottom:20px}.profile-heading{gap:12px}.profile-heading-icon{border-radius:13px;flex-basis:44px;height:44px;width:44px}.profile-heading-icon:after{border-radius:17px;inset:-4px}.profile-heading-icon svg{height:22px;width:22px}.profile-top-header h1{font-size:22px}.profile-top-header p{line-height:1.5;max-width:240px}.edit-top-btn{font-size:12.5px;min-height:38px;padding:0 13px}.edit-top-btn svg{height:14px;width:14px}.editing-pill,.readonly-pill{font-size:11.5px;min-height:32px;padding:0 10px}.profile-readonly-banner{margin:-4px 0 18px}.profile-section{padding:20px 18px 22px}.asset-grid,.detail-grid{gap:18px;grid-template-columns:minmax(0,1fr)}.asset-grid{margin-top:22px;padding-top:22px}.profile-section h3{margin-bottom:18px}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.detail-item dt label{color:inherit;font:inherit}.detail-input{background:var(--pf-surface);border:1px solid #cfdcd9;border-radius:8px;box-sizing:border-box;color:var(--pf-text);font:inherit;font-size:14px;font-weight:500;min-height:40px;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}select.detail-input{cursor:pointer}.detail-input:hover{border-color:#aebfbb}.detail-input:focus{border-color:var(--pf-accent);box-shadow:0 0 0 3px #16877d29;outline:none}:root[data-theme=dark] .detail-input{background:#1a232a;border-color:#3a474e}:root[data-theme=dark] .detail-input:hover{border-color:#52656d}textarea.detail-input{line-height:1.55;min-height:92px;padding:10px 12px;resize:vertical}.field-required{color:#d6534b;margin-left:3px}.detail-item.has-error .detail-input{border-color:#d9584f}.detail-item.has-error .detail-input:focus{box-shadow:0 0 0 3px #d9584f29}.detail-error,.detail-hint{display:block;font-size:12px;font-weight:600;line-height:1.4;margin-top:5px}.detail-error{color:#c2362f}.detail-hint{color:var(--pf-muted);font-weight:500}:root[data-theme=dark] .detail-error{color:#fca5a5}.profile-photo-actions{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:12px}.profile-photo-hint{color:var(--pf-muted);font-size:12px;margin:0;text-align:center}.photo-remove-btn{background:#0000;border:0;border-radius:6px;color:#b0443c;cursor:pointer;font:inherit;font-size:12px;font-weight:650;padding:4px 8px;transition:background .15s ease,color .15s ease}.photo-remove-btn:hover{background:#fdf0ef;color:#92332d}.photo-remove-btn:disabled{cursor:wait;opacity:.6}.photo-remove-btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:1px}:root[data-theme=dark] .photo-remove-btn{color:#fca5a5}:root[data-theme=dark] .photo-remove-btn:hover{background:#3a1f22}.asset-actions,.profile-photo-actions+.profile-name{margin-top:10px}.asset-actions{display:flex;flex-wrap:wrap;gap:8px}.asset-btn{align-items:center;background:var(--pf-tint);border:1px solid var(--pf-tint-line);border-radius:8px;box-sizing:border-box;color:var(--pf-accent-strong);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:650;min-height:32px;padding:0 12px}:root[data-theme=dark] .asset-btn{color:#9cddd2}.asset-btn:hover{border-color:var(--pf-accent)}.asset-btn.danger{background:#0000;border-color:#f0c9c6;color:#c2362f}.asset-btn.danger:hover{background:#fef2f1;border-color:#e5a6a2}:root[data-theme=dark] .asset-btn.danger{border-color:#7f1d1d;color:#fca5a5}:root[data-theme=dark] .asset-btn.danger:hover{background:#3a1f22}.visually-hidden:focus-visible+.asset-btn{outline:2px solid var(--pf-accent);outline-offset:2px}.asset-btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.profile-actionbar{align-items:center;background:var(--pf-surface);border:1px solid var(--pf-line);border-radius:12px;bottom:16px;box-shadow:0 8px 28px #12363b24;display:flex;gap:16px;justify-content:space-between;margin-top:20px;padding:12px 16px;position:sticky;z-index:5}.profile-actionbar p{color:var(--pf-muted);font-size:13px;margin:0}.profile-actionbar-buttons{display:flex;gap:10px}.profile-actionbar .btn{font-size:13px;font-weight:650;min-height:40px;padding:0 18px}.profile-actionbar .btn.ghost{background:var(--pf-surface);border:1px solid #cfdcd9;color:var(--pf-text)}:root[data-theme=dark] .profile-actionbar .btn.ghost{border-color:#3a474e}.profile-actionbar .btn.primary{background:var(--pf-accent);color:#fff}.profile-actionbar .btn.primary:hover:not(:disabled){background:var(--pf-accent-strong)}.profile-actionbar .btn:disabled{cursor:wait;opacity:.65}.profile-actionbar .btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}@media (max-width:600px){.profile-actionbar{align-items:stretch;bottom:8px;flex-direction:column;gap:10px}.profile-actionbar p{text-align:center}.profile-actionbar-buttons .btn{flex:1 1}}.profile-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a191d85;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.profile-dialog{animation:profile-dialog-in .18s ease-out;background:var(--pf-surface);border:1px solid var(--pf-line);border-radius:16px;box-shadow:0 24px 64px #0a202447;box-sizing:border-box;max-height:90vh;overflow:auto;width:min(470px,100%)}.profile-dialog.is-compact{width:min(410px,100%)}.profile-dialog-head{align-items:flex-start;border-bottom:1px solid var(--pf-line);display:flex;gap:12px;padding:20px 22px 16px}.profile-dialog-head>div{flex:1 1;min-width:0}.profile-dialog-head h2{color:var(--pf-ink);font-family:Manrope,sans-serif;font-size:17px;font-weight:750;letter-spacing:-.02em;line-height:1.3;margin:0 0 3px}.profile-dialog-head p{color:var(--pf-muted);font-size:12.5px;line-height:1.5;margin:0}.profile-dialog-icon{background:var(--pf-tint);border:1px solid var(--pf-tint-line);border-radius:11px;color:var(--pf-accent-strong);display:grid;flex:0 0 40px;height:40px;place-items:center;width:40px}.profile-dialog-icon.is-danger{background:#fdf0ef;border-color:#f2d2cf;color:#c2362f}:root[data-theme=dark] .profile-dialog-icon{color:#9cddd2}:root[data-theme=dark] .profile-dialog-icon.is-danger{background:#3a1f22;border-color:#7f1d1d;color:#fca5a5}.profile-dialog-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:19px;width:19px}.profile-dialog-close{background:#0000;border:1px solid var(--pf-line);border-radius:8px;color:var(--pf-muted);cursor:pointer;flex:0 0 30px;font-size:19px;height:30px;line-height:1;padding:0;width:30px}.profile-dialog-close:hover{background:var(--pf-tint);color:var(--pf-ink)}.profile-dialog-close:disabled{cursor:wait;opacity:.6}.profile-dialog-close:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.profile-dialog-body{grid-gap:15px;display:grid;gap:15px;padding:20px 22px}.profile-dialog-field{grid-gap:6px;display:grid;gap:6px}.profile-dialog-field label{color:var(--pf-muted);font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.profile-dialog-error{background:#fdf0ef;border:1px solid #f2d2cf;border-radius:8px;color:#b0443c;font-size:12.5px;font-weight:600;line-height:1.45;margin:0;padding:9px 12px}:root[data-theme=dark] .profile-dialog-error{background:#3a1f22;border-color:#7f1d1d;color:#fca5a5}.profile-dialog-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 22px 22px}.profile-dialog.is-compact .profile-dialog-actions{padding-top:18px}.profile-dialog-actions .btn{font-size:13px;font-weight:650;min-height:38px;padding:0 17px}.profile-dialog-actions .btn.ghost{background:var(--pf-surface);border:1px solid #cfdcd9;color:var(--pf-text)}.profile-dialog-actions .btn.primary{background:var(--pf-accent);color:#fff}.profile-dialog-actions .btn.primary:hover:not(:disabled){background:var(--pf-accent-strong)}.profile-dialog-actions .btn.danger{background:#c2362f;border:1px solid #b02c26;color:#fff}.profile-dialog-actions .btn.danger:hover:not(:disabled){background:#a82b25}.profile-dialog-actions .btn:disabled{cursor:wait;opacity:.65}.profile-dialog-actions .btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}:root[data-theme=dark] .profile-dialog-actions .btn.ghost{border-color:#3a474e}@keyframes profile-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.profile-dialog{animation:none}}@media (max-width:600px){.profile-dialog-overlay{align-items:flex-end;padding:12px}.profile-dialog{border-radius:16px 16px 12px 12px;max-height:92vh;width:100%}.profile-dialog-head{padding:18px 18px 14px}.profile-dialog-body{padding:18px}.profile-dialog-actions{padding:0 18px 18px}.profile-dialog.is-compact .profile-dialog-actions{padding-top:18px}.profile-dialog-actions .btn{flex:1 1}}@media (max-width:900px){.profile-layout,.profile-main{gap:16px}.profile-identity{grid-column-gap:18px;align-items:center;column-gap:18px;display:grid;grid-template-columns:auto minmax(0,1fr);padding:22px;position:static;text-align:left}.profile-identity:before{display:none}.profile-avatar-wrap{align-self:center;grid-column:1;grid-row:1/span 3;margin:0}.is-editing .profile-avatar-wrap{grid-row:1/span 4}.profile-photo-actions{align-items:flex-start;grid-column:2;margin:0 0 10px}.profile-photo-hint{text-align:left}.photo-remove-btn{padding-left:0;padding-right:0}.profile-name,.profile-photo-actions+.profile-name{font-size:19px;grid-column:2;margin:0 0 2px}.sub-email{grid-column:2;margin:0 0 10px}.identity-badges{grid-column:2;justify-content:flex-start}.identity-meta{gap:16px 24px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;padding-top:18px}.password-btn{grid-column:1/-1;margin-top:18px;min-height:42px}}@media (max-width:600px){.profile-top-header{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:16px}.profile-heading{align-items:flex-start;gap:12px}.profile-heading-icon{border-radius:12px;flex-basis:40px;height:40px;width:40px}.profile-heading-icon:after{display:none}.profile-heading-icon svg{height:20px;width:20px}.profile-top-header h1{font-size:21px;margin-bottom:2px}.profile-top-header p{font-size:13px;max-width:none}.profile-header-actions{width:100%}.edit-top-btn{flex:1 1;font-size:13.5px;min-height:44px}.readonly-pill{margin-right:auto}.editing-pill,.is-editing .profile-header-actions{display:none}.profile-readonly-banner{margin:0 0 16px;padding:12px 13px}.profile-identity{column-gap:14px;padding:18px 16px}.profile-name,.profile-photo-actions+.profile-name{font-size:17px}.sub-email{font-size:12.5px;margin-bottom:8px}.identity-meta{gap:14px 16px;margin-top:16px;padding-top:16px}.profile-section{padding:18px 16px 20px}.profile-section h3{font-size:14.5px;margin-bottom:14px}.profile-section-icon{flex-basis:28px;height:28px;width:28px}.plan-badge{font-size:9.5px;padding:3px 9px}.asset-grid,.detail-grid{grid-template-columns:minmax(0,1fr)}.profile-wrapper:not(.is-editing) .detail-grid{gap:0}.profile-wrapper:not(.is-editing) .detail-item{border-bottom:1px solid var(--pf-line);padding:12px 0}.profile-wrapper:not(.is-editing) .detail-item:first-child{padding-top:0}.profile-wrapper:not(.is-editing) .detail-item:last-child{border-bottom:0;padding-bottom:0}.is-editing .detail-grid{gap:16px}.detail-input{font-size:16px;min-height:46px}textarea.detail-input{min-height:96px;padding:12px}.asset-grid{gap:18px;margin-top:18px;padding-top:18px}.asset-frame{height:128px}.profile-actionbar{border-radius:14px;bottom:8px;gap:8px;margin-top:16px;padding:10px}.profile-actionbar p{font-size:12px;line-height:1.4}.profile-actionbar-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.profile-actionbar .btn{min-height:44px}}@media (max-width:360px){.identity-meta{grid-template-columns:minmax(0,1fr)}}.profile-wrapper .identity-meta .detail-item{border:0;padding:0}@media (max-width:600px){.profile-top-header{align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-between}.profile-heading{flex:1 1 auto;min-width:0}.profile-header-actions{align-self:flex-start;flex:0 0 auto;margin-left:auto;width:auto}.edit-top-btn{border-radius:11px;flex:0 0 auto;height:clamp(36px,10.5vw,42px);min-height:0;padding:0;width:clamp(36px,10.5vw,42px)}.edit-top-btn svg{height:clamp(16px,4.6vw,19px);width:clamp(16px,4.6vw,19px)}.edit-top-label{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.readonly-pill{margin-right:0}}:root{--sa-bg:#0e0f17;--sa-card-bg:#1e202eeb;--sa-card-border:#ffffff14;--sa-text:#fff;--sa-text-sec:#9aa0b5;--sa-input-bg:#0000004d;--sa-input-border:#ffffff1a;--sa-input-text:#fff;--sa-primary:#7c66ff;--sa-primary-hover:#6f5cff}[data-theme=light] .sa-login-wrapper{--sa-bg:#f8f9fb;--sa-card-bg:#fff;--sa-card-border:#eef0f4;--sa-text:#111827;--sa-text-sec:#6b7280;--sa-input-bg:#fff;--sa-input-border:#e5e7eb;--sa-input-text:#111827}.sa-login-wrapper{align-items:center;background:#0e0f17;background:var(--sa-bg);box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:20px;position:relative;width:100%}.sa-float-circle{border-radius:50%;filter:blur(40px);pointer-events:none;position:absolute}.sa-float-circle.c1{background:radial-gradient(circle,#7c66ff47 0,#14142800 70%);height:600px;left:-150px;top:-180px;width:600px}.sa-float-circle.c2{background:radial-gradient(circle,#7c66ff26 0,#0000 70%);bottom:-100px;height:400px;right:-80px;width:400px}.sa-login-wrapper .sa-card{animation:saCardIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e202eeb;background:var(--sa-card-bg);border:1px solid #ffffff14;border:1px solid var(--sa-card-border);border-radius:20px;max-width:440px;overflow:hidden;position:relative;width:100%;z-index:2}.sa-login-wrapper .sa-card:hover{background:#1e202eeb;background:var(  --sa-card-bg)}@keyframes saCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sa-card-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sa-card-border);padding:24px 26px 18px;position:relative}.sa-card-header-overlay{display:none}.sa-title-row{width:100%}.sa-icon{align-items:center;background:linear-gradient(135deg,#1a1a1a,#000);border-radius:7px;box-shadow:inset 0 1px 0 #ffffff1f;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center}.sa-title{color:#fff;color:var(--sa-text);font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0}.sa-title-row .sa-back-btn{background:#ffffff0f!important;border:1px solid #ffffff14!important;border:1px solid var(--sa-card-border)!important;border-radius:8px!important;color:#9aa0b5!important;color:var(--sa-text-sec)!important;font-size:12px!important;padding:6px 12px!important;transition:.2s}.sa-title-row .sa-back-btn:hover{background:#ffffff1a!important;color:#16877d!important}.sa-subtitle{color:#9aa0b5;color:var(--sa-text-sec);font-size:13px;font-weight:400;line-height:1.5;margin:14px 0 0}.sa-subtitle:before{color:#fff;color:var(--sa-text);content:"Welcome back";display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}[data-theme=light] .sa-subtitle:before{color:#111827}.sa-card-body{padding:20px 26px 16px}.sa-alert{align-items:center;animation:saShake .3s ease;border-radius:10px;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:14px;padding:10px 12px}@keyframes saShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.sa-alert-error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.sa-alert-success{background:#10b9811a;border:1px solid #10b98133;color:#6ee7b7}[data-theme=light] .sa-alert-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}[data-theme=light] .sa-alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.sa-field{margin-bottom:14px}.sa-label{color:#cbd0e0;font-size:12.5px}[data-theme=light] .sa-label{color:#374151}.sa-label span{margin-left:2px}.sa-input{background:#0000004d;background:var(--sa-input-bg);border:1px solid #ffffff1a;border:1px solid var(--sa-input-border);box-sizing:border-box;color:#fff;color:var(--sa-input-text);font-family:Inter,sans-serif;font-size:13.5px;outline:none;padding:11px 14px;transition:.2s;width:100%}.sa-input::placeholder{color:#6b7088}.sa-input:focus{background:#00000073;border-color:#7c66ff;box-shadow:0 0 0 3px #7c66ff26}[data-theme=light] .sa-input:focus{background:#fff}.sa-password-wrap{align-items:center;display:flex;position:relative}.sa-password-wrap .sa-input{padding-right:42px}.sa-eye-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a7f95;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;transition:.2s;width:30px}.sa-eye-btn:hover{background:#ffffff0f;color:#16877d}.password-input-no-reveal::-ms-reveal{display:none}.sa-submit-btn{align-items:center;background:linear-gradient(180deg,#198077,#16877d);border:none;box-shadow:0 8px 20px #7c66ff59;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:.2s;width:100%}.sa-submit-btn:hover{box-shadow:0 12px 24px #7c66ff73;transform:translateY(-1px)}.sa-submit-btn:active{transform:translateY(0)}.sa-submit-btn.loading{opacity:.7;pointer-events:none}.sa-spinner{animation:saSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes saSpin{to{transform:rotate(1turn)}}.sa-switch-wrap{display:flex;justify-content:center;margin-top:16px}.sa-switch-btn{background:#0000;border:none;color:#9aa0b5;cursor:pointer;font-size:13px;font-weight:500;padding:6px;transition:.2s}.sa-switch-btn:hover{color:#cbd0e0}.sa-card-footer{background:#0000;border-top:1px solid #ffffff14;border-top:1px solid var(--sa-card-border);color:#6b7088;font-size:11px;line-height:1.4;padding:12px 26px 18px;text-align:left}.sa-card-footer:before{display:block;margin-bottom:12px}.sa-card-body:after{background:linear-gradient(180deg,#fef9e6,#fef3c7);border:1px solid #fde68a;border-radius:10px;color:#78350f;display:block;font-family:monospace;font-size:12px;line-height:1.6;margin-top:16px;padding:12px 14px;white-space:pre}.sa-card-body:after:first-line{color:#92400e;font-family:Inter,sans-serif;font-weight:700}[data-theme=light] .sa-card-body:after{background:#fef3c7}@media(max-width:480px){.sa-login-wrapper{padding:16px}.sa-login-wrapper .sa-card{border-radius:16px;max-width:100%}.sa-card-body,.sa-card-header{padding-left:20px;padding-right:20px}}.sa-login-wrapper{--sa-bg:#f3f7fb;--sa-card-bg:#fffffff5;--sa-card-border:#e2e8f0;--sa-text:#172033;--sa-text-sec:#64748b;--sa-input-bg:#fff;--sa-input-border:#d8e0ea;--sa-input-text:#172033;background:radial-gradient(circle at 8% 10%,#6366f121,#0000 30%),radial-gradient(circle at 92% 90%,#14b8a61a,#0000 28%),#0e0f17;background:radial-gradient(circle at 8% 10%,#6366f121,#0000 30%),radial-gradient(circle at 92% 90%,#14b8a61a,#0000 28%),var(--sa-bg);font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif}.sa-login-wrapper .sa-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#d8e0eaf2;border-radius:18px;box-shadow:0 24px 70px #23314b21,0 2px 8px #23314b0a;max-width:456px}.sa-card-header{background:linear-gradient(180deg,#fff,#fbfcfe);padding:26px 28px 20px}.sa-icon{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;box-shadow:0 6px 14px #4f46e538;height:38px;width:38px}.sa-title{color:#172033;font-family:Manrope,Inter,sans-serif;font-size:18px}.sa-subtitle{color:#64748b;margin-top:15px}.sa-subtitle:before{color:#172033;font-family:Manrope,Inter,sans-serif}.sa-card-body{padding:24px 28px 20px}.sa-label{color:#334155;font-weight:600}.sa-input{background:#fff;border-color:#d8e0ea;border-radius:10px;font-family:inherit;min-height:44px}.sa-input:hover{border-color:#b8c5d6}.sa-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.sa-submit-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;box-shadow:0 8px 18px #4f46e538;margin-top:12px;min-height:44px}.sa-submit-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 12px 24px #4f46e547}.sa-switch-btn{color:#4f46e5}.sa-switch-btn:hover{color:#3730a3}.sa-card-footer{background:#fbfcfe;color:#94a3b8}.sa-title-row .sa-back-btn{background:#f8fafc!important;color:#475569!important}.sa-title-row .sa-back-btn:hover{background:#eef2ff!important;color:#4f46e5!important}.sa-back-btn:focus-visible,.sa-eye-btn:focus-visible,.sa-input:focus-visible,.sa-submit-btn:focus-visible,.sa-switch-btn:focus-visible{outline:3px solid #6366f147;outline-offset:2px}@media (max-width:480px){.sa-login-wrapper{padding:12px}.sa-card-body,.sa-card-header{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){.sa-login-wrapper *,.sa-login-wrapper :after,.sa-login-wrapper :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg:#f2f4f8;--surface:#fff;--surface2:#f7f8fb;--line:#e5e7eb;--text:#111827;--muted:#6b7280;--sidebar-bg:#fff;--sidebar-border:#eef0f4;--sidebar-text:#6b7280;--sidebar-active:#f3f4f6;--topbar-bg:#fff;--search-bg:#f9fafb}[data-theme=dark]{--bg:#0f141c;--surface:#1a202e;--surface2:#1e2635;--line:#232c3d;--text:#eef2fb;--muted:#7d8596;--sidebar-bg:#151a23;--sidebar-border:#1e2635;--sidebar-text:#7d8596;--sidebar-active:#1e2635;--topbar-bg:#11161f;--search-bg:#151a23}.sa-dashboard{--bg:var(--bg);--surface:var(--surface);--surface2:var(--surface2);--line:var(--line);--text:var(--text);--muted:var(--muted);background:#f2f4f8;background:var(--bg);color:#111827;color:var(--text);font-family:Inter,sans-serif;min-height:100vh;padding:0 0 0 240px;transition:.2s}.sa-dashboard__sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #eef0f4;border-right:1px solid var(--sidebar-border);bottom:0;display:flex;flex-direction:column;left:0;padding:0 14px 14px;position:fixed;top:0;width:240px;z-index:5}.sa-dashboard__brand{align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--sidebar-border);display:flex;gap:12px;height:64px;margin:0 -14px 18px;padding:0 20px}.sa-dashboard__brand span{background:#596cf0;border-radius:8px;color:#fff;display:grid;font-weight:800;height:32px;place-items:center;width:32px}.sa-dashboard__brand b{color:#111827;color:var(--text);display:block;font-size:15px}.sa-dashboard__brand small{color:#6b7280;color:var(--muted);display:block;font-size:10px}.sa-dashboard__sidebar nav{grid-gap:6px;display:grid;gap:6px}.sa-dashboard__sidebar nav button{align-items:center;background:#0000;border:0;border-radius:8px;color:#6b7280;color:var(--sidebar-text);cursor:pointer;display:flex;font:600 12px Inter;gap:10px;height:44px;padding:0 12px;text-align:left;width:100%}.sa-dashboard__sidebar nav button.is-active,.sa-dashboard__sidebar nav button:hover{background:#f3f4f6;background:var(--sidebar-active);color:#111827;color:var(--text)}.sa-dashboard__signout{background:#f7f8fb;background:var(--surface2);border:0;border-radius:8px;color:#6b7280;color:var(--muted);cursor:pointer;font:600 12px Inter;height:40px;margin-top:auto;padding:0 14px;text-align:left}.sa-dashboard__sidefoot{color:#6b7280;color:var(--muted);font-size:8px;letter-spacing:.1em;padding-top:12px;text-align:center}.sa-dashboard__main{min-height:100vh;min-width:0;overflow-x:hidden}.sa-page--profile{overflow-x:hidden}.sa-page--profile .profile-wrapper{padding:0}.sa-dashboard__topbar{align-items:center;background:#fff;background:var(--topbar-bg);border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--sidebar-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;min-height:60px;padding:0 22px;position:sticky;top:0;z-index:4}.sa-dashboard__search{align-items:center;background:#f9fafb;background:var(--search-bg);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;color:#6b7280;color:var(--muted);display:flex;flex:1 1 220px;gap:8px;height:38px;max-width:340px;min-width:0;padding:0 12px}.sa-dashboard__search input{background:#0000;border:0;color:#111827;color:var(--text);font-size:13px;outline:0;width:100%}.sa-dashboard__topactions{align-items:center;display:flex;gap:12px}.sa-dashboard__sample{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:99px;color:#047857;font-size:9px;font-weight:800;padding:5px 10px}[data-theme=dark] .sa-dashboard__sample{background:#10b98126;border-color:#10b9814d;color:#10b981}.sa-dashboard__theme{background:#f7f8fb;background:var(--surface2);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;cursor:pointer;font:600 11px Inter;gap:6px;height:36px;padding:0 12px}.sa-dashboard__theme,.sa-dashboard__user{align-items:center;color:#111827;color:var(--text);display:flex}.sa-dashboard__user{font-size:12px;gap:8px;min-width:0}.sa-dashboard__user-avatar{background:#596cf0;border-radius:50%;color:#fff;display:grid;font-weight:700;height:28px;min-width:28px;place-items:center;width:28px}.sa-dashboard__user-photo{border-radius:50%;display:block;height:28px;min-width:28px;object-fit:cover;width:28px}.sa-dashboard__username{max-width:160px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-page{padding:24px}.sa-page__heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sa-page__heading small{color:#6b7280;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.sa-page__heading h1{color:#111827;color:var(--text);font-size:24px;margin:6px 0}.sa-page__heading p{color:#6b7280;color:var(--muted);font-size:13px;margin:0}.sa-btn-primary{background:#596cf0;border-radius:8px;font:600 12px Inter;padding:0 14px}.sa-page__panel{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.sa-page__panelhead{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:68px;padding:16px 18px}.sa-page__panelhead h2{color:#111827;color:var(--text);font-size:15px;margin:0}.sa-page__panelhead p{color:#6b7280;color:var(--muted);font-size:11px;margin:4px 0 0}.sa-page__panelhead small{background:#f7f8fb;background:var(--surface2);border-radius:99px;color:#6b7280;color:var(--muted);font-size:10px;padding:6px 10px}.sa-page__tablewrap{overflow-x:auto}.sa-page__tablewrap table{border-collapse:collapse;min-width:860px;width:100%}.sa-page__tablewrap th{background:linear-gradient(90deg,#14b8a6,#10b981);color:#fff;font-size:9px;padding:12px;text-align:left}.sa-page__tablewrap td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);color:#111827;color:var(--text);font-size:11px;padding:12px}.sa-page__tablewrap td b{color:#111827;color:var(--text);display:block;font-size:12px}.sa-page__tablewrap td small{color:#6b7280;color:var(--muted);display:block;font-size:10px;margin-top:3px}.sa-page__tablewrap td button{background:#0000;border:0;color:#6b7280;color:var(--muted);cursor:pointer;margin-right:6px}.sa-page__badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:99px;color:#047857;font-size:9px;font-weight:700;padding:4px 8px}[data-theme=dark] .sa-page__badge{background:#10b98126;border-color:#10b9814d;color:#10b981}.sa-page__badge.inactive{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.sa-page__empty{padding:20px;text-align:center}.sa-page__empty,.sa-page__foot{color:#6b7280;color:var(--muted)}.sa-page__foot{background:#f7f8fb;background:var(--surface2);border-top:1px solid #e5e7eb;border-top:1px solid var(--line);font-size:12px;padding:10px 16px}.sa-page__statgrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.sa-page__stat{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px #1e2b4308;display:flex;gap:12px;min-height:124px;min-width:0;padding:16px;transition:all .2s ease}.sa-page__stat:hover{box-shadow:0 8px 24px #1e2b4314;transform:translateY(-2px)}.sa-page__staticon{background:color-mix(in srgb,var(--accent) 12%,#fff);border-radius:12px;color:var(--accent);display:grid;height:42px;min-width:42px;place-items:center;width:42px}[data-theme=dark] .sa-page__staticon{background:color-mix(in srgb,var(--accent) 16%,#0000)}.sa-page__stat b{color:#111827;color:var(--text);display:block;font-family:Manrope,DM Sans,Inter,sans-serif;font-size:clamp(21px,1.8vw,27px);font-weight:800;letter-spacing:-.04em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-page__stat small{color:#6b7280;color:var(--muted);display:block;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.2;margin-top:6px;text-transform:uppercase}.sa-page__stat.green{--accent:#10b981}.sa-page__stat.red{--accent:#ef4444}.sa-page__stat.purple{--accent:#7d7af0}.sa-page__stat.gold{--accent:#f59e0b}.sa-page__profilehero{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:18px}.sa-page__avatar{background:#596cf0;border-radius:12px;color:#fff;display:grid;font-weight:700;height:44px;place-items:center;width:44px}.sa-page__profilegrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:16px}.sa-page__profilefield{background:#f7f8fb;background:var(--surface2);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;padding:10px}.sa-page__profilefield small{color:#6b7280;color:var(--muted);display:block;font-size:9px;margin-bottom:4px}.sa-page__profilefield b{color:#111827;color:var(--text);font-size:12px}.sa-page__planlist{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.sa-page__plancard{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px #1e2b4308;display:flex;flex-direction:column;gap:12px;min-height:124px;min-width:0;padding:16px;transition:all .2s ease}.sa-page__plancard:hover{box-shadow:0 8px 24px #1e2b4314;transform:translateY(-2px)}.sa-page__plancardicon{background:color-mix(in srgb,var(--plan-accent) 12%,#fff);border-radius:10px;color:var(--plan-accent);display:grid;height:40px;place-items:center;width:40px}[data-theme=dark] .sa-page__plancardicon{background:color-mix(in srgb,var(--plan-accent) 16%,#0000)}@media(max-width:900px){.sa-page__profilegrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px}.sa-page__profilehero{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px #1e2b4308;display:flex;gap:12px;margin:0 16px;min-height:124px;min-width:0;padding:16px}.sa-page__avatar{background:#6366f1;border-radius:10px;color:#fff;display:grid;font-size:16px;font-weight:700;height:40px;min-width:40px;place-items:center;width:40px}.sa-page__profilehero b{color:#111827;color:var(--text);display:block;font-size:16px;font-weight:700}.sa-page__profilehero small{align-items:center;color:#6b7280;color:var(--muted);display:flex;font-size:12px;gap:6px;margin-top:4px}.sa-page__profilefield{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px #1e2b4308;display:flex;flex-direction:column;gap:6px;min-height:96px;min-width:0;padding:16px}.sa-page__profilefield small{color:#6b7280;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sa-page__profilefield b{color:#111827;color:var(--text);font-size:14px;font-weight:600;word-break:break-all}@media(max-width:900px){.sa-page__profilegrid{grid-template-columns:1fr}.sa-page__profilehero{margin:0}}}.sa-page__progress{background:#f7f8fb;background:var(--surface2);border-radius:99px;height:5px;margin-top:12px;overflow:hidden}.sa-page__progress span{background:var(--plan-accent);display:block;height:100%}.sa-tenants-page__create{align-items:center;background:#596cf0;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:600 12px Inter;gap:6px;height:38px;padding:0 14px}.sa-tenants-page__count{background:#f7f8fb;background:var(--surface2);border-radius:99px;color:#6b7280;color:var(--muted);font-size:10px;padding:6px 10px}.sa-tenants-page__search{align-items:center;background:#f7f8fb;background:var(--surface2);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;height:40px;margin:12px 16px;padding:0 12px}.sa-tenants-page__search input{background:#0000;border:0;color:#111827;color:var(--text);flex:1 1;font-size:13px;outline:0}.sa-page__summarybody{color:#6b7280;color:var(--muted);display:flex;font-size:12px;gap:18px;padding:16px}.sa-page__summarybody span{align-items:center;display:flex;gap:6px}@media(max-width:900px){.sa-page__statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-page__planlist{grid-template-columns:1fr}.sa-dashboard{padding-left:0}}@media(max-width:640px){.sa-page__statgrid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.sa-page__stat{min-height:100px;padding:14px}.sa-page__stat b{font-size:20px}.sa-page__stat small{font-size:11px}.sa-page__grid2{gap:12px;grid-template-columns:1fr}.sa-page__heading{align-items:flex-start;flex-direction:column;gap:12px}.sa-page__heading h1{font-size:20px}.sa-dashboard__topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:60px;padding:0 12px}.sa-dashboard__search{order:3;width:100%}.sa-dashboard__topactions{gap:8px}.sa-dashboard__sample{display:none}.sa-dashboard__theme{font-size:10px;padding:0 10px}.sa-dashboard__user{font-size:11px}.sa-page{padding:16px}.sa-page__panelhead{align-items:flex-start;flex-direction:column;gap:8px}.sa-page__tablewrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sa-modal-overlay{padding:12px}.sa-modal{max-height:95vh}.sa-grid-form{gap:12px;grid-template-columns:1fr}.sa-page__summarybody{flex-direction:column;gap:12px}.sa-graph__row{gap:8px;grid-template-columns:70px 1fr}}@media(max-width:900px){.sa-dashboard__topbar{gap:8px}.sa-page__heading .sa-btn-primary{justify-content:center;width:100%}}.sa-dashboard__menu-toggle{background:#0000;border:0;cursor:pointer;display:none;height:20px;padding:0;position:relative;width:28px}.sa-dashboard__menu-toggle span{background:#111827;background:var(--text);border-radius:2px;height:2px;position:absolute;transition:all .2s ease;width:100%}.sa-dashboard__menu-toggle span:first-child{top:0}.sa-dashboard__menu-toggle span:nth-child(2){top:9px}.sa-dashboard__menu-toggle span:nth-child(3){top:18px}@media(max-width:900px){.sa-dashboard__menu-toggle{display:block}.sa-dashboard__sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1200}.sa-dashboard__sidebar.is-open{transform:translateX(0)}.sa-dashboard__sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:1100}.sa-dashboard__sidebar-overlay.is-open{display:block}}.sa-page__grid2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr .8fr;margin-bottom:16px}.sa-graph{grid-gap:14px;display:grid;gap:14px;padding:16px}.sa-graph__row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:90px 1fr}.sa-graph__label{color:#111827;color:var(--text);font-size:12px;font-weight:600}.sa-graph__barwrap{background:#f7f8fb;background:var(--surface2);border-radius:99px;height:22px;overflow:hidden;position:relative}.sa-graph__bar{align-items:center;border-radius:99px;color:#fff;display:flex;font-size:11px;font-weight:700;height:100%;justify-content:flex-end;min-width:30px;padding-right:8px;transition:width .6s ease}.sa-graph__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--line);color:#6b7280;color:var(--muted);display:flex;font-size:11px;justify-content:space-between;margin-top:4px;padding-top:10px}.sa-summary__item{align-items:flex-start;display:flex;gap:10px}.sa-summary__item b{color:#111827;color:var(--text);display:block;font-size:13px}.sa-summary__item small{color:#6b7280;color:var(--muted);display:block;font-size:11px;margin-top:2px}.sa-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11182780;padding:16px}.sa-modal{animation:saPop .2s ease;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px}.sa-modal--large{max-width:700px}@keyframes saPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-modal-header{background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;padding:18px 22px;z-index:1}.sa-modal-header h3{color:var(--text)}.sa-modal-header button{background:#0000;color:var(--muted);font-size:22px}.sa-modal-body{padding:22px}.sa-modal-footer{background:#f7f8fb;background:var(--surface2);border-top:1px solid #e5e7eb;border-top:1px solid var(--line);bottom:0;padding:14px 22px;position:sticky}.sa-grid-form{grid-gap:16px;gap:16px}.sa-input,.sa-label,.sa-select,.sa-value{color:#111827;color:var(--text)}.sa-input,.sa-select,.sa-value{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;box-sizing:border-box;font-size:13px;outline:none;padding:10px 12px;width:100%}.sa-end-date-box{background:#f7f8fb;background:var(--surface2);border:1px dashed var(--line);color:var(--muted);font-size:12px;padding:10px 12px}.sa-phone-wrap{background:var(--surface);border:1px solid var(--line)}.sa-phone-prefix{background:#f7f8fb;background:var(--surface2);border-right:1px solid var(--line);color:var(--muted);padding:10px 12px}.sa-btn-primary{align-items:center;display:inline-flex;gap:6px;padding:10px 18px}.sa-btn-secondary{background:var(--surface);border:1px solid var(--line);color:#111827;color:var(--text);padding:10px 18px}.sa-expiry-badge,.sa-subtype-badge{border-radius:99px;display:inline-flex;font-size:10px;font-weight:600;padding:3px 8px}.sa-subtype-badge{border:1px solid #c7d2fe}.sa-subtype-badge,.sa-subtype-quarterly{background:#eef2ff;color:#4f46e5}.sa-subtype-yearly{background:#e0f2fe;color:#075985}.sa-subtype-monthly{background:#ecfdf5;color:#047857}.sa-expiry-danger{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.sa-expiry-safe{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.sa-muted-small{color:#6b7280;color:var(--muted);font-size:11px}@media(max-width:900px){.sa-grid-form,.sa-page__grid2{grid-template-columns:1fr}}.sa-modal-overlay{align-items:center;animation:overlayIn .2s ease;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);background:#11182752;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sa-modal{animation:modalPop .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #eef0f4;border-radius:16px;box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000a;display:flex;flex-direction:column;max-height:92vh;overflow-y:auto;width:100%}.sa-modal,.sa-modal--large{max-width:720px}@keyframes modalPop{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:2}.sa-modal-header h3{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.sa-modal-header button{background:#f9fafb;border:0;border-radius:8px;color:#6b7280;cursor:pointer;display:grid;font-size:20px;height:32px;line-height:1;place-items:center;width:32px}.sa-modal-header button:hover{background:#f3f4f6;color:#111827}.sa-modal-body{background:#fff;overflow-y:auto;padding:24px}.sa-grid-form{grid-gap:18px 16px;display:grid;gap:18px 16px;grid-template-columns:1fr 1fr}@media(max-width:900px){.sa-grid-form{grid-template-columns:1fr}}.sa-label{color:#374151;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.sa-label span{color:#ef4444}.sa-input,.sa-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-size:13px;height:42px;outline:none;padding:0 14px;transition:all .15s;width:100%}.sa-input::placeholder{color:#9ca3af}.sa-input:focus,.sa-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sa-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:36px}.sa-end-date-box{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;color:#6b7280;display:flex;font-size:13px;height:42px;padding:0 14px}.sa-phone-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;height:42px;overflow:hidden;transition:all .15s}.sa-phone-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sa-phone-prefix{align-items:center;background:#f9fafb;border-right:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:13px;font-weight:500;padding:0 12px}.sa-phone-input{border:0!important;border-radius:0!important;box-shadow:none!important;height:100%!important}.sa-modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.sa-btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;height:38px;padding:0 18px}.sa-btn-secondary:hover{background:#f9fafb}.sa-btn-primary{background:#6366f1;border:0;border-radius:10px;box-shadow:0 1px 2px #6366f133;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:38px;padding:0 18px}.sa-btn-primary:hover{background:#4f46e5}[data-theme=dark] .sa-modal,[data-theme=dark] .sa-modal-header{background:#1a202e;border-color:#232c3d}[data-theme=dark] .sa-modal-header h3{color:#eef2fb}[data-theme=dark] .sa-modal-header button{background:#1e2635;color:#7d8596}[data-theme=dark] .sa-modal-body{background:#1a202e}[data-theme=dark] .sa-label{color:#cbd5e1}[data-theme=dark] .sa-input,[data-theme=dark] .sa-select{background:#151a23;border-color:#232c3d;color:#eef2fb}[data-theme=dark] .sa-input::placeholder{color:#4b5563}[data-theme=dark] .sa-end-date-box{color:#7d8596}[data-theme=dark] .sa-end-date-box,[data-theme=dark] .sa-phone-wrap{background:#151a23;border-color:#232c3d}[data-theme=dark] .sa-phone-prefix{background:#1e2635;border-color:#232c3d;color:#7d8596}[data-theme=dark] .sa-modal-footer{background:#11161f;border-color:#232c3d}[data-theme=dark] .sa-btn-secondary{background:#1e2635;border-color:#232c3d;color:#cbd5e1}@media(max-width:640px){.sa-grid-form{grid-template-columns:1fr}.sa-modal{border-radius:14px;margin:10px;max-width:100%}}.sa-profile-wrapper{position:relative}.sa-profile-dropdown{animation:dropIn .18s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;padding:8px;position:absolute;right:0;top:46px;width:240px;z-index:100}.sa-profile-dropdown__head{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;gap:10px;margin-bottom:6px;padding:10px}.sa-profile-dropdown__head span{background:#6366f1;border-radius:50%;color:#fff;display:grid;font-weight:700;height:36px;place-items:center;width:36px}.sa-profile-dropdown__head b{color:#111827;color:var(--text);display:block;font-size:13px}.sa-profile-dropdown__head small{color:#6b7280;color:var(--muted);display:block;font-size:11px}.sa-profile-dropdown button{align-items:center;background:#0000;border:0;border-radius:8px;color:#111827;color:var(--text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;height:36px;padding:0 10px;text-align:left;width:100%}.sa-profile-dropdown button:hover{background:#f7f8fb;background:var(--surface2)}.sa-profile-dropdown button.danger{color:#ef4444}.sa-profile-dropdown button.danger:hover{background:#fef2f2}[data-theme=dark] .sa-profile-dropdown button.danger:hover{background:#ef44441a}.sa-profile-dropdown__divider{background:#e5e7eb;background:var(--line);height:1px;margin:6px 0}.sa-dashboard{--bg:#f3f7fb;--surface:#fff;--surface2:#f8fafc;--line:#e2e8f0;--text:#172033;--muted:#64748b;--sidebar-bg:#fff;--sidebar-border:#e7edf4;--sidebar-text:#64748b;--sidebar-active:#eef2ff;--topbar-bg:#fffffff0;--search-bg:#f8fafc;font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.005em}[data-theme=dark] .sa-dashboard{--bg:#111827;--surface:#182232;--surface2:#202c3d;--line:#2d3a4d;--text:#f1f5f9;--muted:#94a3b8;--sidebar-bg:#151f2e;--sidebar-border:#263348;--sidebar-text:#94a3b8;--sidebar-active:#263653;--topbar-bg:#111827f0;--search-bg:#151f2e}.sa-dashboard__sidebar{box-shadow:6px 0 22px rgba(30,43,67,.035);padding:0 16px 16px;width:248px}.sa-dashboard__brand{height:68px;margin:0 -16px 22px;padding:0 22px}.sa-dashboard__brand span,.sa-dashboard__user-avatar{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 5px 12px #4f46e533}.sa-dashboard__sidebar nav{gap:4px}.sa-dashboard__sidebar nav button{border-radius:10px;font-size:12px;height:42px}.sa-dashboard__sidebar nav button.is-active{box-shadow:inset 3px 0 #6366f1;color:#4338ca}.sa-dashboard__topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#e7edf4;box-shadow:0 1px 8px rgba(30,43,67,.035);min-height:64px;padding:0 28px}.sa-dashboard__search{border-radius:10px;flex-basis:260px;max-width:360px}.sa-page{margin:0 auto;max-width:1500px;padding:30px}.sa-page__heading h1{font-family:Manrope,Inter,sans-serif;font-size:26px;letter-spacing:-.035em}.sa-page__panel,.sa-page__plancard,.sa-page__stat{box-shadow:0 2px 8px rgba(35,49,75,.035)}.sa-page__panel{border-radius:14px}.sa-btn-primary,.sa-tenants-page__create{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;box-shadow:0 6px 14px #4f46e529}.sa-btn-primary:hover,.sa-tenants-page__create:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px)}.sa-page__tablewrap th{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);color:#64748b;letter-spacing:.05em;text-transform:uppercase}.sa-page__tablewrap td{padding:14px 12px}.sa-modal{box-shadow:0 24px 70px #23314b2e}.sa-btn-primary:focus-visible,.sa-btn-secondary:focus-visible,.sa-dashboard button:focus-visible,.sa-dashboard input:focus-visible,.sa-dashboard select:focus-visible{outline:3px solid #6366f140;outline-offset:2px}@media (max-width:900px){.sa-page{padding:22px 18px}.sa-dashboard__topbar{gap:10px;min-height:56px;padding:0 18px;padding:0 16px}.sa-dashboard__search{flex:1 1 180px;height:36px;max-width:280px}.sa-dashboard__topactions{gap:8px}.sa-dashboard__username{max-width:120px}}@media (max-width:768px){.sa-dashboard__topbar{column-gap:10px;flex-wrap:wrap;min-height:auto;padding:10px 14px;row-gap:10px}.sa-dashboard__menu-toggle{order:0}.sa-dashboard__topactions{margin-left:auto;order:1}.sa-dashboard__search{flex:1 0 100%;height:38px;max-width:100%;order:2}.sa-dashboard__sample{display:none}.sa-dashboard__username{max-width:140px}}@media (max-width:480px){.sa-dashboard__topbar{column-gap:8px;padding:8px 10px;row-gap:8px}.sa-dashboard__theme{gap:0;padding:0 10px}.sa-dashboard__theme-label{display:none}.sa-dashboard__user{gap:6px}.sa-dashboard__username{font-size:11px;max-width:96px}.sa-dashboard__user-avatar,.sa-dashboard__user-photo{height:26px;min-width:26px;width:26px}.sa-dashboard__search{font-size:12px;height:36px}}@media (max-width:380px){.sa-dashboard__username{display:none}.sa-dashboard__topbar{padding:8px}}@media (max-height:480px) and (orientation:landscape){.sa-dashboard__topbar{flex-wrap:nowrap;gap:8px;height:44px;min-height:44px;overflow:hidden;padding:0 10px}.sa-dashboard__search{flex:1 1 auto;height:30px;max-width:none;order:1}.sa-dashboard__topactions{margin-left:0;order:2}.sa-dashboard__sample{display:none}.sa-dashboard__theme{height:30px;padding:0 8px}.sa-dashboard__theme-label{display:none}.sa-dashboard__username{max-width:110px}.sa-dashboard__user-avatar,.sa-dashboard__user-photo{height:24px;min-width:24px;width:24px}}@media (min-width:1600px){.sa-dashboard__search{max-width:420px}}@media (prefers-reduced-motion:reduce){.sa-dashboard *,.sa-dashboard :after,.sa-dashboard :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.setup-page{color:#252f40;color:var(--text,#252f40);display:flex;flex-direction:column;gap:20px;max-width:1180px;padding:18px 24px 30px;width:100%}.setup-eyebrow{color:#6d79e8;display:block;font-size:10px;font-weight:800;letter-spacing:.11em}.setup-intro{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 0 4px}.setup-intro h1{color:#252f40;color:var(--text,#252f40);font-family:Manrope,sans-serif;font-size:clamp(23px,2.4vw,29px);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:7px 0 5px}.setup-intro p{color:#818b9b;color:var(--muted,#818b9b);font-size:13px;margin:0}.setup-intro-mark{background:linear-gradient(145deg,#1fa79b,#126f67);border-radius:15px;box-shadow:0 9px 20px #126f673d,inset 0 1px 0 #ffffff4d;color:#fff;display:grid;flex:0 0 50px;font-size:23px;height:50px;place-items:center;width:50px}.setup-header-progress{align-items:center;border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);border-radius:10px;color:#818b9b;color:var(--muted,#818b9b);display:inline-flex;font-size:12px;font-weight:700;min-height:36px;padding:0 13px;white-space:nowrap}.setup-header-progress,.setup-progress{background:#fff;background:var(--panel,#fff)}.setup-progress{border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);border-radius:16px;box-shadow:0 4px 14px rgba(29,44,75,.035);display:flex;flex-direction:column;gap:16px;padding:20px 22px}.setup-progress-top{align-items:center;display:flex;gap:16px;justify-content:space-between}.setup-progress-top h3{color:#252f40;color:var(--text,#252f40);font-size:20px;letter-spacing:-.03em;margin:5px 0 3px}.setup-progress-top h3 span{color:#818b9b;color:var(--muted,#818b9b);font-size:13px;font-weight:500;letter-spacing:0}.setup-progress-top small{color:#818b9b;color:var(--muted,#818b9b);font-size:12px}.setup-progress-percent{display:flex;flex-direction:column;gap:2px;min-width:64px;text-align:right}.setup-progress-percent b{color:#596ae5;font-size:25px;line-height:1}.setup-progress-percent span{color:#818b9b;color:var(--muted,#818b9b);font-size:10px}.setup-progress-track{background:#edf0f6;border-radius:99px;height:9px;overflow:hidden}.setup-progress-fill{background:linear-gradient(90deg,#6576ee,#8d74f4);border-radius:99px;height:100%;transition:width .4s ease}.setup-section-heading{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-top:2px}.setup-section-heading h3{color:#252f40;color:var(--text,#252f40);font-size:16px;margin:0 0 3px}.setup-section-heading p{color:#818b9b;color:var(--muted,#818b9b);font-size:12px;margin:0}.setup-section-heading>span{color:#6875dc;font-size:11px;font-weight:700;white-space:nowrap}.setup-list{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.setup-card{grid-gap:12px 13px;align-items:start;background:#fff;background:var(--panel,#fff);border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);border-radius:14px;box-shadow:0 3px 12px rgba(29,44,75,.025);display:grid;gap:12px 13px;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr auto;min-height:142px;min-width:0;padding:17px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.setup-card:hover{box-shadow:0 8px 20px #1d2c4b12;transform:translateY(-2px)}.setup-card.current{border-color:#8290f3;box-shadow:0 0 0 3px #6366f11a}.setup-icon{border-radius:12px;display:grid;font-size:17px;grid-row:1/3;height:40px;place-items:center;width:40px}.setup-icon svg{display:block;height:18px;width:18px}.setup-intro-mark svg{display:block;height:22px;width:22px}.icon-done{background:#e7f7ef;border:1px solid #d0f0df;color:#159766}.icon-progress{background:#edf0ff;border:1px solid #dfe4ff;color:#5b68df}.icon-todo{background:#f3f5f8;border:1px solid #e8ebf0;color:#8590a1}.setup-content{min-width:0}.setup-step-row{align-items:center;display:flex;gap:8px;margin:0 0 8px}.setup-step-row>span{color:#818b9b;color:var(--muted,#818b9b);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.setup-badge{background:#f0f2f5;border-radius:99px;color:#707b8d;font-size:10px;font-weight:700;line-height:1;padding:4px 8px;white-space:nowrap}.setup-badge.badge-done{background:#e7f7ef;color:#138558}.setup-badge.badge-progress{background:#fff4d9;color:#a76c00}.setup-content h2{color:#252f40;color:var(--text,#252f40);font-size:14px;font-weight:700;line-height:1.35;margin:0}.setup-content p{color:#818b9b;color:var(--muted,#818b9b);font-size:11.5px;line-height:1.5;margin:5px 0 0}.setup-action{display:flex;grid-column:2;justify-content:flex-end}.btn-start,.btn-view{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:8px;min-height:36px;padding:0 13px;transition:transform .12s,box-shadow .12s,background .12s}.btn-view{background:#fff;background:var(--panel,#fff);border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);color:#252f40;color:var(--text,#252f40)}.btn-view:hover{background:#f5f6ff;color:#596ae5;transform:translateY(-1px)}.btn-start{background:#16877d;border:1px solid #16877d;box-shadow:0 5px 12px #16877d2b;color:#fff}.btn-start:hover{background:#126f67;transform:translateY(-1px)}.setup-action button svg{display:block;flex:0 0 12px;height:12px;width:12px}.setup-skeleton{display:flex;flex-direction:column;gap:20px}.setup-progress-skeleton{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 64px}.setup-skeleton-copy{align-items:flex-start;display:flex;flex-direction:column;gap:9px}.setup-skeleton-button,.setup-skeleton-card-copy b,.setup-skeleton-card-copy i,.setup-skeleton-card-copy span,.setup-skeleton-copy b,.setup-skeleton-copy i,.setup-skeleton-copy span,.setup-skeleton-icon,.setup-skeleton-percent,.setup-skeleton-section i,.setup-skeleton-section span,.setup-skeleton-track{animation:setup-shimmer 1.35s ease-in-out infinite;background:linear-gradient(100deg,#edf0f5 25%,#f8f9fb 42%,#edf0f5 62%);background-size:220% 100%;display:block}.setup-skeleton-copy span{border-radius:6px;height:10px;width:100px}.setup-skeleton-copy b{border-radius:6px;height:20px;width:min(260px,80%)}.setup-skeleton-copy i{border-radius:6px;height:12px;width:min(320px,90%)}.setup-skeleton-percent{border-radius:7px;height:32px;width:52px}.setup-skeleton-track{border-radius:99px;grid-column:1/-1;height:9px;width:100%}.setup-skeleton-section{align-items:center}.setup-skeleton-section span{border-radius:6px;height:17px;width:135px}.setup-skeleton-section i{border-radius:6px;height:12px;width:100px}.setup-card-skeleton{grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr auto}.setup-skeleton-icon{border-radius:12px;grid-row:1/3;height:40px;width:40px}.setup-skeleton-card-copy{align-self:start;display:flex;flex-direction:column;gap:8px}.setup-skeleton-card-copy i{border-radius:5px;height:10px;width:68px}.setup-skeleton-card-copy b{border-radius:5px;height:15px;width:min(180px,90%)}.setup-skeleton-card-copy span{border-radius:5px;height:12px;width:min(240px,95%)}.setup-skeleton-button{border-radius:9px;grid-column:2;height:36px;justify-self:end;width:70px}.setup-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes setup-shimmer{to{background-position:-220% 0}}:root[data-theme=dark] .setup-intro-mark{background:linear-gradient(145deg,#2fb2a4,#18766e);color:#fff}:root[data-theme=dark] .setup-skeleton-button,:root[data-theme=dark] .setup-skeleton-card-copy b,:root[data-theme=dark] .setup-skeleton-card-copy i,:root[data-theme=dark] .setup-skeleton-card-copy span,:root[data-theme=dark] .setup-skeleton-copy b,:root[data-theme=dark] .setup-skeleton-copy i,:root[data-theme=dark] .setup-skeleton-copy span,:root[data-theme=dark] .setup-skeleton-icon,:root[data-theme=dark] .setup-skeleton-percent,:root[data-theme=dark] .setup-skeleton-section i,:root[data-theme=dark] .setup-skeleton-section span,:root[data-theme=dark] .setup-skeleton-track{background:linear-gradient(100deg,#292f3d 25%,#343b4a 42%,#292f3d 62%);background-size:220% 100%}:root[data-theme=dark] .setup-progress-track{background:#252b39}:root[data-theme=dark] .setup-card:hover{box-shadow:0 8px 20px #0000002e}:root[data-theme=dark] .icon-done,:root[data-theme=dark] .setup-badge.badge-done{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .icon-progress{background:#1e243d;border-color:#2d3561;color:#a2aaff}:root[data-theme=dark] .icon-todo{background:#252b39;border-color:#343b49;color:#a8b0c0}:root[data-theme=dark] .setup-badge{background:#252b39;color:#a8b0c0}:root[data-theme=dark] .setup-badge.badge-progress{background:#3a301c;color:#fcd34d}:root[data-theme=dark] .btn-view:hover{background:#252b39;color:#a2aaff}@media(max-width:900px){.setup-page{padding:14px 18px 24px}.setup-list{grid-template-columns:1fr}}@media(max-width:600px){.setup-intro{align-items:flex-start;gap:12px;margin-bottom:0}.setup-intro .profile-heading{gap:12px}.setup-intro-mark{border-radius:13px;flex-basis:44px;height:44px;width:44px}.setup-intro h1{font-size:22px}.setup-intro p{line-height:1.5;max-width:240px}.setup-header-progress{font-size:11px;min-height:32px;padding:0 10px}}@media(max-width:560px){.setup-page{gap:15px;padding:10px 12px 20px}.setup-progress{padding:16px}.setup-card{gap:10px 11px;min-height:130px;padding:14px}.setup-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.setup-skeleton{gap:15px}.setup-skeleton .setup-progress{padding:16px}}@media(max-width:390px){.setup-intro{gap:8px}.setup-intro .profile-heading{gap:9px}.setup-intro-mark{display:none}.setup-intro h1{font-size:20px}.setup-header-progress{font-size:10px;min-height:30px;padding:0 8px}}.seat-panel.panel-heading{align-items:flex-start;flex-wrap:wrap}.seat-panel>.search-wrap{margin:10px 0 18px;max-width:430px}.seat-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(6,minmax(0,1fr))}.seat-card{background:#f4fbf7;border:1px solid #dceee6;border-radius:10px;color:#16a36b;min-height:75px;padding:10px;text-align:left}.seat-card:hover{border-color:#17ba7c;box-shadow:0 3px 12px #13a36c14}.seat-card.occupied{border-color:#ffdedb;color:#df6563}.seat-number{color:#27364a;display:block;font-size:13px;font-weight:800}.seat-card>span:nth-child(2){display:block;font-size:9px;margin-top:4px}.seat-card small{color:#96a3b0;display:block;font-size:8px;margin-top:2px}@media(max-width:1250px){.seat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:760px){.seat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.seat-card{background:#f4fcf8}.seat-card.occupied{background:#fff7f6}.seat-legend{color:#748093;display:flex;font-size:10px;gap:12px}.seat-legend span:before{background:#1bbc84;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;width:8px}.seat-legend span:nth-child(2):before{background:#5c6ee6}.seat-legend span:nth-child(3):before{background:#f2a10b}@media(max-width:760px){.seat-legend{flex-direction:column;gap:5px}}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10182873;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.confirm-overlay.confirm-box{background:#fff;border:1px solid #eaecf0;border-radius:16px;box-shadow:0 20px 40px #1018281f,0 8px 16px #1018280f;max-width:92vw;overflow:hidden;width:400px}.confirm-box.drawer-head{align-items:center;background:#f9f9ff;border-bottom:1px solid #f2f4f7;display:flex;justify-content:space-between;padding:18px 20px}.confirm-box.drawer-head h2{color:#101828;font-size:15px;font-weight:700;margin:0}.confirm-box.close-x{background:#fff;border:1px solid #eaecf0;border-radius:8px;color:#667085;cursor:pointer;height:28px;width:28px}.confirm-box div[style]{grid-gap:12px;display:grid;gap:12px;padding:18px 20px!important}.confirm-box div[style] p{align-items:center;background:#f9fafb;border:1px solid #f2f4f7;border-radius:10px;color:#344054;display:flex;font-size:13px;justify-content:space-between;margin:0;padding:10px 12px}.confirm-box div[style] p b{color:#98a2b3;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-available{background:#ecfdf3!important;border:1px solid #abefc6!important;color:#067647!important}.status-occupied{background:#fef3f2!important;border:1px solid #fecdca!important;color:#b42318!important}.status-reserved{background:#eff8ff!important;border:1px solid #b2ddff!important;color:#175cd3!important}.confirm-box.confirm-actions{background:#fcfcfd;border-top:1px solid #f2f4f7;display:flex;justify-content:flex-end;padding:14px 20px}.confirm-box.button.ghost{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.close-x{position:absolute;right:16px;top:16px}:root[data-theme=dark].seat-number{color:#eef0f6}:root[data-theme=dark].seat-legend{color:#a8b0c0}:root[data-theme=dark].seat-card{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark].seat-card:hover{border-color:#3a7a5e;box-shadow:none}:root[data-theme=dark].seat-card.occupied{background:#2e1e1e;border-color:#5a2f2f;color:#ff8a8a}:root[data-theme=dark].seat-card small{color:#a8b0c0}:root[data-theme=dark].confirm-overlay{background:#0000008c}:root[data-theme=dark].confirm-overlay.confirm-box{background:#202532;border-color:#343b49;box-shadow:0 20px 40px #0006}:root[data-theme=dark].confirm-box.drawer-head{background:#282e3d;border-color:#343b49}:root[data-theme=dark].confirm-box.drawer-head h2{color:#eef0f6}:root[data-theme=dark].confirm-box.close-x{background:#252b39;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark].confirm-box div[style] p{background:#252b39;border-color:#343b49;color:#d1d7e2}:root[data-theme=dark].confirm-box div[style] p b{color:#a8b0c0}:root[data-theme=dark].confirm-box.confirm-actions{background:#191e2b;border-color:#343b49}:root[data-theme=dark].confirm-box.button.ghost{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark].status-available{background:#1a2e28!important;border-color:#2f5a45!important;color:#34d399!important}:root[data-theme=dark].status-occupied{background:#2e1e1e!important;border-color:#5a2f2f!important;color:#ff8a8a!important}:root[data-theme=dark].status-reserved{background:#1e243d!important;border-color:#2d3561!important;color:#8b9aff!important}.seats-directory{grid-gap:16px;display:grid;gap:16px}.seat-summary-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.seat-summary-strip>div{grid-gap:3px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:3px;padding:14px 16px}.seat-summary-strip span{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.seat-summary-strip b{color:#0f172a;font-size:22px}.seat-summary-strip small{color:#94a3b8;font-size:10px}.seat-summary-strip .available b{color:#059669}.seat-summary-strip .reserved b{color:#d97706}.seat-summary-strip .occupied b{color:#dc2626}.seat-filter-card{grid-gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #1018280a;display:grid;gap:14px;padding:16px;position:relative;z-index:2}.seat-filter-card:focus-within{z-index:20}.seat-filter-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.seat-filter-title{align-items:center;display:flex;gap:10px;min-width:0}.seat-filter-icon{background:#eef2ff;border-radius:10px;color:#4f46e5;display:grid;flex:none;font-size:13px;height:34px;place-items:center;width:34px}.seat-filter-title b{color:#0f172a;display:block;font-size:12.5px;font-weight:700}.seat-filter-title small{color:#64748b;display:block;font-size:10.5px;line-height:1.35;margin-top:2px}.seat-filter-count{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;color:#64748b;display:inline-flex;font-size:11px;gap:4px;padding:6px 10px;white-space:nowrap}.seat-filter-count b{color:#0f172a;font-weight:700}.seat-filter-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,1fr)) auto}.seat-search{background:#fff;border-color:#e2e8f0;height:40px;min-width:0;padding:0 12px}.seat-search input{color:#334155;font-size:12px}.seat-search svg{color:#94a3b8;flex:none;font-size:13px}.seat-filter-clear{align-items:center;background:#fff;border-color:#e2e8f0;color:#64748b;display:inline-flex;font-size:11.5px;gap:7px;height:40px;justify-content:center;padding:0 13px;white-space:nowrap}.seat-filter-clear svg{font-size:11px}.seat-filter-clear:hover:not(:disabled){background:#fff7f7;border-color:#fecaca;color:#dc3545}.seat-filter-card .form-select-custom{min-width:0;position:relative;width:100%;z-index:1}.seat-filter-card .form-select-custom.open{z-index:80}.seat-filter-card .form-select-custom-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#334155;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:9px;height:40px;justify-content:flex-start;padding:0 12px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.seat-filter-card .form-select-custom-trigger:hover:not(:disabled){border-color:#c9d4e2}.seat-filter-card .form-select-custom-trigger:focus-visible,.seat-filter-card .form-select-custom.open .form-select-custom-trigger{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f;outline:none}.seat-filter-card .form-select-custom-trigger.placeholder{color:#98a2b3}.seat-filter-card .form-select-custom-icon{align-items:center;color:#8b97a8;display:inline-flex;flex:none;font-size:13px;justify-content:center;line-height:1}.seat-filter-card .form-select-custom-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-filter-card .form-select-custom-caret{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;flex:0 0 auto;height:7px;margin-left:auto;transform:rotate(45deg) translateY(-1px);transition:transform .15s ease;width:7px}.seat-filter-card .form-select-custom.open .form-select-custom-caret{transform:rotate(225deg) translateY(-1px)}.seat-filter-card .form-select-custom-menu{left:0;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.seat-filter-card .form-select-custom-menu-inner{background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 28px 60px -18px #0f172a80;max-height:280px;overflow-x:hidden;overflow-y:auto;padding:6px;scrollbar-color:#d7deea #0000;scrollbar-width:thin}.seat-filter-card .form-select-custom-menu-inner::-webkit-scrollbar{width:6px}.seat-filter-card .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#d7deea;border-radius:10px}.seat-filter-card .form-select-custom-item{align-items:center;background:#0000;border:0;border-radius:8px;color:#344054;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:12px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.seat-filter-card .form-select-custom-item:hover:not(:disabled){background:#f6f9ff;color:#176ee8}.seat-filter-card .form-select-custom-item.selected{background:#eef5ff;color:#176ee8;font-weight:700}.seat-filter-card .form-select-custom-check{border-bottom:2px solid;border-right:2px solid;height:10px;transform:rotate(45deg);width:6px}.seat-filter-card .form-select-custom.disabled .form-select-custom-trigger{cursor:not-allowed;opacity:.6}.seat-directory-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px}.seat-directory-table table{min-width:980px}.seat-directory-table td{font-size:12px}.seat-number-cell{color:#4f46e5;font-size:12px}.seat-category{border-radius:7px;display:inline-flex;font-size:10px;font-weight:700;padding:4px 9px}.seat-category.ac{background:#ecfeff;color:#0e7490}.seat-category.non-ac{background:#eef2ff;color:#4f46e5}.seat-status{border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;padding:4px 9px;text-transform:capitalize}.seat-status.available{background:#ecfdf3;color:#067647}.seat-status.occupied{background:#fef3f2;color:#b42318}.seat-status.reserved{background:#fffaeb;color:#b54708}.seat-row-actions{display:flex;flex-wrap:wrap;gap:6px}.seat-row-actions button{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:10px;font-weight:700;padding:5px 9px}.seat-row-actions button:hover{border-color:#6366f1;color:#4f46e5}.seat-row-actions button.danger{border-color:#fecaca;color:#dc2626}.seat-directory-footer{color:#64748b;font-size:12px}.seat-directory-footer>div{gap:8px}.seat-directory-footer .ui-select{flex:0 0 auto;width:auto}.seat-directory-footer .form-select-custom-trigger{border-color:#e2e8f0;border-radius:7px;font-size:11px;height:32px;min-height:32px;min-width:62px;padding:0 9px;width:auto}.seat-directory-footer .form-select-custom-menu{min-width:88px}.seat-directory-footer .form-select-custom-item{font-size:11px;padding:7px 9px}.seat-directory-footer>button,.seat-directory-footer>div>button{background:#fff;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer;font-size:11px;height:32px;padding:0 10px}.seat-directory-footer>button:disabled,.seat-directory-footer>div>button:disabled{cursor:not-allowed;opacity:.45}.seat-modal{width:min(540px,92vw)}.seat-modal .modal-form{grid-gap:12px;display:grid;gap:12px;padding:18px 20px 20px}.seat-confirm{padding-bottom:14px;width:min(420px,92vw)}.seat-confirm p{color:#475569;font-size:13px;margin:0;padding:18px 20px}.form-error{color:#dc2626;font-size:10px;font-weight:600}:root[data-theme=dark] .seat-summary-strip b{color:#eef0f6}:root[data-theme=dark] .seat-directory-table,:root[data-theme=dark] .seat-filter-card,:root[data-theme=dark] .seat-summary-strip>div{background:#202532;border-color:#343b49}:root[data-theme=dark] .seat-filter-count b,:root[data-theme=dark] .seat-filter-title b{color:#eef0f6}:root[data-theme=dark] .seat-filter-title small{color:#a8b0c0}:root[data-theme=dark] .seat-filter-icon{background:#2a3652;color:#8fb4ff}:root[data-theme=dark] .seat-filter-count{background:#252b39;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .seat-search input{color:#e7eaf1}:root[data-theme=dark] .seat-search svg{color:#a8b0c0}:root[data-theme=dark] .seat-filter-clear{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .seat-filter-clear:hover:not(:disabled){background:#3a2025;border-color:#6d3238;color:#fb7185}:root[data-theme=dark] .seat-filter-card .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .seat-filter-card .form-select-custom-trigger.placeholder{color:#8a95b0}:root[data-theme=dark] .seat-filter-card .form-select-custom-caret{border-bottom-color:#a8b4c9;border-right-color:#a8b4c9}:root[data-theme=dark] .seat-filter-card .form-select-custom-trigger:focus-visible,:root[data-theme=dark] .seat-filter-card .form-select-custom.open .form-select-custom-trigger{border-color:#8fb4ff;box-shadow:0 0 0 3px #8fb4ff24}:root[data-theme=dark] .seat-filter-card .form-select-custom-menu-inner{background:#202532;border-color:#343b49;box-shadow:0 34px 70px -24px #000000f2;scrollbar-color:#3f485c #0000}:root[data-theme=dark] .seat-filter-card .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#3f485c}:root[data-theme=dark] .seat-filter-card .form-select-custom-item{color:#eef0f6}:root[data-theme=dark] .seat-filter-card .form-select-custom-item:hover:not(:disabled){background:#25314a;color:#fff}:root[data-theme=dark] .seat-filter-card .form-select-custom-item.selected{background:#2a3652;color:#fff}:root[data-theme=dark] .seat-directory-footer .form-select-custom-trigger,:root[data-theme=dark] .seat-directory-footer>button,:root[data-theme=dark] .seat-directory-footer>div>button,:root[data-theme=dark] .seat-row-actions button{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .seat-confirm p{color:#d1d7e2}@media (max-width:1200px){.seat-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-filter-clear,.seat-search{grid-column:1/-1}}@media (max-width:760px){.seat-filter-card{gap:12px;padding:14px}}@media (max-width:520px){.seat-filter-head{align-items:flex-start}.seat-filter-controls{grid-template-columns:1fr}.seat-filter-clear,.seat-search{grid-column:auto}}@media (max-width:1024px){.seat-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.seat-summary-strip{grid-template-columns:1fr}.seat-summary-strip>div{align-items:center;gap:1px 12px;grid-template-areas:"label value" "hint value";grid-template-columns:minmax(0,1fr) auto;padding:11px 14px}.seat-summary-strip span{grid-area:label}.seat-summary-strip b{font-size:22px;grid-area:value;line-height:1}.seat-summary-strip small{grid-area:hint}}.seats-page-heading .page-heading-left{align-items:center;display:flex;gap:12px}.seats-page-heading .page-heading-icon{background:linear-gradient(135deg,#5e70e829,#5e70e814);border-radius:12px;color:#5e70e8;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.seats-filter-card{display:flex;flex-direction:column;gap:16px}.seats-filter-head{align-items:center;display:flex;gap:16px;justify-content:space-between}.seats-filter-title{align-items:center;display:flex;gap:12px}.seats-filter-icon{background:#5e70e81f;border-radius:12px;color:#5e70e8;display:grid;height:38px;place-items:center;width:38px}.seats-filter-title b{display:block;font-size:14px}.seats-filter-title small{color:var(--muted);font-size:12px}.seats-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.seats-search{flex:1 1 260px}.skeleton-pill{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;border-radius:999px;height:24px;width:70px}.seat-add-modal .drawer-head{align-items:center}.seat-add-form{display:flex;flex-direction:column;gap:16px}.seat-add-grid{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.seat-add-grid .field{display:flex;flex-direction:column;gap:6px}.seat-add-grid .field label{color:var(--text);font-size:12px;font-weight:600}.seat-add-grid .field label em{color:#ef4444;font-style:normal}.seat-add-grid .field .form-select-custom-trigger,.seat-add-grid .field input{width:100%}.seat-add-note{color:var(--muted)}.seat-add-actions{justify-content:flex-end}@media (max-width:720px){.seat-add-grid{grid-template-columns:1fr}}.seats-directory,.seats-filter-card,.seats-page-heading,.seats-table-panel{max-width:100%;min-width:0}.seats-page-heading .page-heading-left{flex:1 1 240px}.seats-page-heading .page-description{overflow-wrap:anywhere}.seats-page-heading .heading-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.seats-filter-controls>*{max-width:100%;min-width:0}.seats-table-panel{overflow:hidden}.seats-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto;width:100%}.seats-table{min-width:820px}.seat-directory-table{max-width:100%;min-width:0;overflow:hidden}.seat-directory-table .table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto;width:100%}.seat-row-actions{flex-wrap:nowrap;white-space:nowrap}.seat-confirm,.seat-modal{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);overflow:auto}@media(max-width:760px){.seats-page-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.seats-page-heading .heading-actions{margin-left:auto}.seats-page-heading .page-heading-icon{font-size:16px;height:36px;width:36px}.seats-filter-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.seats-search{grid-column:1/-1}.seats-filter-clear{grid-column:1/-1;width:100%}}@media(max-width:480px){.seats-page-heading{gap:10px}.seats-page-heading .page-heading-left{flex-basis:100%}.seats-page-heading .heading-actions{justify-content:flex-end;width:100%}.seats-page-heading .heading-actions .button{font-size:11px;min-height:34px;padding:0 10px}.seats-page-heading .page-description{font-size:11px;line-height:1.4}.seats-filter-head{align-items:flex-start;flex-wrap:wrap}.seats-filter-title{min-width:0}.seats-filter-controls{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.seats-filter-clear,.seats-search{grid-column:1/-1}.seat-summary-strip{gap:8px}.seat-summary-strip>div{padding:10px 12px}.seat-summary-strip b{font-size:20px}.seat-modal .modal-form{padding:14px}}.seat-directory-footer{align-items:center;background:#fff;background:var(--panel,#fff);border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:12px 18px}.seat-directory-footer>div{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.seat-directory-footer button{background:#fff;border:1px solid #e9ebef;border:1px solid var(--border,#e9ebef);border-radius:10px;color:#1f2937;color:var(--text,#1f2937);font-size:12px;font-weight:600;height:34px;padding:0 12px}.seat-directory-footer button:disabled{cursor:not-allowed;opacity:.5}.seat-directory-table,.seat-directory-table .table-scroll{margin-top:16px}.seat-directory-table table td,.seat-directory-table table th{vertical-align:middle}.seats-page-heading{margin-bottom:22px}.seats-page-heading .page-heading-left>div:last-child{min-width:0}.seats-page-heading .page-heading-icon{flex:0 0 42px}.seats-page-heading .heading-actions .button{font-size:12px;height:38px;padding:0 14px}.seats-page-heading .heading-actions .button.primary{font-size:12px}.seats-page-heading .heading-actions .button span{overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.seats-page-heading{gap:10px;margin-bottom:16px}.seats-page-heading .page-heading-icon{border-radius:11px;flex-basis:40px;font-size:17px;height:40px;width:40px}.seats-page-heading h1{font-size:24px}.seats-page-heading .page-description{font-size:12px;line-height:1.4}.seats-page-heading .heading-actions{gap:7px}.seats-page-heading .heading-actions .button{font-size:11px;gap:6px;height:34px;min-height:34px;padding:0 11px}.seats-page-heading .heading-actions .button.primary{font-size:11px}}@media(max-width:420px){.seats-page-heading .page-heading-icon{display:none}.seats-page-heading h1{font-size:22px}.seats-page-heading .page-description{font-size:11px}.seats-page-heading .heading-actions .button{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.seats-page-heading .heading-actions .button.primary{font-size:10px}}@media(max-width:390px){.seats-page-heading{gap:8px}.seats-page-heading h1{font-size:19px}.seats-page-heading .page-description{font-size:10px;line-height:1.35}.seats-page-heading .heading-actions .button{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 7px}.seats-page-heading .heading-actions .button.primary{font-size:9px}.seats-page-heading .heading-actions .button svg{font-size:11px;height:11px;width:11px}}.seats-page-heading .page-heading-left{min-width:0;width:100%}.seats-page-heading .seats-heading-copy{flex:1 1 auto;min-width:0}.seats-page-heading .seats-heading-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.seats-page-heading .seats-heading-title-row h1{flex:0 1 auto;margin:0;min-width:0}.seats-page-heading .heading-actions{align-items:center;flex:0 0 auto;white-space:nowrap}.seats-page-heading .page-description{max-width:100%;overflow-wrap:normal;white-space:normal}@media(max-width:760px){.seats-page-heading .page-heading-left{align-items:flex-start}.seat-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.seats-page-heading .seats-heading-title-row{gap:5px}.seats-page-heading .seats-heading-title-row h1{font-size:clamp(15px,4.8vw,20px);letter-spacing:-.035em;line-height:1.15;white-space:nowrap}.seats-page-heading .heading-actions{gap:4px}.seats-page-heading .heading-actions .button{font-size:9px;gap:3px;height:30px;min-height:30px;padding:0 6px}.seats-page-heading .heading-actions .button svg{font-size:11px;height:11px;width:11px}.seats-page-heading .page-description{font-size:clamp(10px,2.8vw,12px);line-height:1.4;white-space:normal;width:100%}.seat-summary-strip{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.seat-summary-strip>div{min-width:0;padding:9px}.seat-summary-strip span{font-size:9px;letter-spacing:.04em}.seat-summary-strip b{font-size:19px}.seat-summary-strip small{font-size:9px}}.seat-directory-table.table-scroll{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:16px 0 0;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain;padding:0;width:100%}.seat-directory-table table{border-collapse:collapse;min-width:760px;width:100%}.seat-directory-table.table-scroll th{background:#f9fafb;position:sticky;top:0;white-space:nowrap;z-index:2}.seat-directory-table::-webkit-scrollbar{height:7px}.seat-directory-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:root[data-theme=dark] .seat-directory-table::-webkit-scrollbar-thumb{background:#4a556b}:root[data-theme=dark] .seat-directory-table.table-scroll{background:#202532;border-color:#343b49}:root[data-theme=dark] .seat-directory-table.table-scroll th{background:#232836}@media(max-width:760px){.seat-directory-table.table-scroll th{font-size:9px;padding:9px 8px}.seat-directory-table.table-scroll td{font-size:11px;padding:9px 8px}.seat-number-cell{font-size:11px}.seat-category,.seat-status{font-size:9px;padding:3px 7px}.seat-row-actions button{font-size:9px;padding:4px 7px}}@media(max-width:520px){.seat-directory-footer{align-items:flex-start;flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px}.seat-directory-footer>div{justify-content:space-between;width:100%}.seat-directory-footer>button{width:100%}}.seats-page-header{margin:0 0 20px;min-width:0;padding:0}.seats-page-header .dash-header-bar{align-items:flex-start;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:8px 0 14px}.seats-page-header .seats-header-left{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.seats-page-header .seats-header-icon{background:linear-gradient(135deg,#5e70e829,#5e70e814);border-radius:10px;color:#5e70e8;display:grid;flex:0 0 48px;font-size:22px;height:48px;place-items:center;width:48px}.seats-page-header .seats-header-icon svg{height:22px;width:22px}.seats-page-header .seats-header-info{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:14px;justify-content:space-between;min-width:0}.seats-page-header .seats-heading-copy{min-width:0}.seats-page-header .dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.seats-page-header .dash-header-subtitle{color:#64748b;color:var(--muted,#64748b);font-size:clamp(12px,1.25vw,14px);line-height:1.4;margin:0;max-width:58rem;min-width:0;overflow-wrap:break-word}.seats-page-header .dash-header-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0}.seats-page-header .dash-action-btn{align-items:center;display:inline-flex;flex:0 0 auto;font-size:11px;gap:5px;height:34px;justify-content:center;min-height:34px;padding:0 10px;white-space:nowrap}.seats-page-header .dash-action-btn svg{color:currentColor;display:inline-block;flex:0 0 14px;font-size:13px;height:14px;vertical-align:middle;visibility:visible;width:14px}.seats-page-header .dash-action-icon{align-items:center;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;line-height:0;width:14px}.seats-page-header .dash-action-icon svg{color:currentColor;display:block;flex:0 0 100%;font-size:inherit;height:100%;visibility:visible;width:100%}.seats-page-header .dash-action-icon.is-loading svg{animation:spin .8s linear infinite}:root[data-theme=dark] .seats-page-header .dash-header-bar{border-bottom-color:#343b49}:root[data-theme=dark] .seats-page-header .seats-header-icon{background:linear-gradient(135deg,#2a3652,#1e243d);color:#8b9aff}:root[data-theme=dark] .seats-page-header .dash-header-title{color:#eef0f6}:root[data-theme=dark] .seats-page-header .dash-header-subtitle{color:#a8b0c0}@media(max-width:760px){.seats-page-header{margin-bottom:14px}.seats-page-header .dash-header-bar{align-items:flex-start;gap:8px;justify-content:flex-start;padding:6px 0 10px}.seats-page-header .seats-header-left{align-items:flex-start;gap:10px;width:100%}.seats-page-header .seats-header-icon{border-radius:10px;flex-basis:42px;height:42px;width:42px}.seats-page-header .seats-header-icon svg{height:20px;width:20px}.seats-page-header .seats-header-info{align-items:center;flex:1 1;flex-direction:row;gap:8px;justify-content:space-between;min-width:0;width:auto}.seats-page-header .seats-heading-copy{flex:1 1 auto;min-width:0}.seats-page-header .dash-header-title{font-size:26px}.seats-page-header .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.seats-page-header .dash-header-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto;max-width:100%;width:max-content}.seats-page-header .dash-header-actions .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.seats-page-header .dash-header-actions .dash-action-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}.seats-page-header .dash-header-actions .dash-action-icon{flex-basis:13px;height:13px;width:13px}}@media(max-width:420px){.seats-page-header .seats-header-icon{display:none}.seats-page-header .dash-header-title{font-size:23px}.seats-page-header .dash-header-subtitle{font-size:12px}.seats-page-header .dash-header-actions{gap:5px}.seats-page-header .dash-header-actions .dash-action-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.seats-page-header .dash-header-actions .dash-action-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}.seats-page-header .dash-header-actions .dash-action-icon{flex-basis:12px;height:12px;width:12px}}@media(max-width:390px){.seats-page-header .dash-header-title{font-size:19px}.seats-page-header .dash-header-subtitle{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seats-page-header .dash-header-actions{gap:5px}.seats-page-header .dash-header-actions .dash-action-btn{font-size:9px;gap:4px;padding:0 6px}.seats-page-header .dash-header-actions .dash-action-btn svg{flex-basis:11px;font-size:11px;height:11px;width:11px}.seats-page-header .dash-header-actions .dash-action-icon{flex-basis:11px;height:11px;width:11px}}.libraries-page{font-family:Inter,-apple-system,sans-serif;min-width:0}.figma-stats-grid,.stats-grid.four.figma-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.figma-stat-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280d;padding:16px 20px}.figma-stat-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.figma-stat-top span{color:#667085;font-size:12px;font-weight:500}.figma-icon{align-items:center;border-radius:8px;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.light-violet{background:#eef0ff}.light-green{background:#e8fff3}.light-purple{background:#f4edff}.light-yellow{background:#fff8e1}.figma-stat-card h2{color:#101828;font-size:28px;font-weight:700;margin:0}.libraries-panel{overflow:hidden;padding:0}.libraries-panel.figma-table-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;overflow:hidden}.libraries-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f2f4f7;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.libraries-toolbar h2{font-family:Manrope,sans-serif;font-size:17px;margin:0 0 4px}.libraries-toolbar p{color:#8592a4;font-size:12px;margin:0}.libraries-filters{align-items:center;display:flex;gap:12px}.libraries-filters .search-wrap{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;display:flex;flex:1 1;gap:8px;height:36px;max-width:440px;padding:0 12px}.libraries-filters .search-wrap span{color:#667085}.libraries-filters .search-wrap input{border:none;font-size:13px;outline:none;width:100%}.libraries-filters .ui-select{flex:0 0 auto;width:auto}.libraries-filters .form-select-custom-trigger{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;font-size:13px;height:36px;min-height:36px;min-width:120px;padding:0 34px 0 12px}.libraries-result-count{color:#8592a4;font-size:12px;margin-left:auto;white-space:nowrap}.figma-table-card table,.libraries-panel table{border-collapse:collapse;width:100%}.figma-table-card thead,.libraries-panel thead{background:#f9fafb}.figma-table-card th,.libraries-panel th{border-bottom:1px solid #eaecf0;color:#98a2b3;font-size:11px;font-weight:600;letter-spacing:.6px;padding:12px 20px;text-align:left}.figma-table-card td,.libraries-panel td{border-bottom:1px solid #f2f4f7;font-size:13px;padding:14px 20px}.libraries-panel tbody tr:last-child td{border-bottom:none}.libraries-panel tbody tr:hover{background:#fcfcfd}.library-row-actions{align-items:center;display:flex;gap:6px}.library-row-actions .button{padding:0 9px}.figma-stat-card.figma-stat-link{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.figma-stat-card.figma-stat-link:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #10182812;transform:translateY(-2px)}.figma-stat-card.figma-stat-link:active{transform:translateY(0)}.figma-stat-card.figma-stat-link:focus-visible{border-color:#94a3b8;box-shadow:0 0 0 3px #5f70e933;outline:none}:root[data-theme=dark] .figma-stat-card.figma-stat-link:hover{border-color:#3f4a5f;box-shadow:0 8px 20px #0000004d}:root[data-theme=dark] .figma-stat-card.figma-stat-link:focus-visible{border-color:#6d7cff;box-shadow:0 0 0 3px #6d7cff3d}@media (prefers-reduced-motion:reduce){.figma-stat-card.figma-stat-link{transition:none}.figma-stat-card.figma-stat-link:active,.figma-stat-card.figma-stat-link:hover{transform:none}}.status,.status-pill,td .status{border:1px solid;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 10px}.Active,.status-pill.active,.status.good{background:#ecfdf3!important;border-color:#abefc6!important;color:#027a48!important}.Inactive,.status-pill.inactive,.status.bad{background:#f9fafb!important;border-color:#d0d5dd!important;color:#667085!important}.library-editor{width:min(580px,calc(100vw - 32px));width:min(700px,calc(100vw - 32px))}.library-editor .form-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.library-editor .form-grid>label{grid-column:span 1}.library-editor .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.library-editor .form-grid label{color:#344054;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px}.library-editor .form-grid label em{color:#ef4444;font-style:normal}.library-editor .form-grid label input,.library-editor .form-grid label select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;color:#101828;font-size:13px;height:38px;padding:8px 10px;width:100%}.library-editor .form-grid label .form-select-custom,.library-editor .form-grid label .ui-select{width:100%}.library-editor .form-grid label .form-select-custom-trigger{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#101828;font-size:13px;height:38px;min-height:38px;padding:0 10px}@media (max-width:640px){.library-editor .form-grid{grid-template-columns:1fr}}.library-editor .form-select-custom,.manage-modal .form-select-custom{position:relative;z-index:1}.library-editor .form-select-custom.open,.manage-modal .form-select-custom.open{z-index:20000}.library-editor .form-select-custom-menu,.manage-modal .form-select-custom-menu{z-index:20005}.library-editor .form-select-custom-menu-inner,.manage-modal .form-select-custom-menu-inner{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px -20px #0f172a99}:root[data-theme=dark] .library-editor .form-select-custom-menu-inner,:root[data-theme=dark] .manage-modal .form-select-custom-menu-inner{background:#202532;border-color:#343b49;box-shadow:0 30px 70px -24px #000000f2}@media (max-width:1100px){.figma-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.libraries-panel{padding:0}.libraries-toolbar{align-items:flex-start;flex-direction:column}.libraries-filters{align-items:stretch;flex-wrap:wrap;width:100%}.libraries-filters .search-wrap{flex:1 1 100%;max-width:none}.libraries-result-count{align-self:center}.libraries-panel table{min-width:820px}}@media (max-width:520px){.library-editor .form-grid{grid-template-columns:1fr}.library-row-actions{align-items:stretch;flex-direction:column}.figma-stats-grid{grid-template-columns:1fr}}.libraries-page,.libraries-page>*{max-width:100%;min-width:0}.libraries-page .table-scroll{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;width:100%}.libraries-page .libraries-panel{min-width:0;width:100%}.libraries-page .libraries-panel .libraries-table-scroll{-webkit-overflow-scrolling:touch;background:#0000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;margin:0!important;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-x:contain;padding:0!important;scrollbar-width:thin;touch-action:pan-x;width:100%}.libraries-page .libraries-panel .libraries-table-scroll::-webkit-scrollbar{height:7px}.libraries-page .libraries-panel .libraries-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.libraries-page .libraries-panel .libraries-data-table{border-collapse:initial;border-spacing:0;min-width:900px;table-layout:auto;width:100%}.libraries-page .libraries-panel .libraries-data-table th{background:#f9fafb;position:sticky;top:0;white-space:nowrap;z-index:2}.libraries-page .libraries-panel .libraries-data-table td{white-space:nowrap}.libraries-page .libraries-panel .libraries-data-table td:last-child,.libraries-page .libraries-panel .libraries-data-table th:last-child{text-align:left}.libraries-page .libraries-panel .libraries-data-table .library-row-actions{justify-content:flex-start;margin:0;max-width:100%;width:max-content}@media (max-width:760px){.libraries-page .libraries-panel .libraries-data-table{min-width:733px;table-layout:fixed;width:100%}.libraries-page .libraries-panel .libraries-data-table td:first-child,.libraries-page .libraries-panel .libraries-data-table th:first-child{width:58px}.libraries-page .libraries-panel .libraries-data-table td:nth-child(2),.libraries-page .libraries-panel .libraries-data-table th:nth-child(2){width:200px}.libraries-page .libraries-panel .libraries-data-table td:nth-child(3),.libraries-page .libraries-panel .libraries-data-table th:nth-child(3){width:130px}.libraries-page .libraries-panel .libraries-data-table td:nth-child(4),.libraries-page .libraries-panel .libraries-data-table th:nth-child(4){width:70px}.libraries-page .libraries-panel .libraries-data-table td:nth-child(5),.libraries-page .libraries-panel .libraries-data-table th:nth-child(5){width:95px}.libraries-page .libraries-panel .libraries-data-table td:nth-child(6),.libraries-page .libraries-panel .libraries-data-table th:nth-child(6){width:180px}.libraries-page .libraries-panel .libraries-data-table th:last-child{padding-left:10px;text-align:left}.libraries-page .libraries-panel .libraries-data-table td:last-child{padding-left:10px;padding-right:6px}.libraries-page .library-row-actions .button{padding-left:6px;padding-right:6px}.figma-stats-grid,.stats-grid.four.figma-stats-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.figma-stat-card{min-width:0;padding:12px 14px}.figma-stat-top{gap:6px;margin-bottom:8px}.figma-stat-top span{font-size:11px}.figma-icon{flex:0 0 28px;height:28px;width:28px}.figma-stat-card h2{font-size:23px}.libraries-toolbar{padding:12px}.libraries-filters{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.libraries-filters .search-wrap{grid-column:1/-1;min-width:0;width:100%}.libraries-filters>div{min-width:0;width:100%!important}.libraries-filters .ui-select{width:100%}.libraries-filters .form-select-custom-trigger{min-width:0;width:100%}.libraries-result-count{align-self:center;font-size:11px;justify-self:end;margin-left:0}.libraries-page .libraries-panel td,.libraries-page .libraries-panel th{padding:11px 12px}.libraries-page .library-row-actions{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:4px;white-space:nowrap}.libraries-page .library-row-actions .button{font-size:10px;min-height:28px;padding:0 6px}.libraries-page .lib-name-wrap{gap:7px;min-width:0}.libraries-page .lib-name-wrap .icon{flex:0 0 28px;height:28px;min-width:28px;width:28px}.libraries-page .lib-name-wrap b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:380px){.figma-stats-grid,.stats-grid.four.figma-stats-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.figma-stat-card{padding:10px}.figma-stat-top span{font-size:10px}.figma-stat-card h2{font-size:21px}.libraries-toolbar{padding:10px}.libraries-page .libraries-panel .libraries-data-table td,.libraries-page .libraries-panel .libraries-data-table th{font-size:11px;padding:9px 10px}.libraries-page .library-row-actions{gap:3px}.libraries-page .library-row-actions .button{font-size:9px;padding:0 4px}}.libraries-page-header{margin:0 0 20px;min-width:0;padding:0}.libraries-page-header .dash-header-bar{align-items:flex-start;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:8px 0 14px}.libraries-page-header .libraries-header-left{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.libraries-page-header .libraries-header-icon{background:linear-gradient(135deg,#5e70e829,#5e70e814);border-radius:10px;color:#5e70e8;display:grid;flex:0 0 48px;font-size:22px;height:48px;place-items:center;width:48px}.libraries-page-header .libraries-header-icon svg{height:22px;width:22px}.libraries-page-header .libraries-header-info{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:14px;justify-content:space-between;min-width:0}.libraries-page-header .libraries-heading-copy{min-width:0}.libraries-page-header .dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.libraries-page-header .dash-header-subtitle{color:#64748b;color:var(--muted,#64748b);font-size:clamp(12px,1.25vw,14px);line-height:1.4;margin:0;max-width:58rem;min-width:0;overflow-wrap:break-word}.libraries-page-header .dash-header-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0}.libraries-page-header .dash-action-btn{flex:0 0 auto;font-size:11px;gap:5px;height:34px;min-height:34px;padding:0 10px;white-space:nowrap}.libraries-page-header .dash-action-btn svg{color:currentColor;display:inline-block;flex:0 0 14px;font-size:13px;height:14px;vertical-align:middle;visibility:visible;width:14px}.libraries-page-header .dash-action-icon{align-items:center;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;line-height:0;width:14px}.libraries-page-header .dash-action-icon svg{color:currentColor;display:block;flex:0 0 100%;font-size:inherit;height:100%;visibility:visible;width:100%}.libraries-page-header .dash-action-icon.is-loading svg{animation:spin .8s linear infinite}@media (max-width:760px){.libraries-page-header{margin-bottom:14px}.libraries-page-header .dash-header-bar{align-items:flex-start;gap:8px;justify-content:flex-start;padding:6px 0 10px}.libraries-page-header .libraries-header-left{align-items:flex-start;gap:10px;width:100%}.libraries-page-header .libraries-header-icon{border-radius:10px;flex-basis:42px;height:42px;width:42px}.libraries-page-header .libraries-header-icon svg{height:20px;width:20px}.libraries-page-header .libraries-header-info{align-items:center;flex:1 1 100%;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.libraries-page-header .libraries-heading-copy{flex:1 1 auto;min-width:0}.libraries-page-header .dash-header-title{font-size:26px}.libraries-page-header .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.libraries-page-header .dash-header-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto;max-width:100%;width:max-content}.libraries-page-header .dash-header-actions .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.libraries-page-header .dash-header-actions .dash-action-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}.libraries-page-header .dash-header-actions .dash-action-icon{flex-basis:13px;height:13px;width:13px}}@media (max-width:420px){.libraries-page-header .libraries-header-icon{display:none}.libraries-page-header .dash-header-title{font-size:23px}.libraries-page-header .dash-header-subtitle{font-size:12px}.libraries-page-header .dash-header-actions{gap:5px}.libraries-page-header .dash-header-actions .dash-action-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.libraries-page-header .dash-header-actions .dash-action-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}.libraries-page-header .dash-header-actions .dash-action-icon{flex-basis:12px;height:12px;width:12px}}@media (max-width:390px){.libraries-page-header .dash-header-title{font-size:19px}.libraries-page-header .dash-header-subtitle{font-size:10px;white-space:nowrap}.libraries-page-header .dash-header-actions{gap:5px}.libraries-page-header .dash-header-actions .dash-action-btn{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 6px}.libraries-page-header .dash-header-actions .dash-action-btn svg{flex-basis:11px;font-size:11px;height:11px;width:11px}.libraries-page-header .dash-header-actions .dash-action-icon{flex-basis:11px;height:11px;width:11px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lib-name-wrap{align-items:center;display:flex;gap:10px}.lib-name-wrap .icon{background:#f0f4ff;border-radius:8px;display:grid;height:32px;min-width:32px;place-items:center;width:32px}.library-manage-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 24px 12px}.manage-tabs{flex-wrap:wrap;padding:0 24px 12px}.library-editor .form-grid label .muted-note{color:#8592a4;display:block;font-size:11px;margin-top:0}:root[data-theme=dark] .libraries-page-header .dash-header-bar{border-bottom-color:#343b49}:root[data-theme=dark] .libraries-page-header .libraries-header-icon{background:linear-gradient(135deg,#2a3652,#1e243d);color:#8b9aff}:root[data-theme=dark] .libraries-page-header .dash-header-title{color:#eef0f6}:root[data-theme=dark] .libraries-page-header .dash-header-subtitle{color:#a8b0c0}:root[data-theme=dark] .figma-stat-card{background:#202532;border-color:#343b49;box-shadow:none}:root[data-theme=dark] .figma-stat-top span{color:#a8b0c0}:root[data-theme=dark] .figma-stat-card h2{color:#eef0f6}:root[data-theme=dark] .light-violet{background:#1e243d}:root[data-theme=dark] .light-green{background:#1a2e28}:root[data-theme=dark] .light-purple{background:#241e3d}:root[data-theme=dark] .light-yellow{background:#2e261a}:root[data-theme=dark] .libraries-panel,:root[data-theme=dark] .libraries-panel.figma-table-card,:root[data-theme=dark] .libraries-toolbar{background:#202532;border-color:#343b49}:root[data-theme=dark] .libraries-toolbar h2{color:#eef0f6}:root[data-theme=dark] .libraries-result-count,:root[data-theme=dark] .libraries-toolbar p{color:#a8b0c0}:root[data-theme=dark] .libraries-filters .search-wrap{background:#252b39;border-color:#3a4252}:root[data-theme=dark] .libraries-filters .search-wrap input{background:#0000;color:#eef0f6}:root[data-theme=dark] .libraries-filters .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .figma-table-card thead,:root[data-theme=dark] .libraries-panel thead{background:#282e3d}:root[data-theme=dark] .figma-table-card th,:root[data-theme=dark] .libraries-panel th{border-color:#343b49;color:#a8b0c0}:root[data-theme=dark] .libraries-page .libraries-panel .libraries-data-table th{background:#282e3d}:root[data-theme=dark] .libraries-page .libraries-panel .libraries-table-scroll::-webkit-scrollbar-thumb{background:#4a556b}:root[data-theme=dark] .figma-table-card td,:root[data-theme=dark] .libraries-panel td{border-color:#343b49;color:#d1d7e2}:root[data-theme=dark] .figma-table-card tbody tr:hover,:root[data-theme=dark] .libraries-panel tbody tr:hover{background:#242a38}:root[data-theme=dark] .lib-name-wrap .icon{background:#1e243d}:root[data-theme=dark] .status.good{background:#1a2e28!important;border-color:#2f5a45!important;color:#34d399!important}:root[data-theme=dark] .status.bad{background:#252b39!important;border-color:#3a4252!important;color:#a8b0c0!important}.manage-modal{max-height:calc(100vh - 32px);overflow-y:auto;width:min(920px,calc(100vw - 32px))}.manage-body{grid-gap:18px;display:grid;gap:18px;padding:0 24px 24px}.manage-section{grid-gap:10px;display:grid;gap:10px}.manage-section-head h4{color:#344054;font-size:13px;font-weight:600;margin:0}.manage-tabs{border-bottom:1px solid #eaecf0;display:flex;gap:8px;padding:0 24px 16px}.manage-tab{align-items:center;background:#fff;border:1px solid #eaecf0;border-radius:8px;color:#475467;cursor:pointer;display:inline-flex;font:600 12px Inter,-apple-system,sans-serif;gap:8px;justify-content:center;min-height:38px;padding:0 13px}.manage-tab:hover{background:#f9fafb;border-color:#d0d5dd}.manage-tab.active{background:#eef0ff;border-color:#c7ceff;color:#4d5ee8}.manage-tab span{background:#f2f4f7;border-radius:10px;color:#667085;display:inline-grid;font-size:10px;height:20px;min-width:20px;padding:0 5px;place-items:center}.manage-tab.active span{background:#fff;color:#4d5ee8}.rooms-table-wrap{border:1px solid #eaecf0;border-radius:10px;overflow:auto}.rooms-table-wrap table{min-width:700px}.rooms-table-wrap td,.rooms-table-wrap th{padding:10px 14px}.rooms-table-wrap .empty-cell{color:#667085;padding:28px 16px;text-align:center}.manage-empty-note{color:#667085;font-size:12px;margin:0}.add-room-form{grid-gap:14px;background:#fcfcfd;border:1px solid #eaecf0;border-radius:10px;display:grid;gap:14px;padding:16px}.add-room-form .form-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.add-room-form .form-grid label{color:#344054;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px}.add-room-form .form-grid label em{color:#ef4444;font-style:normal}.add-room-form .form-grid label input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#101828;font-size:13px;height:38px;padding:0 10px}.add-room-title{color:#344054;font-size:13px;margin:0 0 12px}.assign-room-bar{align-items:flex-end;background:#f5f7ff;border:1px solid #e0e7ff;border-radius:10px;display:flex;gap:10px;padding:14px 16px}.assign-room-bar>div{grid-gap:6px;display:grid;flex:1 1;gap:6px}.assign-room-bar label{color:#475467;font-size:12px;font-weight:600}.assign-room-bar .form-select-custom-trigger{background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:13px;height:38px;min-height:38px;padding:0 10px}.manage-modal .modal-actions.no-border{border-top:0;justify-content:flex-start;padding:0}.manage-modal .form-grid label .form-select-custom-trigger{height:38px;min-height:38px}.manage-section .rooms-table-wrap .lib-name-wrap .icon{background:#f0f4ff;border-radius:8px;display:grid;height:28px;min-width:28px;place-items:center;width:28px}.manage-section .rooms-table-wrap .lib-name-wrap .room-icon svg{height:16px;width:16px}@media (max-width:720px){.add-room-form .form-grid{grid-template-columns:1fr}.assign-room-bar{align-items:stretch;flex-direction:column}.manage-tabs{flex-wrap:wrap;padding:0 16px 14px}.manage-tab{flex:1 1 auto}}:root[data-theme=dark] .add-room-form,:root[data-theme=dark] .rooms-table-wrap{background:#202532;border-color:#343b49}:root[data-theme=dark] .add-room-form .form-grid label,:root[data-theme=dark] .add-room-title,:root[data-theme=dark] .manage-section-head h4{color:#d1d7e2}:root[data-theme=dark] .add-room-form .form-grid label input{background:#252b39;border-color:#3a4252;color:#eef0f6}:root[data-theme=dark] .assign-room-bar{background:#1e243d;border-color:#343b49}:root[data-theme=dark] .assign-room-bar label{color:#a8b0c0}:root[data-theme=dark] .assign-room-bar .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .manage-tabs{border-color:#343b49}:root[data-theme=dark] .manage-tab{background:#252b39;border-color:#3a4252;color:#d1d7e2}:root[data-theme=dark] .manage-tab:hover{background:#2b3242}:root[data-theme=dark] .manage-tab.active{background:#1e243d;border-color:#4856a8;color:#aeb8ff}:root[data-theme=dark] .manage-tab span{background:#343b49;color:#d1d7e2}:root[data-theme=dark] .manage-tab.active span{background:#282e3d;color:#aeb8ff}:root[data-theme=dark] .manage-empty-note,:root[data-theme=dark] .rooms-table-wrap .empty-cell{color:#a8b0c0}:root[data-theme=dark] .library-editor .form-grid label{color:#d1d7e2}:root[data-theme=dark] .library-editor .form-grid label .form-select-custom-trigger,:root[data-theme=dark] .library-editor .form-grid label input,:root[data-theme=dark] .library-editor .form-grid label select{background:#252b39;border-color:#3a4252;color:#eef0f6}@media (max-width:640px){.assign-room-bar{align-items:stretch;flex-direction:column}.manage-body{padding:0 16px 16px}}.is-loading{animation:spin .8s linear infinite}.lib-name-wrap .icon{color:#5e70e8}.lib-name-wrap .icon svg{display:block}.figma-stat-card.skeleton-card{gap:10px}.figma-stat-card.skeleton-card .figma-stat-top{align-items:center}.skeleton-text.large{height:26px;width:60px}.libraries-page .libraries-panel .libraries-skel-table{table-layout:fixed}.libraries-page .libraries-panel .libraries-skel-table tbody tr:hover{background:#0000}.libraries-skel-name{align-items:center;display:flex;gap:10px;min-width:0}.libraries-skel-name .dash-skel-line{width:78%}.libraries-skel-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.libraries-skel-table .dash-skel-line{width:68%}.libraries-skel-table .dash-skel-line.short{width:38%}.libraries-skel-table .dash-skel-line.medium{width:54%}.libraries-skel-table .dash-skel-line.wide{width:82%}.libraries-skel-table .dash-skel-icon.small{flex-basis:28px;height:28px;width:28px}@media (max-width:760px){.libraries-skel-table .dash-skel-icon.small{flex-basis:26px;height:26px;width:26px}.libraries-skel-actions{gap:4px}}@keyframes rooms-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--panel:#fff;--border:#e6e8ee;--text:#252f40;--muted:#818b9b}:root[data-theme=dark]{--panel:#202532;--border:#343b49;--text:#eef0f6;--muted:#a8b0c0}.rooms-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:24px}.rooms-summary-grid .stat-card{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1018280a;display:block;min-height:140px;padding:20px;position:relative}.rooms-summary-grid .stat-icon{border-radius:10px;display:grid;font-size:18px;height:42px;place-items:center;position:absolute;right:18px;top:18px;width:42px}.rooms-summary-grid .stat-copy>span{color:#818b9b;color:var(--muted);display:block;font-size:13px;padding-right:58px}.rooms-summary-grid .stat-copy strong{color:#252f40;color:var(--text);display:block;font-size:26px;font-weight:800;margin-top:32px}.rooms-summary-grid .stat-copy small{color:#818b9b;color:var(--muted);display:block;font-size:11px;margin-top:4px}.rooms-summary-grid .stat-icon.violet{background:#f0efff;color:#5948ff}.rooms-summary-grid .stat-icon.pink{background:#fbf0ff;color:#a100ed}.rooms-summary-grid .stat-icon.green{background:#ecfbf4;color:#00a978}.rooms-summary-grid .stat-icon.orange{background:#fff8e8;color:#e78100}:root[data-theme=dark] .rooms-summary-grid .stat-icon.violet{background:#2a2660;color:#a99cff}:root[data-theme=dark] .rooms-summary-grid .stat-icon.pink{background:#3a235a;color:#e8a0ff}:root[data-theme=dark] .rooms-summary-grid .stat-icon.green{background:#1a332b;color:#34d399}:root[data-theme=dark] .rooms-summary-grid .stat-icon.orange{background:#3d2e1a;color:#fbbf24}.room-tabs{align-items:center;background:#fff;background:var(--panel);border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;display:flex;gap:0;height:56px;margin:0 0 24px;padding:0 8px;position:sticky;top:0;z-index:4}.room-tabs>button:not(.button){background:none;border:0;border-bottom:3px solid #0000;color:#818b9b;color:var(--muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;height:54px;padding:0 22px}.room-tabs>button.active{border-color:#5e70e8!important;color:#5969df!important;font-weight:700}:root[data-theme=dark] .room-tabs>button.active{color:#8b9aff!important}.room-tabs .button{margin-left:auto}.room-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.reference-room-grid{gap:18px}.reference-room-grid .room-card{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:18px;transition:.2s}.reference-room-grid .room-card:hover{box-shadow:0 8px 24px #10182814;transform:translateY(-2px)}.room-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.room-title>b{color:#252f40;color:var(--text);font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.room-subtitle{margin:0 0 14px}.room-title .status{border:1px solid;border-radius:99px;font-size:10px;font-weight:600;padding:3px 8px}.room-title .status.good{background:#ecfdf5;border-color:#d1fae5;color:#059669}:root[data-theme=dark] .room-title .status.good{background:#1a332b;border-color:#2a4a3a;color:#6ee7b7}.room-counts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.room-counts span{grid-gap:2px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;color:#818b9b;color:var(--muted);display:grid;font-size:10px;gap:2px;justify-items:center;padding:9px 4px}:root[data-theme=dark] .room-counts span{background:#252b39;border-color:#3a4252;color:#818b9b;color:var(--muted)}.room-counts b{color:#252f40;color:var(--text);font-size:15px;font-weight:700}.room-occupancy{color:#818b9b;color:var(--muted);display:flex;font-size:11px;justify-content:space-between;margin:14px 0 6px}.room-occupancy b{color:#252f40;color:var(--text);font-weight:700}.room-progress{background:#edf2f6;border-radius:99px;height:5px;overflow:hidden}:root[data-theme=dark] .room-progress{background:#1f2742}.room-progress span{border-radius:99px;display:block;height:100%;transition:width .6s}.room-actions{display:flex;gap:8px;margin-top:14px}.room-actions .button{border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;height:36px;padding:0 8px}.room-actions .button.ghost{background:#fff;border:1px solid #e6e8ee;border:1px solid var(--border);color:#252f40;color:var(--text)}.room-actions .button.soft{background:#eef2ff;border:1px solid #e0e7ff;color:#4f46e5}:root[data-theme=dark] .room-actions .button.ghost{background:#252b39;border-color:#3a4252;color:#252f40;color:var(--text)}:root[data-theme=dark] .room-actions .button.soft{background:#1e243d;border-color:#2d3561;color:#8b9aff}.room-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.room-picker button{align-items:center;background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:10px;color:#252f40;color:var(--text);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:40px;padding:0 14px}.room-picker button.active{background:#5e6fe6;border-color:#5e6fe6;color:#fff}.room-picker button b{font-size:12px;font-weight:600}.room-picker button small{font-size:11px;opacity:.7}.room-picker button.active small{color:#dce2ff}.seat-map-card{background:#fff!important;background:var(--panel)!important;border:1px solid #e6e8ee!important;border:1px solid var(--border)!important;border-radius:14px;box-shadow:none!important;padding:22px}.seat-map-heading{margin:0 0 20px}.seat-map-heading h2{color:#252f40;color:var(--text);font-size:18px;font-weight:700;margin:0}.seat-map-heading p{color:#818b9b;color:var(--muted);font-size:12px;margin:4px 0 0}.room-seat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(10,minmax(0,1fr))}.room-seat-grid button{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:3px;height:62px;justify-content:center;transition:.15s}.room-seat-grid button:hover{transform:scale(1.03)}.room-seat-grid button.available{background:#effbf6;border-color:#91e9c6;color:#14966b}.room-seat-grid button.occupied{background:#eff0ff;border-color:#c7ceff;color:#5949f6}.room-seat-grid button.reserved{background:#fff9eb;border-color:#ffda82;color:#c35d00}:root[data-theme=dark] .room-seat-grid button.available{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .room-seat-grid button.occupied{background:#1e243d;border-color:#3a4480;color:#8b9aff}:root[data-theme=dark] .room-seat-grid button.reserved{background:#2e261a;border-color:#5a4a2a;color:#fcd34d}.room-seat-grid button b{font-size:13px;font-weight:700}.room-seat-grid button span{font-size:10px;font-weight:500}.add-room-card{align-items:center;background:#fff;background:var(--panel);border:2px dashed #d8dce2;border-radius:14px;color:#818b9b;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:180px;transition:.2s}.add-room-card:hover{background:#f8faff;border-color:#5e70e8;color:#5e70e8}:root[data-theme=dark] .add-room-card{background:#fff;background:var(--panel);border-color:#3a4252}.add-room-card span{font-size:13px;font-weight:600}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.modal-box{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:100%}.modal-head{align-items:center;padding:18px 20px 0}.modal-head h2{color:#252f40;color:var(--text);font-size:16px;font-weight:700;margin:0}.modal-close{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;height:30px;width:30px}:root[data-theme=dark] .modal-close{background:#252b39;color:#252f40;color:var(--text)}.modal-form{display:flex;flex-direction:column;gap:12px;padding:18px 20px}.modal-form input,.modal-form select{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;color:#252f40;color:var(--text);font-size:13px;height:42px;padding:0 12px;width:100%}.modal-actions{border-top:1px solid #e6e8ee;border-top:1px solid var(--border);margin-top:8px;padding:14px 20px}@media(max-width:1250px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rooms-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.room-seat-grid,.seat-map-card .room-seat-grid{gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.room-grid{grid-template-columns:1fr}.rooms-summary-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.rooms-summary-grid .stat-card{min-height:110px;padding:16px}.rooms-summary-grid .stat-copy strong{font-size:22px;margin-top:24px}.room-tabs{background:#fff;background:var(--panel);height:48px;margin:0 0 16px;overflow-x:auto;position:relative;scrollbar-width:none;top:0;white-space:nowrap;z-index:10}.room-tabs::-webkit-scrollbar{display:none}.room-tabs>button:not(.button){font-size:13px;height:46px;padding:0 14px;white-space:nowrap}.room-seat-grid{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.room-seat-grid button{height:56px}.seat-map-card{padding:16px}.room-picker{gap:6px}.room-picker button{font-size:11px;height:36px;padding:0 10px}}@media(max-width:480px){.rooms-summary-grid{grid-template-columns:1fr}.room-seat-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.room-seat-grid button{height:54px}.room-counts span{padding:7px 2px}.reference-room-grid .room-card{padding:14px}}.room-filter-card{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1018280a;display:flex;flex-direction:column;gap:14px;margin-bottom:18px;padding:16px;position:relative;z-index:2}.room-filter-card:focus-within{z-index:20}.room-filter-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.room-filter-title{align-items:center;display:flex;gap:10px;min-width:0}.room-filter-icon{background:#eef2ff;border-radius:10px;color:#4f46e5;display:grid;flex:none;font-size:13px;height:34px;place-items:center;width:34px}.room-filter-title b{color:#252f40;color:var(--text);display:block;font-size:12.5px;font-weight:700}.room-filter-title small{color:#818b9b;color:var(--muted);display:block;font-size:10.5px;line-height:1.35;margin-top:2px}.room-filter-count{align-items:center;background:#f8fafc;border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:99px;color:#818b9b;color:var(--muted);display:inline-flex;font-size:11px;gap:4px;padding:6px 10px;white-space:nowrap}.room-filter-count b{color:#252f40;color:var(--text);font-weight:700}.room-filter-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) minmax(165px,200px) minmax(145px,175px) auto}.room-search{background:#fff;background:var(--panel);border-color:#e6e8ee;border-color:var(--border);height:40px;min-width:0!important;padding:0 12px}.room-search input{color:#252f40;color:var(--text);font-size:12px}.room-search svg{color:#94a3b8;flex:none;font-size:13px}.room-filter-clear{align-items:center;background:#fff;background:var(--panel);border-color:#e6e8ee;border-color:var(--border);color:#818b9b;color:var(--muted);display:inline-flex;font-size:11.5px;gap:7px;height:40px;justify-content:center;padding:0 13px;white-space:nowrap}.room-filter-clear svg{font-size:11px}.room-filter-clear:hover:not(:disabled){background:#fff7f7;border-color:#fecaca;color:#dc3545}:root[data-theme=dark] .room-filter-icon{background:#2a3652;color:#8fb4ff}:root[data-theme=dark] .room-filter-clear,:root[data-theme=dark] .room-filter-count{background:#252b39;border-color:#3a4252}:root[data-theme=dark] .room-filter-clear:hover:not(:disabled){background:#3a2025;border-color:#6d3238;color:#fb7185}.room-delete-seats .form-select-custom,.room-editor .form-select-custom,.room-filter-card .form-select-custom{min-width:0;position:relative;width:100%;z-index:1}.room-delete-seats .form-select-custom.open,.room-editor .form-select-custom.open,.room-filter-card .form-select-custom.open{z-index:80}.room-delete-seats .form-select-custom-trigger,.room-editor .form-select-custom-trigger,.room-filter-card .form-select-custom-trigger{align-items:center;background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:9px;box-sizing:border-box;color:#252f40;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:9px;height:40px;justify-content:flex-start;padding:0 12px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.room-delete-seats .form-select-custom-trigger,.room-editor .form-select-custom-trigger{border-radius:8px}.room-delete-seats .form-select-custom-trigger:hover:not(:disabled),.room-editor .form-select-custom-trigger:hover:not(:disabled),.room-filter-card .form-select-custom-trigger:hover:not(:disabled){border-color:#c9d4e2}.room-delete-seats .form-select-custom-trigger:focus-visible,.room-delete-seats .form-select-custom.open .form-select-custom-trigger,.room-editor .form-select-custom-trigger:focus-visible,.room-editor .form-select-custom.open .form-select-custom-trigger,.room-filter-card .form-select-custom-trigger:focus-visible,.room-filter-card .form-select-custom.open .form-select-custom-trigger{border-color:#176ee8;box-shadow:0 0 0 3px #176ee81f;outline:none}.room-delete-seats .form-select-custom-trigger.placeholder,.room-editor .form-select-custom-trigger.placeholder,.room-filter-card .form-select-custom-trigger.placeholder{color:#98a2b3}.room-delete-seats .form-select-custom-icon,.room-editor .form-select-custom-icon,.room-filter-card .form-select-custom-icon{align-items:center;color:#8b97a8;display:inline-flex;flex:none;font-size:13px;justify-content:center;line-height:1}.room-delete-seats .form-select-custom-text,.room-editor .form-select-custom-text,.room-filter-card .form-select-custom-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-delete-seats .form-select-custom-caret,.room-editor .form-select-custom-caret,.room-filter-card .form-select-custom-caret{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;flex:0 0 auto;height:7px;margin-left:auto;transform:rotate(45deg) translateY(-1px);transition:transform .15s ease;width:7px}.room-delete-seats .form-select-custom.open .form-select-custom-caret,.room-editor .form-select-custom.open .form-select-custom-caret,.room-filter-card .form-select-custom.open .form-select-custom-caret{transform:rotate(225deg) translateY(-1px)}.room-delete-seats .form-select-custom-menu,.room-editor .form-select-custom-menu,.room-filter-card .form-select-custom-menu{left:0;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.room-delete-seats .form-select-custom-menu-inner,.room-editor .form-select-custom-menu-inner,.room-filter-card .form-select-custom-menu-inner{background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 28px 60px -18px #0f172a80;max-height:280px;overflow-x:hidden;overflow-y:auto;padding:6px;scrollbar-color:#d7deea #0000;scrollbar-width:thin}.room-delete-seats .form-select-custom-menu-inner::-webkit-scrollbar,.room-editor .form-select-custom-menu-inner::-webkit-scrollbar,.room-filter-card .form-select-custom-menu-inner::-webkit-scrollbar{width:6px}.room-delete-seats .form-select-custom-menu-inner::-webkit-scrollbar-thumb,.room-editor .form-select-custom-menu-inner::-webkit-scrollbar-thumb,.room-filter-card .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#d7deea;border-radius:10px}.room-delete-seats .form-select-custom-item,.room-editor .form-select-custom-item,.room-filter-card .form-select-custom-item{align-items:center;background:#0000;border:0;border-radius:8px;color:#344054;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:12px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.room-delete-seats .form-select-custom-item:hover:not(:disabled),.room-editor .form-select-custom-item:hover:not(:disabled),.room-filter-card .form-select-custom-item:hover:not(:disabled){background:#f6f9ff;color:#176ee8}.room-delete-seats .form-select-custom-item.selected,.room-editor .form-select-custom-item.selected,.room-filter-card .form-select-custom-item.selected{background:#eef5ff;color:#176ee8;font-weight:700}.room-delete-seats .form-select-custom-check,.room-editor .form-select-custom-check,.room-filter-card .form-select-custom-check{border-bottom:2px solid;border-right:2px solid;height:10px;transform:rotate(45deg);width:6px}.room-delete-seats .form-select-custom.disabled .form-select-custom-trigger,.room-editor .form-select-custom.disabled .form-select-custom-trigger,.room-filter-card .form-select-custom.disabled .form-select-custom-trigger{cursor:not-allowed;opacity:.6}:root[data-theme=dark] .room-delete-seats .form-select-custom-trigger,:root[data-theme=dark] .room-editor .form-select-custom-trigger,:root[data-theme=dark] .room-filter-card .form-select-custom-trigger{background:#252b39;border-color:#3a4252;color:#e7eaf1}:root[data-theme=dark] .room-delete-seats .form-select-custom-trigger.placeholder,:root[data-theme=dark] .room-editor .form-select-custom-trigger.placeholder,:root[data-theme=dark] .room-filter-card .form-select-custom-trigger.placeholder{color:#8a95b0}:root[data-theme=dark] .room-delete-seats .form-select-custom-caret,:root[data-theme=dark] .room-editor .form-select-custom-caret,:root[data-theme=dark] .room-filter-card .form-select-custom-caret{border-bottom-color:#a8b4c9;border-right-color:#a8b4c9}:root[data-theme=dark] .room-delete-seats .form-select-custom-menu-inner,:root[data-theme=dark] .room-editor .form-select-custom-menu-inner,:root[data-theme=dark] .room-filter-card .form-select-custom-menu-inner{background:#202532;border-color:#343b49;box-shadow:0 34px 70px -24px #000000f2;scrollbar-color:#3f485c #0000}:root[data-theme=dark] .room-delete-seats .form-select-custom-menu-inner::-webkit-scrollbar-thumb,:root[data-theme=dark] .room-editor .form-select-custom-menu-inner::-webkit-scrollbar-thumb,:root[data-theme=dark] .room-filter-card .form-select-custom-menu-inner::-webkit-scrollbar-thumb{background:#3f485c}:root[data-theme=dark] .room-delete-seats .form-select-custom-item,:root[data-theme=dark] .room-editor .form-select-custom-item,:root[data-theme=dark] .room-filter-card .form-select-custom-item{color:#eef0f6}:root[data-theme=dark] .room-delete-seats .form-select-custom-item:hover:not(:disabled),:root[data-theme=dark] .room-editor .form-select-custom-item:hover:not(:disabled),:root[data-theme=dark] .room-filter-card .form-select-custom-item:hover:not(:disabled){background:#25314a;color:#fff}:root[data-theme=dark] .room-delete-seats .form-select-custom-item.selected,:root[data-theme=dark] .room-editor .form-select-custom-item.selected,:root[data-theme=dark] .room-filter-card .form-select-custom-item.selected{background:#2a3652;color:#fff}.room-card.inactive{opacity:.78}.room-card.inactive:hover{opacity:1}.room-title .status.warn{background:#fff7e6;border-color:#ffe2ad;color:#c26a00}.room-title .status.muted{background:#f4f6f9;border-color:#e5e9f0;color:#7b8798}:root[data-theme=dark] .room-title .status.warn{background:#3b2c15;border-color:#5a4520;color:#fbbf24}:root[data-theme=dark] .room-title .status.muted{background:#2a303c;border-color:#3a4252;color:#a8b0c0}.room-seat-breakdown{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.room-seat-breakdown>div{grid-gap:3px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:9px;display:grid;gap:3px;justify-items:center;padding:10px 4px}.room-seat-breakdown>div span{color:#818b9b;color:var(--muted);font-size:10px}.room-seat-breakdown>div b{color:#252f40;color:var(--text);font-size:15px}.room-seat-breakdown .ac{background:#effbf6;border-color:#d9f5e9}.room-seat-breakdown .ac b{color:#14966b}.room-seat-breakdown .non-ac{background:#f4f2ff;border-color:#e8e4ff}.room-seat-breakdown .non-ac b{color:#5b4bd8}:root[data-theme=dark] .room-seat-breakdown>div{background:#252b39;border-color:#3a4252}:root[data-theme=dark] .room-seat-breakdown .ac{background:#1a2e28;border-color:#2f5a45}:root[data-theme=dark] .room-seat-breakdown .non-ac{background:#252144;border-color:#3a3568}.room-quick-stats{align-items:center;color:#818b9b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:10.5px;gap:12px;margin-top:12px}.room-quick-stats span{align-items:center;display:inline-flex;gap:5px}.room-quick-stats b{color:#252f40;color:var(--text);font-size:11px}.room-quick-stats i{border-radius:50%;display:inline-block;height:6px;width:6px}.room-quick-stats i.available{background:#12b987}.room-quick-stats i.occupied{background:#5e70e8}.room-quick-stats i.reserved{background:#f39a05}.room-actions-secondary{flex-wrap:wrap}.room-actions-secondary .button{min-width:80px}.room-empty-state{padding:32px}.button.danger{background:#ef5260;border-color:#ef5260}.button.danger:hover{background:#dc3545;border-color:#dc3545}.button.danger-ghost{background:#0000;border-color:#f3b5bb;color:#dc3545}.button.danger-ghost:hover{background:#fff1f2;border-color:#ef5260}:root[data-theme=dark] .button.danger-ghost{background:#0000;border-color:#6d3238;color:#fb7185}:root[data-theme=dark] .button.danger-ghost:hover{background:#3a2025;border-color:#fb7185}.button:disabled{cursor:not-allowed;opacity:.55}.modal.room-seat-viewer{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(980px,100%)}.room-seat-viewer .modal-head{flex:none}.room-modal-subtitle{color:#818b9b;color:var(--muted);font-size:12px;margin:4px 0 0}.seat-viewer-stats{grid-gap:10px;display:grid;flex:none;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 24px 0}.seat-viewer-stats>div{grid-gap:3px;background:#f8fafc;border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:10px;display:grid;gap:3px;padding:10px 12px}.seat-viewer-stats span{color:#818b9b;color:var(--muted);font-size:10px}.seat-viewer-stats b{color:#252f40;color:var(--text);font-size:17px}.seat-viewer-stats .occupied b{color:#5e70e8}.seat-viewer-stats .reserved b{color:#c35d00}.seat-viewer-stats .ac b{color:#14966b}.seat-viewer-stats .non-ac b{color:#5b4bd8}:root[data-theme=dark] .seat-viewer-stats>div{background:#252b39;border-color:#3a4252}.seat-viewer-filters{border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--border);display:flex;flex:none;flex-wrap:wrap;gap:8px;padding:14px 24px}.seat-viewer-filters .button{font-size:11px;height:31px;padding:0 12px}.seat-viewer-body{flex:1 1;min-height:160px;overflow:auto;padding:18px 24px}.seat-viewer-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,minmax(0,1fr))}.seat-viewer-seat{align-items:center;border:1px solid;border-radius:8px;display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:2px;height:54px;justify-content:center;text-transform:capitalize}.seat-viewer-seat b{font-size:12px}.seat-viewer-seat.available{background:#effbf6;border-color:#91e9c6;color:#14966b}.seat-viewer-seat.occupied{background:#eff0ff;border-color:#c7ceff;color:#5949f6}.seat-viewer-seat.reserved{background:#fff9eb;border-color:#ffda82;color:#c35d00}:root[data-theme=dark] .seat-viewer-seat.available{background:#1a2e28;border-color:#2f5a45;color:#34d399}:root[data-theme=dark] .seat-viewer-seat.occupied{background:#1e243d;border-color:#3a4480;color:#8b9aff}:root[data-theme=dark] .seat-viewer-seat.reserved{background:#2e261a;border-color:#5a4a2a;color:#fcd34d}.seat-viewer-details{border-top:1px solid #e6e8ee;border-top:1px solid var(--border);flex:none;max-height:230px;overflow:auto;padding:16px 24px}.seat-viewer-details:empty{display:none}.room-modal-actions{align-items:center;border-top:1px solid #e6e8ee;border-top:1px solid var(--border);display:flex;flex:none;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 24px}.modal.room-editor{width:min(780px,100%)}.modal.room-delete-seats{width:min(560px,100%)}.room-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.room-form-grid label{color:#252f40;color:var(--text);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:6px}.room-form-grid .room-form-note,.room-form-grid .room-total-note,.room-form-grid label.full{grid-column:1/-1}.room-form-grid input,.room-form-grid select{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;color:#252f40;color:var(--text);font-size:12px;height:40px;padding:0 11px;width:100%}.room-form-note{background:#f8fafc;border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;font-size:11px;line-height:1.5;padding:10px 12px}.room-form-hint,.room-form-note{color:#818b9b;color:var(--muted);margin:0}.room-form-hint{align-items:center;display:flex;font-size:10.5px;line-height:1.45}.room-total-note{align-items:center;display:flex;font-weight:500;justify-content:space-between}.room-total-note b{color:#252f40;color:var(--text);font-size:18px}:root[data-theme=dark] .room-form-note{background:#252b39;border-color:#3a4252}@media(max-width:760px){.room-filter-card{gap:12px;padding:14px}.room-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.room-filter-clear,.room-search{grid-column:1/-1}.seat-viewer-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 16px 0}.seat-viewer-filters{padding:12px 16px}.seat-viewer-body{padding:14px 16px}.seat-viewer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.seat-viewer-details{padding:14px 16px}.room-modal-actions{padding:12px 16px}.room-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.room-filter-head{align-items:flex-start}.room-filter-controls{grid-template-columns:1fr}.room-filter-clear,.room-search{grid-column:auto}.seat-viewer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-viewer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-seat-breakdown>div{padding:8px 2px}.room-actions-secondary .button{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:0}}.rooms-table-wrap{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 2px 8px rgba(16,24,40,.035);scrollbar-width:thin}.rooms-table{border-collapse:initial;border-spacing:0;min-width:1160px;text-align:left}.rooms-table-caption{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rooms-table th{background:#f8fafc;border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--border);color:#64748b;font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.rooms-table td,.rooms-table th{padding:13px 15px;white-space:nowrap}.rooms-table td{border-bottom:1px solid #edf0f4;color:#252f40;color:var(--text);font-size:12px;vertical-align:middle}.rooms-table tbody tr:last-child td{border-bottom:0}.rooms-table tbody tr:hover{background:#fafbff}.rooms-table .menu-open{position:relative;z-index:10}.rooms-table-serial{font-feature-settings:"tnum";color:#818b9b!important;color:var(--muted)!important;font-variant-numeric:tabular-nums;text-align:center;width:64px}.rooms-library-tag{align-items:center;border:1px solid;border-radius:7px;display:inline-flex;font-size:10.5px;font-weight:650;line-height:1.2;min-height:25px;padding:4px 9px}.rooms-library-tag.color-0{background:#eef2ff;border-color:#dbe3ff;color:#4338ca}.rooms-library-tag.color-1{background:#ecfdf5;border-color:#d1fae5;color:#047857}.rooms-library-tag.color-2{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.rooms-library-tag.color-3{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.rooms-library-tag.color-4{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.rooms-library-tag.color-5{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.rooms-library-tag.color-6{background:#fefce8;border-color:#fde68a;color:#a16207}.rooms-library-tag.color-7{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.rooms-table-room{display:flex;flex-direction:column;gap:4px}.rooms-table-room strong{color:#252f40;color:var(--text);font-size:12.5px;font-weight:700}.rooms-table-room span{color:#818b9b;color:var(--muted);font-size:10px}.rooms-table .status{border:1px solid;border-radius:99px;display:inline-flex;font-size:10px;font-weight:650;padding:4px 8px;text-transform:capitalize}.rooms-table .status.good{background:#ecfdf5;border-color:#d1fae5;color:#059669}.rooms-table .status.warn{background:#fff7e6;border-color:#ffe2ad;color:#c26a00}.rooms-table .status.muted{background:#f4f6f9;border-color:#e5e9f0;color:#7b8798}.rooms-table-capacity{display:flex;flex-direction:column;gap:3px}.rooms-table-capacity strong{color:#252f40;color:var(--text);font-size:12px}.rooms-table-capacity .rooms-seat-type{border:1px solid;border-radius:6px;display:inline-flex;font-size:10px;font-weight:650;padding:4px 7px;width:max-content}.rooms-table-capacity .rooms-seat-type.ac{background:#eef8ff;border-color:#cfeaff;color:#1769aa}.rooms-table-capacity .rooms-seat-type.non-ac{background:#fff1f2;border-color:#fecdd3;color:#be123c}:root[data-theme=dark] .rooms-table-capacity .rooms-seat-type.ac{background:#192d3d;border-color:#2c4d68;color:#7dd3fc}:root[data-theme=dark] .rooms-table-capacity .rooms-seat-type.non-ac{background:#3a232b;border-color:#633541;color:#fda4af}.rooms-table-available{background:#ecfdf5;border-radius:7px;color:#087a55;display:inline-flex;font-weight:700;justify-content:center;min-width:30px;padding:4px 7px}.rooms-table-available.is-full{background:#fff7e6;color:#b86b08}.rooms-table-occupancy{grid-gap:8px;align-items:center;color:#252f40;color:var(--text);display:grid;font-size:11px;font-weight:650;gap:8px;grid-template-columns:34px 72px}.rooms-table-occupancy .room-progress{height:6px;width:72px}.rooms-table-actions{align-items:center;display:flex;gap:6px}.rooms-table-actions>.button{border-radius:7px;flex:none;font-size:10px;height:30px;padding:0 9px}.rooms-table-actions .room-menu-trigger{height:30px;width:30px}.rooms-table-pagination{align-items:center;background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:0 0 14px 14px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:12px 14px}.rooms-table-page-summary{color:#818b9b;color:var(--muted);font-size:11px}.rooms-table-page-summary strong{color:#252f40;color:var(--text);font-weight:700}.rooms-table-page-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rooms-table-page-size{align-items:center;color:#818b9b;color:var(--muted);display:flex;font-size:10.5px;gap:7px}.rooms-table-page-size .form-select-custom{min-width:62px;width:62px}.rooms-table-page-size .form-select-custom-trigger{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;color:#252f40;color:var(--text);font-size:11px;height:32px;min-height:32px;padding:0 9px}.rooms-table-page-number{color:#818b9b;color:var(--muted);font-size:10.5px;padding:0 4px;white-space:nowrap}.rooms-table-page-controls>button{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;color:#252f40;color:var(--text);cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:600;height:32px;padding:0 11px}.rooms-table-page-controls>button:hover:not(:disabled){background:#f8fafc;border-color:#cfd6e4}.rooms-table-page-controls>button:disabled{cursor:not-allowed;opacity:.45}:root[data-theme=dark] .rooms-table th{background:#252b39;color:#a8b0c0}:root[data-theme=dark] .rooms-table td{border-color:#343b49}:root[data-theme=dark] .rooms-table tbody tr:hover{background:#232a38}:root[data-theme=dark] .rooms-table .status.good{background:#1a332b;border-color:#2a4a3a;color:#6ee7b7}:root[data-theme=dark] .rooms-table .status.warn{background:#3b2c15;border-color:#5a4520;color:#fbbf24}:root[data-theme=dark] .rooms-table .status.muted{background:#2a303c;border-color:#3a4252;color:#a8b0c0}:root[data-theme=dark] .rooms-table-available{background:#1a2e28;color:#34d399}:root[data-theme=dark] .rooms-table-available.is-full{background:#302718;color:#fbbf24}:root[data-theme=dark] .rooms-table-wrap{box-shadow:0 2px 8px #00000029}:root[data-theme=dark] .rooms-table-pagination{background:#fff;background:var(--panel);border-color:#e6e8ee;border-color:var(--border)}:root[data-theme=dark] .rooms-table-page-controls>button:hover:not(:disabled){background:#252b39;border-color:#4a5265}:root[data-theme=dark] .rooms-library-tag.color-0{background:#252449;border-color:#39366b;color:#b9b4ff}:root[data-theme=dark] .rooms-library-tag.color-1{background:#1a332b;border-color:#2a4a3a;color:#6ee7b7}:root[data-theme=dark] .rooms-library-tag.color-2{background:#3b2c1e;border-color:#60452a;color:#fdba74}:root[data-theme=dark] .rooms-library-tag.color-3{background:#3a2332;border-color:#633650;color:#f9a8d4}:root[data-theme=dark] .rooms-library-tag.color-4{background:#1d3040;border-color:#2b4d66;color:#7dd3fc}:root[data-theme=dark] .rooms-library-tag.color-5{background:#30264a;border-color:#4b3b70;color:#c4b5fd}:root[data-theme=dark] .rooms-library-tag.color-6{background:#38321d;border-color:#5b4e27;color:#fde047}:root[data-theme=dark] .rooms-library-tag.color-7{background:#193431;border-color:#2a5a52;color:#5eead4}.room-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.room-title-block{min-width:0}.room-title-line{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.room-title-line>b{color:#252f40;color:var(--text);font-family:Manrope,sans-serif;font-size:16px;font-weight:700;line-height:1.25}.room-card .status{border:1px solid;border-radius:99px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:capitalize;white-space:nowrap}.room-card .status.good{background:#ecfdf5;border-color:#d1fae5;color:#059669}.room-card .status.warn{background:#fff7e6;border-color:#ffe2ad;color:#c26a00}.room-card .status.muted{background:#f4f6f9;border-color:#e5e9f0;color:#7b8798}:root[data-theme=dark] .room-card .status.good{background:#1a332b;border-color:#2a4a3a;color:#6ee7b7}:root[data-theme=dark] .room-card .status.warn{background:#3b2c15;border-color:#5a4520;color:#fbbf24}:root[data-theme=dark] .room-card .status.muted{background:#2a303c;border-color:#3a4252;color:#a8b0c0}.room-subtitle{align-items:center;color:#818b9b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:11.5px;gap:6px;line-height:1.5;margin:5px 0 0}.room-code-tag{align-items:center;background:#f1f3f8;border-radius:5px;color:#5f6b7d;display:inline-flex;font-size:9.5px;font-weight:700;height:20px;letter-spacing:.03em;padding:0 7px}:root[data-theme=dark] .room-code-tag{background:#2a303c;color:#c2c9d6}.room-dot{opacity:.55}.room-menu-wrap{flex:none;position:relative}.room-menu-trigger{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;color:#818b9b;color:var(--muted);cursor:pointer;display:grid;font-size:13px;height:32px;place-items:center;transition:.15s;width:32px}.room-menu-trigger:hover,.room-menu-trigger[aria-expanded=true]{background:#f5f7fb;border-color:#d5dbe6;color:#252f40;color:var(--text)}:root[data-theme=dark] .room-menu-trigger:hover,:root[data-theme=dark] .room-menu-trigger[aria-expanded=true]{background:#2a303c;border-color:#4a5265;color:#eef0f6}.room-menu{background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 45px #0f172a2e,0 2px 8px #0f172a0f;max-width:calc(100vw - 40px);padding:6px;position:absolute;right:0;top:calc(100% + 7px);width:224px;z-index:50}.room-menu button{align-items:center;background:#0000;border:0;border-radius:8px;color:#252f40;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:9px;padding:9px 10px;text-align:left;width:100%}.room-menu button:hover:not(:disabled){background:#f5f7fb}:root[data-theme=dark] .room-menu button:hover:not(:disabled){background:#2a303c}.room-menu button svg{color:#818b9b;color:var(--muted);flex:none;font-size:12px}.room-menu button.danger,.room-menu button.danger svg{color:#dc3545}.room-menu button.danger:hover:not(:disabled){background:#fff1f2}:root[data-theme=dark] .room-menu button.danger:hover:not(:disabled){background:#3a2025}.room-menu button:disabled{cursor:not-allowed;opacity:.42}.room-menu-divider{background:#e6e8ee;background:var(--border);height:1px;margin:5px 8px}.room-menu-hint{color:#818b9b;color:var(--muted);font-size:10px;line-height:1.45;margin:2px 8px 6px}.room-capacity-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.room-capacity-row span{color:#818b9b;color:var(--muted);display:flex;flex-direction:column;font-size:10px;gap:2px}.room-capacity-row b{color:#252f40;color:var(--text);font-size:18px;font-weight:700;line-height:1.1}.room-status-row{align-items:center;border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--border);border-top:1px solid #e6e8ee;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:10px 0}.room-status-row span{align-items:center;color:#818b9b;color:var(--muted);display:inline-flex;font-size:10.5px;gap:5px}.room-status-row b{color:#252f40;color:var(--text);font-size:11px}.room-status-row i{border-radius:50%;display:inline-block;flex:none;height:6px;width:6px}.room-status-row .available i{background:#12b987}.room-status-row .occupied i{background:#5e70e8}.room-status-row .reserved i{background:#f39a05}.room-availability{align-items:center;background:#f4fbf8;border:1px solid #dcefe8;border-radius:11px;display:flex;gap:12px;justify-content:space-between;margin:0 0 12px;padding:12px}.room-availability-primary{grid-column-gap:7px;align-items:baseline;column-gap:7px;display:grid;grid-template-columns:auto auto;min-width:0}.room-availability-primary>span{color:#557267;font-size:10.5px;font-weight:600;grid-column:1/-1}.room-availability-primary>strong{color:#087a55;font-size:27px;font-weight:750;line-height:1.15}.room-availability-primary>small{color:#668276;font-size:10px}.room-availability-breakdown{grid-gap:7px;display:grid;flex:none;gap:7px}.room-availability-breakdown>span{align-items:center;color:#818b9b;color:var(--muted);display:flex;font-size:10.5px;gap:6px;white-space:nowrap}.room-availability-breakdown b{color:#252f40;color:var(--text);font-size:11px}.room-availability-breakdown i{background:#5e70e8;border-radius:50%;height:7px;width:7px}.room-availability-breakdown i.reserved{background:#f39a05}.room-seat-types{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px}.room-seat-types>span{align-items:center;background:#fff;background:var(--panel);border:1px solid #e6e8ee;border:1px solid var(--border);border-radius:8px;color:#818b9b;color:var(--muted);display:flex;font-size:10.5px;gap:8px;justify-content:space-between;padding:8px 10px}.room-seat-types b{color:#252f40;color:var(--text);font-size:12px;font-weight:700}.room-occupancy{margin:0 0 6px}.room-card .room-progress{height:7px}:root[data-theme=dark] .room-availability{background:#1a2e28;border-color:#28513f}:root[data-theme=dark] .room-availability-primary>small,:root[data-theme=dark] .room-availability-primary>span{color:#91b7a6}:root[data-theme=dark] .room-availability-primary>strong{color:#34d399}.room-availability.is-full{background:#fffaf1;border-color:#f2dfbf}.room-availability.is-full .room-availability-primary>small,.room-availability.is-full .room-availability-primary>span{color:#94713b}.room-availability.is-full .room-availability-primary>strong{color:#b86b08}:root[data-theme=dark] .room-availability.is-full{background:#302718;border-color:#5a4520}:root[data-theme=dark] .room-availability.is-full .room-availability-primary>small,:root[data-theme=dark] .room-availability.is-full .room-availability-primary>span{color:#d0ad70}:root[data-theme=dark] .room-availability.is-full .room-availability-primary>strong{color:#fbbf24}.room-card .room-occupancy{margin:0 0 6px}.room-card .room-actions{flex-wrap:wrap;margin-top:auto;padding-top:14px}.room-empty-state{align-items:center;background:#fff;background:var(--panel);border:1px dashed #e6e8ee;border:1px dashed var(--border);border-radius:14px;color:#818b9b;color:var(--muted);display:flex;flex-direction:column;gap:6px;grid-column:1/-1;justify-content:center;padding:44px 24px;text-align:center}.room-empty-icon{background:#f1f3f8;border-radius:12px;color:#7b8798;display:grid;font-size:18px;height:46px;margin-bottom:4px;place-items:center;width:46px}:root[data-theme=dark] .room-empty-icon{background:#2a303c;color:#c2c9d6}.room-empty-state h3{color:#252f40;color:var(--text);font-size:15px;font-weight:700;margin:0}.room-empty-state p{font-size:12px;line-height:1.5;margin:0 0 8px;max-width:360px}@media(max-width:480px){.room-card-head{gap:8px}.room-title-line>b{font-size:15px}.room-capacity-row b{font-size:16px}.room-status-row{gap:9px}.room-menu{width:210px}.rooms-table-pagination{align-items:flex-start}.rooms-table-page-controls{justify-content:space-between;width:100%}}.skeleton-text{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;border-radius:6px;height:12px;width:60%}.skeleton-text.short{width:40%}.skeleton-heading{height:22px;margin-bottom:8px;width:180px}.skeleton-subheading{height:12px;width:280px}.skeleton-button{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;border-radius:10px;height:38px;width:110px}.skeleton-button.primary{width:130px}.skeleton-circle{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;border-radius:50%;height:42px;width:42px}.skeleton-circle.small{height:34px;width:34px}.skeleton-stat-text{display:flex;flex:1 1;flex-direction:column;gap:8px}.stat-card-skeleton{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:16px 18px}.skeleton-input{border-radius:999px;flex:1 1 260px}.skeleton-input,.skeleton-select{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;height:42px}.skeleton-select{border-radius:12px;width:180px}.rooms-table-skeleton .rooms-table-skeleton-bar{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#eef1f5 25%,#e1e6ed 37%,#eef1f5 63%);background-size:400% 100%;border-radius:6px;display:block;height:10px}.rooms-table-skeleton .serial{margin:auto;width:18px}.rooms-table-skeleton .library{width:82px}.rooms-table-skeleton-capacity,.rooms-table-skeleton-room{grid-gap:6px;display:grid;gap:6px}.rooms-table-skeleton .room{height:12px;width:76px}.rooms-table-skeleton .code{height:8px;width:44px}.rooms-table-skeleton .floor{width:64px}.rooms-table-skeleton .status{border-radius:999px;height:21px;width:54px}.rooms-table-skeleton .capacity{width:30px}.rooms-table-skeleton .seat-types{height:8px;width:88px}.rooms-table-skeleton .count{margin:auto;width:24px}.rooms-table-skeleton-occupancy{grid-gap:7px;align-items:center;display:grid;gap:7px;grid-template-columns:24px 58px}.rooms-table-skeleton .percent{width:22px}.rooms-table-skeleton .progress{border-radius:999px;height:6px;width:58px}.rooms-table-skeleton .actions{height:29px;width:108px}.rooms-table-skeleton tbody tr{height:62px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}[data-theme=dark] .rooms-table-skeleton .rooms-table-skeleton-bar{background:linear-gradient(90deg,#2a303c 25%,#343b49 37%,#2a303c 63%);background-size:400% 100%}@media(prefers-reduced-motion:reduce){.rooms-table-skeleton .rooms-table-skeleton-bar,.skeleton-button,.skeleton-circle,.skeleton-text{animation:none}}.room-filter-card,.rooms-directory,.rooms-summary-grid,.rooms-table-pagination,.rooms-table-wrap{max-width:100%;min-width:0}.rooms-table-wrap{overflow-x:auto;overflow-y:visible}.rooms-table{min-width:1080px}.rooms-table-actions{flex-wrap:nowrap;white-space:nowrap}@media (max-width:760px){.rooms-summary-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.rooms-summary-grid .stat-card{border-radius:12px;min-height:98px;padding:12px}.rooms-summary-grid .stat-icon{border-radius:8px;font-size:14px;height:30px;right:11px;top:11px;width:30px}.rooms-summary-grid .stat-copy>span{font-size:10px;line-height:1.3;padding-right:34px}.rooms-summary-grid .stat-copy strong{font-size:20px;margin-top:17px}.rooms-summary-grid .stat-copy small{font-size:9px;line-height:1.3;margin-top:2px}.room-filter-card{border-radius:12px;gap:10px;margin-bottom:14px;padding:12px}.room-filter-head{align-items:center;gap:8px}.room-filter-title{gap:8px}.room-filter-title small{font-size:10px}.room-filter-count{font-size:10px;padding:5px 8px}.room-filter-controls{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.room-filter-clear,.room-search{grid-column:1/-1}.rooms-table-wrap{border-radius:12px 12px 0 0;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.rooms-table-wrap::-webkit-scrollbar{height:6px}.rooms-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.rooms-table{min-width:1080px}.rooms-table th{font-size:9px;padding:10px 9px}.rooms-table td{font-size:11px;padding:10px 9px}.rooms-table-actions{gap:4px}.rooms-table-actions>.button{font-size:10px;height:29px;padding:0 8px}.rooms-table-pagination{align-items:flex-start;gap:10px;padding:10px}.rooms-table-page-controls{gap:6px;justify-content:flex-end;width:100%}.room-empty-state{padding:30px 16px}}@media (max-width:480px){.rooms-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rooms-summary-grid .stat-card{min-height:90px;padding:10px}.rooms-summary-grid .stat-copy>span{font-size:9px}.rooms-summary-grid .stat-copy strong{font-size:19px;margin-top:15px}.rooms-summary-grid .stat-copy small{font-size:8.5px}.room-filter-head{align-items:flex-start}.room-filter-title small{max-width:24ch}.room-filter-count{flex:0 0 auto}.room-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.room-filter-clear{grid-column:1/-1}.rooms-table-pagination{display:grid}.rooms-table-page-controls{justify-content:space-between}.rooms-table-page-size{font-size:9px;gap:5px}.rooms-table-page-controls>button{font-size:10px;height:30px;padding:0 8px}.modal-backdrop{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.modal.room-delete-seats,.modal.room-editor,.modal.room-seat-viewer{border-radius:14px;max-height:calc(100dvh - 20px);max-width:100%;width:100%}.room-seat-viewer .modal-head{padding:14px 14px 12px}.room-seat-viewer .modal-head h2{font-size:17px}.seat-viewer-stats{gap:7px;padding:10px 12px 0}.seat-viewer-stats>div{padding:8px}.seat-viewer-stats span{font-size:9px}.seat-viewer-stats b{font-size:15px}.seat-viewer-filters{gap:6px;padding:10px 12px}.seat-viewer-filters .button{font-size:10px;height:29px;padding:0 9px}.seat-viewer-body{min-height:120px;padding:12px}.seat-viewer-grid{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.seat-viewer-seat{height:48px}.seat-viewer-details{padding:12px}.room-modal-actions{padding:10px 12px}.room-editor .modal-head{padding:14px 14px 12px}.room-editor form{padding:14px}.room-editor .modal-actions{padding:12px 14px}.room-delete-seats .modal-head{padding:14px 14px 12px}.room-delete-seats form{padding:14px}}@media (max-width:360px){.rooms-summary-grid .stat-copy>span{font-size:8.5px;padding-right:30px}.room-filter-card{padding:10px}.room-filter-title small{display:none}.room-filter-controls{grid-template-columns:minmax(0,1fr)}.room-filter-clear,.room-search{grid-column:1}}.rooms-page-header{margin:0 0 20px;min-width:0;padding:0}.rooms-page-header .dash-header-bar{align-items:flex-start;border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:8px 0 14px}.rooms-page-header .rooms-header-left{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.rooms-page-header .rooms-header-icon{background:linear-gradient(135deg,#5e70e829,#5e70e814);border-radius:10px;color:#5e70e8;display:grid;flex:0 0 48px;font-size:22px;height:48px;place-items:center;width:48px}.rooms-page-header .rooms-header-icon svg{height:22px;width:22px}.rooms-page-header .rooms-header-info{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:14px;justify-content:space-between;min-width:0}.rooms-page-header .rooms-heading-copy{min-width:0}.rooms-page-header .dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.rooms-page-header .dash-header-subtitle{color:#818b9b;color:var(--muted,#64748b);font-size:clamp(12px,1.25vw,14px);line-height:1.4;margin:0;max-width:58rem;min-width:0;overflow-wrap:break-word}.rooms-page-header .dash-header-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0}.rooms-page-header .dash-action-btn{flex:0 0 auto;font-size:11px;gap:5px;height:34px;min-height:34px;padding:0 10px;white-space:nowrap}.rooms-page-header .dash-action-btn svg{color:currentColor;display:inline-block;flex:0 0 14px;font-size:13px;height:14px;vertical-align:middle;visibility:visible;width:14px}.rooms-page-header .dash-action-icon{align-items:center;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;line-height:0;width:14px}.rooms-page-header .dash-action-icon svg{color:currentColor;display:block;flex:0 0 100%;font-size:inherit;height:100%;visibility:visible;width:100%}.rooms-page-header .dash-action-icon.is-loading svg{animation:rooms-spin .8s linear infinite}:root[data-theme=dark] .rooms-page-header .dash-header-bar{border-bottom-color:#343b49}:root[data-theme=dark] .rooms-page-header .rooms-header-icon{background:linear-gradient(135deg,#2a3652,#1e243d);color:#8b9aff}:root[data-theme=dark] .rooms-page-header .dash-header-title{color:#eef0f6}:root[data-theme=dark] .rooms-page-header .dash-header-subtitle{color:#a8b0c0}@media (max-width:760px){.rooms-page-header{margin-bottom:14px}.rooms-page-header .dash-header-bar{align-items:flex-start;gap:8px;justify-content:flex-start;padding:6px 0 10px}.rooms-page-header .rooms-header-left{align-items:flex-start;gap:10px;width:100%}.rooms-page-header .rooms-header-icon{border-radius:10px;flex-basis:42px;height:42px;width:42px}.rooms-page-header .rooms-header-icon svg{height:20px;width:20px}.rooms-page-header .rooms-header-info{align-items:center;flex:1 1 100%;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.rooms-page-header .rooms-heading-copy{flex:1 1 auto;min-width:0}.rooms-page-header .dash-header-title{font-size:26px}.rooms-page-header .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.rooms-page-header .dash-header-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto;max-width:100%;width:max-content}.rooms-page-header .dash-header-actions .dash-action-btn{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.rooms-page-header .dash-header-actions .dash-action-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}.rooms-page-header .dash-header-actions .dash-action-icon{flex-basis:13px;height:13px;width:13px}.rooms-summary-grid{grid-column-gap:10px;grid-row-gap:10px;box-sizing:border-box;column-gap:10px;display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;width:100%}.rooms-summary-grid>.stat-card{box-sizing:border-box;margin:0;max-width:100%;min-width:0;width:100%}}@media (max-width:420px){.rooms-page-header .rooms-header-icon{display:none}.rooms-page-header .dash-header-title{font-size:23px}.rooms-page-header .dash-header-subtitle{font-size:12px}.rooms-page-header .dash-header-actions{gap:5px}.rooms-page-header .dash-header-actions .dash-action-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.rooms-page-header .dash-header-actions .dash-action-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}.rooms-page-header .dash-header-actions .dash-action-icon{flex-basis:12px;height:12px;width:12px}}@media (max-width:390px){.rooms-page-header .dash-header-title{font-size:19px}.rooms-page-header .dash-header-subtitle{font-size:10px;white-space:nowrap}.rooms-page-header .dash-header-actions{gap:5px}.rooms-page-header .dash-header-actions .dash-action-btn{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 6px}.rooms-page-header .dash-header-actions .dash-action-btn svg{flex-basis:11px;font-size:11px;height:11px;width:11px}.rooms-page-header .dash-header-actions .dash-action-icon{flex-basis:11px;height:11px;width:11px}}.rooms-directory,.rooms-table-wrap{max-width:100%;min-width:0;width:100%}.rooms-table-wrap{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;margin:0;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain;padding:0}.rooms-table{width:100%}.rooms-table th{position:sticky;top:0;z-index:2}.rooms-table-wrap::-webkit-scrollbar{height:7px}.rooms-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:root[data-theme=dark] .rooms-table-wrap::-webkit-scrollbar-thumb{background:#4a556b}@media (max-width:760px){.rooms-table th{font-size:9px;padding:9px 8px}.rooms-table td{font-size:11px;padding:9px 8px}.rooms-table-actions>.button{font-size:10px;height:28px;padding:0 7px}.rooms-table-actions .room-menu-trigger{height:28px;width:28px}}@media (max-width:480px){.room-filter-card{box-sizing:border-box;gap:9px;min-width:0;padding:10px;width:100%}.room-filter-head{align-items:center;flex-wrap:nowrap;gap:8px;justify-content:space-between;min-width:0;width:100%}.room-filter-title{flex:1 1 auto;min-width:0}.room-filter-title>div{min-width:0}.room-filter-title small{max-width:26ch}.room-filter-count{flex:0 0 auto}.room-filter-controls{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}.room-filter-card .form-select-custom,.room-filter-card .form-select-custom-trigger,.room-filter-controls>*{max-width:100%;min-width:0}.room-search{grid-column:1/-1;height:38px;width:100%}.room-filter-card .form-select-custom-trigger{font-size:11px;gap:6px;height:36px;padding:0 9px}.room-filter-clear{grid-column:1/-1;height:34px;width:100%}}@media (max-width:360px){.room-filter-title small{display:none}.room-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.room-filter-card .form-select-custom-trigger{font-size:10px;gap:5px;padding:0 7px}.room-filter-card .form-select-custom-icon{font-size:11px}.room-filter-count{font-size:9px;padding:4px 7px}}@media (max-width:760px){.rooms-page-header .rooms-header-info{flex:1 1;min-width:0;width:auto}.rooms-page-header .rooms-heading-copy{flex:1 1;min-width:0}.rooms-page-header .dash-header-subtitle{display:block;font-size:clamp(9px,2.8vw,11px);line-height:1.3;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}.reference-plans{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.reference-plan{display:flex;flex-direction:column;min-height:310px;padding:24px 26px 75px;position:relative}.plan-icon{background:#eef1ff;border-radius:12px;color:#5949ff;font-size:19px;height:48px;width:48px}.reference-plan h2{color:#252f40;font-size:18px;margin:27px 0 8px}.reference-plan p{color:#778193;font-size:12px}.plan-price{gap:7px;margin-top:17px}.plan-price strong{color:#222c3c;font-size:30px}.plan-price span{color:#7c8696;font-size:13px}.enrolled{color:#7c8696;font-size:12px;margin-top:18px}.reference-plan.inactive{opacity:.7}.reference-plan.inactive .deactivate{background:#edfbf5;color:#169b72}.add-plan-card{background:#0000;border:2px dashed #e1e4ea;border-radius:13px;color:#9aa3b1;font-size:27px;min-height:220px}.add-plan-card span{display:block;font-size:13px;margin-top:7px}.reference-plan-actions{bottom:17px;left:22px;margin:0;padding:0;position:absolute;right:22px}.reference-plan-actions button{position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.reference-plan-actions button:focus-visible,.reference-plan-actions button:hover{border-color:#c8d4e5;box-shadow:0 7px 16px #1e2b4333;transform:translateY(-3px) scale(1.04);z-index:1}:root[data-theme=dark] .reference-plan-actions button:focus-visible,:root[data-theme=dark] .reference-plan-actions button:hover{box-shadow:0 7px 16px #0006}@media(max-width:1000px){.reference-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.reference-plans{grid-template-columns:1fr}.reference-plan{min-height:280px}}.plans-page{display:flex;flex-direction:column;gap:16px}.plans-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:4px}.plans-header h1{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.plans-header p{color:#64748b;font-size:11px;margin:3px 0 0}.plans-stat{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:11px;font-weight:700;padding:6px 10px}.reference-plans{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.panel.reference-plan{display:flex;flex-direction:column;min-height:168px;padding:14px;transition:all.15s}.panel.reference-plan:hover{box-shadow:0 4px 18px #0f172a0f}.panel.reference-plan.inactive{background:#fbfbfc;opacity:.7}.reference-plan-top{align-items:center;display:flex;justify-content:space-between}.plan-icon{background:#f0f4ff;border-radius:8px;color:#4f46e5;display:grid;font-size:14px;font-weight:800;height:32px;place-items:center;width:32px}.plan-price{align-items:baseline;display:flex;gap:6px;margin:4px 0}.plan-price strong{color:#0f172a;font-family:Manrope;font-size:20px;font-weight:800}.plan-price span{color:#64748b;font-size:11px;font-weight:600}.reference-plan h2{color:#0f172a;font-size:14px;font-weight:700;line-height:1.2}.reference-plan p{color:#64748b;font-size:11px;line-height:1.4;margin:0;min-height:16px}.enrolled{border:1px solid #f1f5f9;border-radius:6px;color:#475569;font-size:11px;font-weight:600;margin-top:2px;padding:5px 8px}.reference-plan-actions{margin-top:auto;padding-top:8px}.reference-plan-actions button{border:1px solid #e2e8f0;color:#334155;font-weight:700;height:30px}.reference-plan-actions button.deactivate,.reference-plan-actions button:hover{background:#f8fafc}.add-plan-card{align-items:center;background:#fbfdff;border:1.5px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:20px;font-weight:700;gap:6px;justify-content:center;min-height:168px}.add-plan-card span{font-size:12px}.add-plan-card:hover{background:#f0f7ff;border-color:#1687ff;color:#1687ff}.modal.plan-editor{width:min(560px,96vw)}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-grid label.full{grid-column:1/-1}.form-grid label{color:#334155;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:4px}.form-grid label em{color:#ef4444;font-style:normal}.form-grid input,.form-grid select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:500;height:36px;outline:none;padding:0 10px}.form-grid input:focus,.form-grid select:focus{border-color:#1687ff;box-shadow:0 0 0 3px #e0f0ff}.plan-editor .form-grid .form-select-custom-trigger{border-radius:8px;font-size:12px;height:36px;min-height:36px;padding:0 10px}.modal-head{border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:16px 18px}.modal-head h2{font-family:Manrope;font-size:15px;font-weight:800;margin:2px 0 0}.eyebrow{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.08em}.muted-note{color:#64748b;font-size:11px;margin:3px 0 0}.modal-actions{border-top:1px solid #eef2f7;gap:8px;margin-top:12px;padding:12px 18px}.loading-panel{padding:18px}.status{border-radius:12px;font-size:10px;font-weight:800;padding:3px 8px;text-transform:uppercase}.status.good{background:#dcfce7;color:#166534}.status.muted{background:#f1f5f9;color:#64748b}.filter-card{border:1px solid #eef0f3;border-radius:12px}.chip{border:1px solid #eef0f3;border-radius:8px;height:36px}.quick-filters .ui-select{flex:0 0 auto;width:auto}.library-filter{border:1px solid #e2e8f0;min-height:36px;min-width:150px;padding:0 12px}.clear-btn,.library-filter{border-radius:8px;height:36px}.clear-btn{background:#f1f5f9;padding:0 14px}.filter-footer{color:#7c8797}.reference-plan .badge{border-radius:20px;display:inline-block;font-weight:600;margin:6px 0;padding:3px 8px}.badge.global{background:#fef3c7;color:#92400e}.badge.lib{background:#e0e7ff;color:#4338ca}.reference-plan-actions{gap:8px;margin-top:12px}.reference-plan-actions button{background:#fff;border:1px solid #eef0f3;border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600}.reference-plan-actions button.delete{color:#ef4444}.reference-plan-actions button.delete:hover{background:#fef2f2}.reference-plan-actions button.deactivate:hover{border-color:#f59e0b;color:#d97706}.payment-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.payment-stat{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:18px}.payment-stat small,.payment-stat>span{color:#7c8797;display:block;font-size:12px}.payment-stat>b{color:#252f40;display:block;font-size:24px;font-weight:700;margin:12px 0 5px}.toast-popup{animation:slideIn .3s ease;position:fixed;right:20px;top:20px;z-index:9999}.toast-content{background:#252f40;border-radius:10px;box-shadow:0 8px 24px #0003;color:#fff;font-size:13px;font-weight:600;padding:12px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.confirm-modal{background:#fff;border-radius:16px;max-width:400px;padding:28px;text-align:center;width:100%}.confirm-icon{font-size:36px;margin-bottom:12px}.confirm-modal h3{color:#252f40;font-size:18px;margin:0 0 8px}.confirm-modal p{color:#7c8797;font-size:13px;line-height:1.5;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:center}.button.danger{background:#ef4444;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:38px;padding:0 18px}.button.danger:hover{background:#dc2626}.button.ghost{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;height:38px;padding:0 18px}.plans-header{align-items:flex-start;gap:20px}.plans-title{align-items:center;display:flex;gap:13px;min-width:220px}.plans-empty-icon,.plans-heading-icon{background:#eef2ff;border-radius:13px;color:#5145cd;display:grid;flex:0 0 auto;height:44px;place-items:center;width:44px}.plans-empty-icon svg,.plans-heading-icon svg{height:23px;width:23px}.plans-title h1{color:#172033;font-size:23px}.plans-title p{font-size:12px}.payment-stats{flex:1 1;gap:10px;grid-template-columns:repeat(4,minmax(125px,1fr))}.payment-stat{padding:12px 14px}.payment-stat-label{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:8px;justify-content:space-between}.payment-stat-icon{border-radius:9px;display:grid;height:28px;place-items:center;width:28px}.payment-stat-icon svg{height:16px;width:16px}.payment-stat-icon.violet{background:#f0edff;color:#6655dc}.payment-stat-icon.blue{background:#e8f2ff;color:#2872ce}.payment-stat-icon.green{background:#e8f8f0;color:#168b5a}.payment-stat-icon.amber{background:#fff5df;color:#bc7b0b}.payment-stat>b{font-size:21px;margin:8px 0 2px}.payment-stat small{font-size:10px}.plans-filter-card{margin:0;padding:15px 18px}.chip,.filter-chips{gap:7px}.chip{align-items:center;display:inline-flex;justify-content:center}.category-chip-icon{display:inline-flex;height:15px;width:15px}.category-chip-icon svg{height:100%;width:100%}.chip:not(.active) .category-chip-icon{color:#606b7c}.plans-filter-actions{align-items:center;display:flex;gap:8px}.plans-filter-actions .ui-select{width:200px}.plans-filter-actions .clear-btn:disabled{cursor:default;opacity:.5}.add-payment-btn{align-items:center;background:#5546d8;border:1px solid #5546d8;border-radius:8px;display:inline-flex;font-size:12px;font-weight:700;gap:7px;height:36px;justify-content:center;padding:0 14px;white-space:nowrap}.add-payment-btn:hover{background:#4738c4}.add-payment-btn svg{height:16px;width:16px}.filter-footer{border-top:1px solid #eef0f3;font-size:11px;padding-top:12px}.filter-footer strong{color:#344054}.reference-plans{gap:14px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.panel.reference-plan{border:1px solid #e9edf2;border-radius:12px;gap:8px;min-height:0;padding:16px;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.panel.reference-plan:hover{border-color:#cbd5e1;box-shadow:0 7px 20px #0f172a14;transform:translateY(-2px)}.reference-plan-top{margin-bottom:2px}.plan-icon{border-radius:10px;height:38px;width:38px}.plan-icon svg{height:21px;width:21px}.plan-icon.category-ac{background:#eaf2ff;color:#2872ce}.plan-icon.category-non_ac{background:#e8f8f0;color:#168b5a}.plan-icon.category-reserved{background:#fff5df;color:#bc7b0b}.reference-plan h2{font-size:15px;margin:0}.reference-plan p.plan-category-label{min-height:0}.reference-plan .badge{align-self:flex-start;font-size:10px;margin:0}.plan-price{flex-wrap:wrap;margin:5px 0 2px}.plan-price strong{font-size:22px}.enrolled{align-items:center;background:#f8fafc;display:flex;gap:6px;margin:0}.enrolled svg{flex:0 0 auto;height:15px;width:15px}.reference-plan-actions{border-top:1px solid #eef0f3;bottom:auto;display:flex;gap:6px;left:auto;margin:2px 0 0;padding:9px 0 0;position:static;right:auto}.reference-plan-actions button{align-items:center;border-radius:7px;display:inline-flex;font-size:11px;gap:5px;height:32px;justify-content:center}.reference-plan-actions button svg{height:14px;width:14px}.reference-plan-actions button.delete{color:#dc3545}.reference-plan-actions button:disabled{cursor:wait;opacity:.55}.plans-empty-state{align-items:center;background:#fff;border:1px dashed #d8dee8;border-radius:14px;display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:32px;text-align:center}.plans-empty-icon{height:54px;margin-bottom:12px;width:54px}.plans-empty-state h2{color:#253047;font-size:17px;margin:0}.plans-empty-state p{color:#718096;font-size:12px;margin:7px 0 16px}.plans-empty-state .clear-btn{background:#f1f5f9}.plan-category-groups{display:flex;flex-direction:column;gap:14px}.plan-category-section{background:#fff;border:1px solid #e9edf2;border-radius:13px;padding:16px}.plan-category-heading{align-items:center;display:flex;gap:11px;margin-bottom:14px}.plan-category-heading .plan-icon{flex:0 0 auto}.plan-category-heading h2{color:#253047;font-size:15px;font-weight:800;margin:0}.plan-category-heading p{color:#788397;font-size:10px;margin:3px 0 0}.plan-category-section .reference-plans{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}.category-empty{border:1px dashed #e2e8f0;border-radius:9px;color:#8390a3;font-size:11px;padding:18px 10px;text-align:center}.plan-editor .form-grid{padding:16px 18px}.plan-editor .form-grid label small{color:#758195;font-size:10px;font-weight:500;line-height:1.4}.plan-editor .plan-amount-field{grid-column:1/-1}.plan-editor .modal-head{align-items:center}.plan-editor .close-button{background:#0000;border:0;border-radius:7px;color:#64748b;cursor:pointer;font-size:22px;height:30px;width:30px}.plan-editor .close-button:hover{background:#f1f5f9}.plans-skeleton{min-height:calc(100vh - 150px)}.plans-skeleton-block{background:#e9edf3;border-radius:6px;display:block;overflow:hidden;position:relative}.plans-skeleton-block:after{animation:plans-skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.plans-skeleton-stats{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(4,minmax(105px,1fr))}.plans-skeleton-stats .payment-stat{display:flex;flex-direction:column;gap:9px}.plans-skeleton-stats .payment-stat span{height:10px;width:68%}.plans-skeleton-stats .payment-stat b{height:21px;margin:0;width:35%}.plans-skeleton-stats .payment-stat small{height:9px;width:78%}.plans-skeleton-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.plans-skeleton-card{align-items:flex-start;display:flex;flex-direction:column;gap:11px;min-height:190px;padding:16px}.plans-skeleton-card-top{display:flex;justify-content:space-between;width:100%}.plans-skeleton-icon{border-radius:10px;height:38px;width:38px}.plans-skeleton-status{border-radius:12px;height:20px;width:58px}.plans-skeleton-card-title{height:15px;width:58%}.plans-skeleton-card-copy{height:10px;width:40%}.plans-skeleton-card-price{height:23px;margin-top:3px;width:42%}.plans-skeleton-card-actions{height:32px;margin-top:auto;width:100%}@keyframes plans-skeleton-shimmer{to{transform:translateX(100%)}}:root[data-theme=dark] .payment-stat>b,:root[data-theme=dark] .plans-empty-state h2,:root[data-theme=dark] .plans-title h1,:root[data-theme=dark] .reference-plan h2{color:#e8edf7}:root[data-theme=dark] .enrolled,:root[data-theme=dark] .payment-stat small,:root[data-theme=dark] .payment-stat-label,:root[data-theme=dark] .plan-price span,:root[data-theme=dark] .plans-empty-state p,:root[data-theme=dark] .plans-title p,:root[data-theme=dark] .reference-plan p{color:#a6b0c2}:root[data-theme=dark] .panel.reference-plan,:root[data-theme=dark] .payment-stat,:root[data-theme=dark] .plans-empty-state,:root[data-theme=dark] .plans-filter-card{background:#1d2330;border-color:#343d4d}:root[data-theme=dark] .panel.reference-plan:hover{border-color:#526078}:root[data-theme=dark] .reference-plan-actions{border-color:#343d4d}:root[data-theme=dark] .reference-plan-actions button{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .reference-plan-actions button.delete{color:#ff8585}:root[data-theme=dark] .reference-plan-actions button.deactivate{background:#30352f;color:#a7e3c8}:root[data-theme=dark] .enrolled{background:#252b39;border-color:#343d4d}:root[data-theme=dark] .filter-footer{border-color:#343d4d}:root[data-theme=dark] .filter-footer strong{color:#e1e5ee}:root[data-theme=dark] .chip:not(.active){background:#252b39;border-color:#3a4252;color:#d5dbea}:root[data-theme=dark] .plans-skeleton-block{background:#343d4d}:root[data-theme=dark] .plans-skeleton-block:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}:root[data-theme=dark] .plan-editor .close-button:hover{background:#303848;color:#e1e5ee}:root[data-theme=dark] .plan-category-section{background:#1d2330;border-color:#343d4d}:root[data-theme=dark] .plan-category-heading h2{color:#e8edf7}:root[data-theme=dark] .category-empty,:root[data-theme=dark] .plan-category-heading p{color:#a6b0c2}:root[data-theme=dark] .category-empty{border-color:#343d4d}@media(max-width:1050px){.plans-header{align-items:stretch;flex-direction:column}.payment-stats,.plans-skeleton-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.plans-title{min-width:0}.payment-stats,.plans-skeleton-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-filters{align-items:stretch}.plans-filter-actions{flex-wrap:wrap;width:100%}.plans-filter-actions .ui-select{flex:1 1;min-width:150px}.filter-footer{flex-wrap:wrap;gap:8px}}@media(max-width:480px){.plans-filter-card{padding:12px}.filter-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.chip{font-size:11px;padding:0 7px}.plans-filter-actions .ui-select{flex-basis:100%}.plan-editor .form-grid{grid-template-columns:1fr}.plan-editor .form-grid label,.plan-editor .plan-amount-field{grid-column:1}.reference-plan-actions{flex-wrap:wrap}}.plans-header{display:block;margin:0}.plans-heading-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.plans-header-add{flex:0 0 auto;min-height:40px;padding:0 17px}.payment-stats{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.payment-stat{min-height:100px;padding:14px 16px}.payment-stat-label{min-height:28px}.plans-filter-card{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.plans-filter-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.plans-filter-heading h2{color:#253047;font-size:13px;font-weight:800;margin:0}.plans-filter-heading p{color:#788397;font-size:11px;margin:4px 0 0}.plans-filter-heading .clear-btn{flex:0 0 auto}.plans-filter-card .quick-filters{align-items:center;border-top:1px solid #eef0f3;padding-top:13px}.plans-filter-card .filter-footer{margin:0}.plans-filter-actions{margin-left:auto}.plans-skeleton .plans-header{display:block}.plans-skeleton-stats{flex:none;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.plans-skeleton-stats .payment-stat{min-height:100px;padding:14px 16px}:root[data-theme=dark] .plans-filter-heading h2{color:#e8edf7}:root[data-theme=dark] .plans-filter-heading p{color:#a6b0c2}:root[data-theme=dark] .plans-filter-card .quick-filters{border-color:#343d4d}@media(max-width:1050px){.plans-heading-row{align-items:flex-start}.payment-stats,.plans-skeleton-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.plans-heading-row{align-items:center}.plans-header-add{min-height:38px;padding:0 12px}.plans-filter-card .quick-filters{align-items:stretch}.plans-filter-actions{margin-left:0}}@media(max-width:480px){.plans-heading-row,.plans-title{align-items:flex-start}.plans-heading-icon{height:38px;width:38px}.plans-title h1{font-size:20px}.plans-title p{line-height:1.4;max-width:180px}.plans-header-add{font-size:11px;height:36px;min-height:36px;padding:0 9px}.plans-header-add svg{height:14px;width:14px}.plans-filter-heading{align-items:flex-start}.plans-filter-heading .clear-btn{font-size:10px;height:32px;padding:0 9px}}.plan-duration-groups{display:flex;flex-direction:column;gap:14px}.plan-duration-group{background:#fbfcfe;border:1px solid #eef0f3;border-radius:10px;padding:12px}.plan-duration-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.plan-duration-heading h3{color:#344054;font-size:12px;font-weight:800;margin:0}.plan-duration-heading span{color:#7c8797;font-size:10px;font-weight:700}.plan-duration-group .reference-plans{gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}:root[data-theme=dark] .plan-duration-group{background:#202735;border-color:#343d4d}:root[data-theme=dark] .plan-duration-heading h3{color:#e1e5ee}:root[data-theme=dark] .plan-duration-heading span{color:#a6b0c2}@media(max-width:480px){.plan-duration-group{padding:9px}.plan-duration-group .reference-plans{grid-template-columns:1fr}}.plan-category-section{overflow:hidden;padding:0}.plan-category-heading{border-bottom:1px solid #e9edf2;margin:0;padding:15px 18px}.plans-table{border-collapse:collapse;min-width:880px;text-align:left;width:100%}.plans-table td,.plans-table th{border-bottom:1px solid #edf0f4;padding:10px 12px;vertical-align:middle}.plans-table thead th{background:#f8fafc;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.plans-table tbody td{color:#344054;font-size:11px}.plans-table tbody tr:last-child td{border-bottom:0}.plans-table-name{align-items:center;display:flex;gap:9px;min-width:165px}.plans-table-category-icon{border-radius:8px;display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.plans-table-category-icon svg{height:17px;width:17px}.plans-table-category-icon.category-ac{background:#eaf2ff;color:#2872ce}.plans-table-category-icon.category-non_ac{background:#e8f8f0;color:#168b5a}.plans-table-category-icon.category-reserved{background:#fff5df;color:#bc7b0b}.plans-table-name strong{color:#253047;display:block;font-size:11px;font-weight:800}.plans-table-name small{color:#8590a1;display:block;font-size:9px;margin-top:3px}.plans-table-amount{color:#1f2937!important;font-weight:800;white-space:nowrap}.plans-library-tag,.plans-table-status{align-items:center;background:#eef2ff;border-radius:20px;color:#4f46a5;display:inline-flex;font-size:10px;font-weight:700;padding:4px 8px;white-space:nowrap}.plans-library-tag.global{background:#fff5df;color:#98630c}.plans-table-status.active{background:#e8f8f0;color:#168b5a}.plans-table-status.inactive{background:#f1f3f6;color:#697586}.plans-row-inactive{background:#fafbfc}.plans-duration-divider th{background:#f4f6fa;color:#475467;font-size:10px;font-weight:800;padding:8px 12px;text-align:left}.plans-table-actions{align-items:center;display:flex;gap:5px}.plans-table-actions button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#344054;cursor:pointer;font-size:10px;font-weight:700;height:27px;padding:0 8px}.plans-table-actions button:hover{background:#f8fafc;border-color:#cbd5e1}.plans-table-actions button.delete{color:#d92d20}.plans-table-actions button:disabled{cursor:wait;opacity:.55}.plans-skeleton-table{background:#fff;border:1px solid #e9edf2;border-radius:12px;overflow:hidden}.plans-skeleton-table-heading{border-radius:0;height:38px}.plans-skeleton-table-row{grid-gap:15px;align-items:center;border-bottom:1px solid #edf0f4;display:grid;gap:15px;grid-template-columns:1.6fr 1fr .8fr .8fr 1fr;height:51px;padding:0 14px}.plans-skeleton-table-row .plans-skeleton-block{height:12px;width:75%}.plans-skeleton-table-row .plans-skeleton-block:first-child{width:55%}.plans-skeleton-table-row .plans-skeleton-block:last-child{width:85%}:root[data-theme=dark] .plan-category-heading{border-color:#343d4d}:root[data-theme=dark] .plans-table thead th{background:#252b39;color:#a6b0c2}:root[data-theme=dark] .plans-table td,:root[data-theme=dark] .plans-table th{border-color:#343d4d}:root[data-theme=dark] .plans-table tbody td,:root[data-theme=dark] .plans-table-amount,:root[data-theme=dark] .plans-table-name strong{color:#e1e5ee!important}:root[data-theme=dark] .plans-table-name small{color:#a6b0c2}:root[data-theme=dark] .plans-duration-divider th{background:#252b39;color:#d5dbea}:root[data-theme=dark] .plans-row-inactive{background:#202735}:root[data-theme=dark] .plans-table-actions button{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .plans-table-actions button:hover{background:#303848}:root[data-theme=dark] .plans-table-actions button.delete{color:#ff8585}:root[data-theme=dark] .plans-skeleton-table{background:#1d2330;border-color:#343d4d}:root[data-theme=dark] .plans-skeleton-table-row{border-color:#343d4d}@media(max-width:700px){.plan-category-heading{padding:12px}.plans-table{min-width:820px}}.plans-page,.plans-page>*{max-width:100%;min-width:0}.plans-heading-row,.plans-title{min-width:0}.plans-title h1,.plans-title p{overflow-wrap:anywhere}.plan-category-section,.plans-filter-card{min-width:0}.plans-table-scroll{max-width:100%;overflow-x:auto;width:100%}.plans-table-actions{flex-wrap:nowrap;white-space:nowrap}.plan-editor{max-height:calc(100dvh - 24px);overflow:auto;width:min(640px,calc(100vw - 24px))}.plan-editor .form-grid>*{min-width:0}@media(max-width:760px){.plans-heading-row{align-items:flex-start;flex-wrap:wrap;gap:10px}.plans-title{flex:1 1 100%}.plans-header-add{margin-left:auto}.payment-stats,.plans-skeleton-stats{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-stat{min-width:0}.plans-filter-card .quick-filters{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.plans-filter-actions,.plans-filter-card .filter-chips{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.plans-filter-actions{grid-gap:8px;gap:8px;width:100%}.plans-filter-actions .ui-select{min-width:0;width:100%}.plan-category-heading,.plans-filter-actions .clear-btn{min-width:0}}@media(max-width:480px){.plans-page{gap:12px}.plans-title{gap:9px}.plans-heading-icon{height:36px;width:36px}.plans-title h1{font-size:19px}.plans-title p{font-size:11px}.plans-header-add{font-size:11px;height:34px;min-height:34px;padding:0 9px}.payment-stats,.plans-skeleton-stats{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-stat{padding:10px}.plans-filter-heading{align-items:flex-start;flex-wrap:wrap}.plans-filter-card .quick-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-filter-actions{grid-template-columns:1fr}.plans-table{min-width:760px}.plan-editor{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}.plan-editor .modal-actions{display:flex;flex-wrap:wrap}}.plans-heading-row{gap:12px}.plans-title h1{overflow-wrap:anywhere}@media(max-width:760px){.plans-heading-row{gap:9px}.plans-title h1{font-size:21px}.plans-title p{font-size:11px;line-height:1.4}.plans-header-add{font-size:11px;min-height:36px;padding:0 11px}}@media(max-width:420px){.plans-heading-icon{display:none}.plans-title h1{font-size:20px}.plans-title p{font-size:10.5px;max-width:100%}.plans-header-add{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.plans-header-add svg{height:13px;width:13px}}@media(max-width:390px){.plans-title h1{font-size:19px}.plans-title p{font-size:10px}.plans-header-add{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 7px}.plans-header-add svg{height:11px;width:11px}.payment-stat{padding:9px}.payment-stat>b{font-size:18px}.payment-stat-label{font-size:10px}.payment-stat small{font-size:9px}}.plans-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain}.plans-table-scroll::-webkit-scrollbar{height:7px}.plans-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:root[data-theme=dark] .plans-table-scroll::-webkit-scrollbar-thumb{background:#4a556b}.plans-table thead th{position:sticky;top:0;z-index:2}@media(max-width:760px){.plans-table td,.plans-table th{padding:8px 9px}.plans-table-name{gap:7px;min-width:140px}.plans-table-category-icon{height:26px;width:26px}.plans-table-actions button{font-size:9px;height:25px;padding:0 6px}.plan-category-heading{padding:12px 14px}}@media(max-width:420px){.plans-table{min-width:720px}.plans-table tbody td,.plans-table-name strong{font-size:10px}}@media(max-width:360px){.payment-stats,.plans-skeleton-stats{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.plans-filter-card .quick-filters{grid-template-columns:1fr}.plans-filter-card .filter-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-filter-actions{grid-template-columns:1fr}}.plans-page .plans-page-header{margin:0 0 16px}.plans-page .plans-page-header .plans-heading-row{align-items:center;gap:12px 20px;justify-content:space-between;padding:6px 0 12px}.plans-page .plans-header-info{flex:1 1 280px;gap:12px}.plans-page .plans-heading-icon{border-radius:11px;flex:0 0 44px;height:44px;width:44px}.plans-page .plans-heading-text{display:flex;flex-direction:column;gap:3px}.plans-page .plans-heading-text .dash-header-title{font-size:clamp(22px,2.2vw,30px);line-height:1.12}.plans-page .plans-heading-text .dash-header-subtitle{font-size:clamp(11px,1.1vw,14px);overflow-wrap:anywhere}.plans-page .plans-header-actions{margin-left:auto}.plans-page .plans-header-add{align-items:center;display:inline-flex;flex:0 0 auto;font-size:11px;gap:6px;height:34px;justify-content:center;min-height:34px;padding:0 11px;white-space:nowrap}.plans-page .plans-header-add svg{display:block;flex:0 0 14px;height:14px;width:14px}@media(max-width:760px){.plans-page .plans-page-header{margin-bottom:14px}.plans-page .plans-page-header .plans-heading-row{align-items:flex-start;gap:8px;padding:6px 0 10px}.plans-page .plans-header-info{align-items:flex-start;flex:1 1 100%;gap:10px;width:100%}.plans-page .plans-heading-icon{flex-basis:40px;height:40px;width:40px}.plans-page .plans-heading-text .dash-header-title{font-size:24px}.plans-page .plans-heading-text .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px)}}@media(max-width:420px){.plans-page .plans-heading-icon{display:none}.plans-page .plans-heading-text .dash-header-title{font-size:21px}.plans-page .plans-heading-text .dash-header-subtitle{font-size:10.5px}.plans-page .plans-header-add{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.plans-page .plans-header-add svg{flex-basis:13px;height:13px;width:13px}}@media(max-width:360px){.plans-page .plans-heading-text .dash-header-title{font-size:19px}.plans-page .plans-heading-text .dash-header-subtitle{font-size:10px}.plans-page .plans-header-add{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 7px}.plans-page .plans-header-add svg{flex-basis:11px;height:11px;width:11px}}.payment-stat,.payment-stats,.plans-skeleton-stats{min-width:0}@media(max-width:360px){.payment-stats,.plans-skeleton-stats{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-stat{min-height:88px;padding:8px}.payment-stat-label{font-size:10px;gap:4px}.payment-stat-icon{flex:0 0 24px;height:24px;width:24px}.payment-stat>b{font-size:17px}.payment-stat small{font-size:9px;overflow-wrap:anywhere}}.plans-page .plans-page-header{display:block;margin:0 0 20px;min-width:0;padding:0}.plans-page .plans-page-header .plans-heading-row{align-items:flex-start;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:8px 0 14px}.plans-page .plans-header-left{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.plans-page .plans-heading-icon{background:linear-gradient(135deg,#5e70e829,#5e70e814);border-radius:10px;color:#5e70e8;display:grid;flex:0 0 48px;height:48px;place-items:center;width:48px}.plans-page .plans-heading-icon svg{display:block;height:22px;width:22px}.plans-page .plans-header-info{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:14px;justify-content:space-between;min-width:0}.plans-page .plans-heading-text{flex:1 1 auto;min-width:0}.plans-page .plans-heading-text .dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.plans-page .plans-heading-text .dash-header-subtitle{color:#64748b;color:var(--muted,#64748b);font-size:clamp(12px,1.25vw,14px);line-height:1.4;margin:0;max-width:58rem;min-width:0;overflow-wrap:break-word}.plans-page .plans-header-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0}.plans-page .plans-header-actions>.plans-header-add{align-items:center;display:inline-flex;flex:0 0 auto;font-size:11px;gap:5px;height:34px;justify-content:center;min-height:34px;padding:0 10px;white-space:nowrap}.plans-page .plans-header-actions>.plans-header-add svg{color:currentColor;display:block;flex:0 0 14px;height:14px;visibility:visible;width:14px}:root[data-theme=dark] .plans-page .plans-page-header .plans-heading-row{border-bottom-color:#343b49}:root[data-theme=dark] .plans-page .plans-heading-text .dash-header-title{color:#eef0f6}:root[data-theme=dark] .plans-page .plans-heading-text .dash-header-subtitle{color:#a8b0c0}@media(max-width:760px){.plans-page .plans-page-header{margin-bottom:14px}.plans-page .plans-page-header .plans-heading-row{gap:8px;padding:6px 0 10px}.plans-page .plans-header-left{align-items:flex-start;gap:10px;width:100%}.plans-page .plans-heading-icon{flex-basis:42px;height:42px;width:42px}.plans-page .plans-heading-icon svg{height:20px;width:20px}.plans-page .plans-header-info{align-items:center;flex:1 1 100%;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.plans-page .plans-heading-text{flex:1 1 auto;min-width:0}.plans-page .plans-heading-text .dash-header-title{font-size:26px}.plans-page .plans-heading-text .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.plans-page .plans-header-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto;max-width:100%;width:max-content}.plans-page .plans-header-actions>.plans-header-add{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.plans-page .plans-header-actions>.plans-header-add svg{flex-basis:13px;height:13px;width:13px}}@media(max-width:420px){.plans-page .plans-heading-icon{display:none}.plans-page .plans-heading-text .dash-header-title{font-size:23px}.plans-page .plans-heading-text .dash-header-subtitle{font-size:12px}.plans-page .plans-header-actions{gap:5px}.plans-page .plans-header-actions>.plans-header-add{font-size:9px;height:30px;min-height:30px;padding:0 7px}.plans-page .plans-header-actions>.plans-header-add svg{flex-basis:12px;height:12px;width:12px}}@media(max-width:390px){.plans-page .plans-heading-text .dash-header-title{font-size:19px}.plans-page .plans-heading-text .dash-header-subtitle{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plans-page .plans-header-actions>.plans-header-add{gap:4px;padding:0 6px}.plans-page .plans-header-actions>.plans-header-add svg{flex-basis:11px;height:11px;width:11px}}.plans-filter-heading-actions{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end}.plans-filter-heading-actions .clear-btn{flex:0 0 auto}.plans-filter-body{display:flex;flex-direction:column;gap:14px;min-width:0}.plans-filter-collapsed-control{display:flex;justify-content:flex-end;margin:0 0 14px}.plans-skeleton-toggle{border-radius:9px;height:34px;width:112px}@media(max-width:760px){.plans-filter-heading-actions{gap:8px}.plans-filter-heading-actions .clear-btn{font-size:11px}.plans-filter-collapsed-control{margin:0 0 12px}}@media(max-width:480px){.plans-filter-heading-actions{gap:6px;justify-content:space-between;width:100%}.plans-skeleton-toggle{height:32px;width:96px}}.payments-page{background:#f8fafc;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.payments-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.stats-group{display:flex;flex-wrap:wrap;gap:12px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;min-width:180px;padding:16px 20px}.stat-card span{color:#64748b;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.stat-card b{color:#0f172a;font-size:20px}.stat-card small{color:#94a3b8;display:block;font-size:11px;margin-top:4px}.add-payment-btn{background:#6366f1;border:0;border-radius:10px;box-shadow:0 4px 10px #6366f14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:42px;padding:0 20px;transition:.2s}.add-payment-btn:hover{background:#4f46e5;transform:translateY(-1px)}.filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000a;margin-bottom:20px;padding:20px}.search-row{margin-bottom:16px}.search-input{background:#f8fafc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 12px no-repeat;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;height:40px;max-width:400px;padding:0 14px 0 36px;width:100%}.quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.filter-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;height:34px;padding:0 16px;transition:.2s}.chip.active{background:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.clear-btn{background:#0000;border:0;color:#64748b;cursor:pointer;font-size:13px;font-weight:500}.advanced-filters{align-items:flex-end;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px}.advanced-filters label{color:#334155;display:flex;flex:1 1 140px;flex-direction:column;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.advanced-filters input,.advanced-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;height:40px;padding:0 12px}.advanced-filters .form-select-custom-trigger{border-radius:10px;font-size:13px;height:40px;min-height:40px;padding:0 12px}.student-picker{align-items:center;background:#fff;border:1px solid #e2e8f0;display:flex;font-size:13px;font-weight:400;letter-spacing:0;padding:0 12px;text-transform:none}.apply-btn,.student-picker{border-radius:10px;cursor:pointer;height:40px}.apply-btn{background:#0f172a;border:0;color:#fff;font-weight:600;padding:0 18px}.filter-footer{color:#64748b;display:flex;font-size:13px;justify-content:space-between;margin-top:16px}.filter-footer strong{color:#6366f1}.plans-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px}.plans-panel h3{color:#0f172a;font-size:14px;margin:0 0 12px}.plans-grid{display:flex;flex-wrap:wrap;gap:10px}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:12px 14px}.plan-card b{font-size:13px}.plan-card span{color:#64748b;font-size:12px}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000a;overflow:hidden}.custom-table{border-collapse:collapse;width:100%}.custom-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.custom-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px 16px}.table-action-btn{background:#6366f1;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:30px;padding:0 12px}.empty{color:#94a3b8;padding:40px;text-align:center}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-backdrop.dark{background:#0f172a80;z-index:1100}.payment-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:95%}.payment-modal-header{align-items:center;background:linear-gradient(90deg,#10b981,#34d399);color:#fff;display:flex;justify-content:space-between;padding:18px 22px}.payment-modal-header h2{font-size:16px;font-weight:700;margin:0}.payment-modal-header button{background:#fff3;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:32px;width:32px}.payment-form{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:22px}.form-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:640px){.form-grid-2{grid-template-columns:1fr}}.payment-form label{color:#334155;display:flex;flex-direction:column;font-weight:600;gap:6px}.payment-form input,.payment-form select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;height:42px;padding:0 12px}.payment-form .form-select-custom-trigger{border-radius:10px;font-size:13px;height:42px;min-height:42px;padding:0 12px}.payment-form input.readonly{background:#f8fafc;color:#64748b}.student-select-row{display:flex;gap:8px}.student-select-row input{background:#f8fafc;flex:1 1}.student-select-row button{background:#fff;border:1px solid #6366f1;border-radius:10px;color:#6366f1;cursor:pointer;font-weight:600;height:42px;padding:0 14px}.due-text,.error{color:#ef4444;font-size:11px;font-weight:500}.upgrade-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;color:#92400e;font-size:12px;padding:14px}.radio-group{display:flex;gap:12px;margin-top:8px}.checkbox-label{align-items:center;flex-direction:row!important;font-size:12px!important;font-weight:500!important;gap:8px!important}.modal-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding-top:16px}.cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-weight:500}.cancel-btn,.save-btn{cursor:pointer;height:38px;padding:0 18px}.save-btn{background:#3b82f6;border:0;border-radius:10px;box-shadow:0 4px 10px #3b82f64d;color:#fff;font-weight:600}.student-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:460px;overflow:hidden;width:95%}.student-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 20px}.student-modal-header h2{font-size:15px;font-weight:700;margin:0}.student-search{padding:12px 16px}.student-search input{background:#f8fafc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 12px no-repeat;border:1px solid #e2e8f0;border-radius:10px;height:40px;padding:0 12px 0 36px;width:100%}.student-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 12px 12px}.student-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:.15s}.student-item:hover{background:#f8faff;border-color:#6366f1}.student-item b{display:block;font-size:13px}.student-item small{color:#64748b;font-size:11px}.student-item button{background:#6366f1;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.payment-modal-wide{max-width:520px;width:92%}.upi-qr-box{background:#f8fafc;border:1.5px solid #10b9812e;border-radius:12px;margin-top:12px;padding:14px;text-align:center}.upi-qr-title{font-size:13px;font-weight:600;margin:0 0 8px}.upi-qr-img{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:200px;object-fit:contain;padding:6px;width:100%}.upi-qr-amount{color:#64748b;font-size:11px;margin-top:8px}.upi-view-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px}.upi-no-qr{background:#fef2f2;border-radius:8px;color:#ef4444;font-size:12px;padding:20px}:root[data-theme=dark] .payments-page{background:#141821}:root[data-theme=dark] .filter-card,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .plans-panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .table-card{background:#202532;border-color:#343b49}:root[data-theme=dark] .filter-footer,:root[data-theme=dark] .plan-card span,:root[data-theme=dark] .stat-card span,:root[data-theme=dark] .upi-qr-amount{color:#a8b0c0}:root[data-theme=dark] .advanced-filters label,:root[data-theme=dark] .custom-table td,:root[data-theme=dark] .payment-form label,:root[data-theme=dark] .plans-panel h3,:root[data-theme=dark] .stat-card b,:root[data-theme=dark] .student-item b,:root[data-theme=dark] .student-modal-header h2{color:#eef0f6}:root[data-theme=dark] .custom-table th{background:#252b39;border-color:#343b49;color:#a8b0c0}:root[data-theme=dark] .custom-table td{border-color:#2a3241}:root[data-theme=dark] .advanced-filters input,:root[data-theme=dark] .advanced-filters select,:root[data-theme=dark] .payment-form input,:root[data-theme=dark] .payment-form select,:root[data-theme=dark] .search-input,:root[data-theme=dark] .student-picker,:root[data-theme=dark] .student-search input{background-color:#252b39;border-color:#3a4252;color:#eef0f6}:root[data-theme=dark] .search-input{background-color:#252b39}:root[data-theme=dark] .payment-form input.readonly,:root[data-theme=dark] .student-select-row input{background:#252b39;color:#a8b0c0}:root[data-theme=dark] .chip{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .chip.active{background:#6366f1;border-color:#6366f1;color:#fff}:root[data-theme=dark] .clear-btn{color:#a8b0c0}:root[data-theme=dark] .advanced-filters{border-color:#2a3241}:root[data-theme=dark] .payment-modal,:root[data-theme=dark] .student-modal{background:#202532;border:1px solid #343b49}:root[data-theme=dark] .payment-form{background:#202532}:root[data-theme=dark] .modal-actions,:root[data-theme=dark] .student-modal-header{border-color:#343b49}:root[data-theme=dark] .student-item{background:#252b39;border-color:#343b49}:root[data-theme=dark] .student-item:hover{background:#2d3446;border-color:#6366f1}:root[data-theme=dark] .student-item small{color:#a8b0c0}:root[data-theme=dark] .cancel-btn{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .student-select-row button{background:#252b39;border-color:#6366f1;color:#8b9aff}:root[data-theme=dark] .empty{color:#a8b0c0}:root[data-theme=dark] .upgrade-box{background:#2a2416;border-color:#4a3d1a;color:#fde68a}:root[data-theme=dark] .modal-backdrop{background:#0009}:root[data-theme=dark] .upi-qr-box{background:#1e293b;border-color:#334155}:root[data-theme=dark] .upi-qr-img{background:#0f172a;border-color:#334155}:root[data-theme=dark] .upi-view-btn{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .upi-no-qr{background:#3a1a1a;color:#fca5a5}:root[data-theme=dark] .upi-qr-title{color:#eef0f6}.receipt-actions{display:flex;flex-wrap:wrap;gap:6px}.receipt-button.secondary{background:#fff;border-color:#cbd5e1;color:#475569}.receipt-button:disabled{cursor:wait;opacity:.6}:root[data-theme=dark] .receipt-button.secondary{background:#252b39;border-color:#3a4252;color:#cbd5e1}.upgrade-summary{font-size:11px;line-height:1.6;margin:8px 0 10px}.upgrade-mode-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-mode-grid button{grid-gap:3px;background:#fff;border:1px solid #fcd34d;border-radius:9px;color:#92400e;cursor:pointer;display:grid;gap:3px;padding:10px;text-align:left}.upgrade-mode-grid button b{font-size:12px}.upgrade-mode-grid button small{color:#b45309;font-size:11px}.upgrade-mode-grid button.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.upgrade-mode-grid button.active small{color:#fffbeb}.upgrade-split{border-top:1px dashed #fcd34d;font-size:11px;font-weight:600;margin-top:9px;padding-top:8px}:root[data-theme=dark] .upgrade-mode-grid button{background:#202532;border-color:#6b5320;color:#fde68a}:root[data-theme=dark] .upgrade-mode-grid button small{color:#fbbf24}:root[data-theme=dark] .upgrade-mode-grid button.active{background:#b45309;border-color:#b45309;color:#fff}:root[data-theme=dark] .upgrade-split{border-color:#6b5320}@media (max-width:640px){.upgrade-mode-grid{grid-template-columns:1fr}}.payments-pagination{background:#fff;border:1px solid #e8ebf1;border-radius:0 0 12px 12px;border-top:0;color:#64748b;gap:16px;justify-content:space-between;min-height:56px;padding:10px 14px}.payments-page-size,.payments-pagination{align-items:center;display:flex;font-size:12px}.payments-page-size{flex:0 0 auto;font-weight:600;gap:10px;white-space:nowrap}.payments-pagination .ui-select{width:76px}.payments-pagination .form-select-custom-trigger{border-radius:8px;font-size:12px;height:34px;min-height:34px;padding:0 10px}.payments-page-range{color:#667085;font-size:12px;font-weight:500;margin-left:auto;white-space:nowrap}.payments-page-buttons{align-items:center;display:flex;gap:4px}.payments-page-buttons button{background:#0000;border:1px solid #0000;border-radius:8px;color:#475467;cursor:pointer;display:grid;font-size:12px;font-weight:650;height:34px;min-width:34px;padding:0 9px;place-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.payments-page-buttons button:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#e4e7ec}.payments-page-buttons button.active{background:#5b5ce2;border-color:#5b5ce2;box-shadow:0 2px 5px #5b5ce233;color:#fff}.payments-page-buttons button.payments-page-arrow{background:#fff;border-color:#e4e7ec;font-size:18px;line-height:1}.payments-page-buttons button:disabled{cursor:default;opacity:.45}.apply-btn:disabled,.save-btn:disabled{cursor:wait;opacity:.65}.payment-form .error{display:block}:root[data-theme=dark] .payments-pagination{background:#202532;border-color:#343b49;color:#a8b0c0}:root[data-theme=dark] .payments-page-range{color:#a8b0c0}:root[data-theme=dark] .payments-page-buttons button{color:#e1e5ee}:root[data-theme=dark] .payments-page-buttons button:hover:not(:disabled):not(.active){background:#2b3240;border-color:#3a4252}:root[data-theme=dark] .payments-page-buttons button.active{background:#6366f1;border-color:#6366f1;color:#fff}:root[data-theme=dark] .payments-page-buttons button.payments-page-arrow{background:#252b39;border-color:#3a4252}@media(max-width:640px){.payments-pagination{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:12px}.payments-page-range{grid-column:1;grid-row:2;margin:0}.payments-page-buttons{grid-column:2;grid-row:1/span 2}}@media(max-width:380px){.payments-pagination{grid-template-columns:1fr}.payments-page-buttons{grid-column:1;grid-row:3;justify-content:flex-start}.payments-page-range{grid-row:2}}.payments-page-heading{flex-wrap:wrap}.payments-heading-copy{flex:1 1 240px}.payments-heading-actions{flex-wrap:wrap}.payments-page .payments-filter-card,.payments-page .table-card{max-width:100%;min-width:0}.payments-page .table-card{overflow:hidden}.payment-form .form-grid-2>*{min-width:0}@media(max-width:900px){.payments-page>.stats-group,.payments-page>.stats-group.stats-group-limited{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-heading-actions{gap:7px}}@media(max-width:640px){.payments-page{padding:16px}.payments-page-heading{align-items:flex-start;gap:12px}.payments-heading-copy{flex-basis:100%}.payments-heading-icon{border-radius:11px;height:38px;width:38px}.payments-heading-icon svg{height:20px;width:20px}.payments-heading-copy h1{font-size:20px}.payments-heading-copy p{font-size:11px}.payments-heading-actions{justify-content:flex-end;width:100%}.payments-heading-actions .add-payment-btn,.payments-refresh-btn{font-size:11px;height:36px;min-height:36px;padding:0 11px}.payments-page>.stats-group,.payments-page>.stats-group.stats-group-limited{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.payments-page>.stats-group .stat-card{min-height:96px;padding:11px 12px}.payments-page>.stats-group .stat-card>.stat-card-value{font-size:19px}.payments-page .filter-card{padding:14px}.payments-page .payments-advanced-filters{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.payments-page .payments-advanced-filters>*{min-width:0}.payments-page .payments-advanced-filters label:first-child{grid-column:1/-1}.payment-modal-wide{border-radius:14px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.payment-modal-header{padding:14px 16px}.payment-form{padding:14px}.student-modal{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.student-modal-header{padding:14px 16px}.payments-data-heading,.payments-table-heading{flex-wrap:wrap;min-width:0}}@media(max-width:380px){.payments-page{padding:12px}.payments-heading-actions{justify-content:flex-start}.payments-page>.stats-group .stat-card{padding:9px}.payments-page .payments-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-page .payments-advanced-filters label:first-child{grid-column:1/-1}.payment-form .modal-actions{flex-wrap:wrap}.payment-form .modal-actions>*{flex:1 1 110px}}.pending-row-actions{align-items:center;display:flex;gap:6px;white-space:nowrap}.pending-row-actions .table-action-btn.history-action{background:#fff;border:1px solid #bbf7d0;color:#15803d}.receipt-actions{align-items:center}.receipt-actions .receipt-button.secondary{white-space:nowrap}.receipt-actions .receipt-button:disabled{cursor:wait;opacity:.55}.payment-modal-header button:disabled{cursor:wait;opacity:.6}:root[data-theme=dark] .pending-row-actions .table-action-btn.history-action{background:#202532;border-color:#276749;color:#86efac}@media(max-width:640px){.pending-row-actions{flex-wrap:wrap}}.payments-page{display:flex;flex-direction:column;gap:16px}.payments-page-heading{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 0 2px}.payments-heading-copy{align-items:center;display:flex;gap:13px}.payments-heading-icon{background:#eef2ff;border-radius:13px;box-shadow:inset 0 0 0 1px #e1e6ff;color:#5546d8;display:grid;flex:0 0 auto;height:46px;place-items:center;width:46px}.payments-heading-icon svg{height:24px;width:24px}.payments-heading-copy h1{color:#172033;font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.payments-heading-copy p{color:#64748b;font-size:12px;line-height:1.45;margin:5px 0 0}.payments-heading-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end}.payments-heading-actions .add-payment-btn{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;height:42px;justify-content:center}.payments-heading-actions .add-payment-btn svg{height:17px;width:17px}.payments-refresh-btn{align-items:center;background:#fff;border:1px solid #dfe3eb;border-radius:10px;color:#475467;cursor:pointer;display:inline-flex;font-size:13px;font-weight:650;gap:8px;height:42px;justify-content:center;padding:0 14px;transition:background .15s ease,border-color .15s ease,color .15s ease}.payments-refresh-btn:hover:not(:disabled){background:#f8f9ff;border-color:#c8c4ff;color:#5145cd}.payments-refresh-btn:disabled{cursor:wait;opacity:.7}.payments-refresh-btn svg{height:16px;width:16px}.payments-refresh-btn.is-refreshing svg{animation:payments-refresh-spin .8s linear infinite}@keyframes payments-refresh-spin{to{transform:rotate(1turn)}}.payments-page>.stats-group{grid-gap:14px;gap:14px;margin:0}.payments-page>.stats-group.stats-group-limited{grid-template-columns:repeat(3,minmax(0,1fr))}.payments-page>.stats-group .stat-card{grid-gap:0;align-content:stretch;border-radius:13px;box-shadow:0 2px 8px rgba(15,23,42,.035);display:grid;gap:0;grid-template-rows:auto 1fr auto;min-height:126px;padding:16px 18px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.payments-page>.stats-group .stat-card:hover{border-color:#cbd5e1;box-shadow:0 7px 18px #0f172a12;transform:translateY(-2px)}.payments-page>.stats-group .stat-card .stat-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.payments-page>.stats-group .stat-card .stat-card-top>span{color:#64748b;display:block;font-size:12px;font-weight:700;line-height:1.35;margin:0;min-width:0}.payments-stat-icon{border-radius:10px;display:grid;flex:0 0 auto;height:32px;place-items:center;width:32px}.payments-stat-icon svg{height:18px;width:18px}.payments-stat-icon.revenue svg{height:22px;width:22px}.payments-stat-icon.revenue{background:#edf0ff;color:#5145cd}.payments-stat-icon.today{background:#e8f2ff;color:#2471c8}.payments-stat-icon.month{background:#e8f8f0;color:#168b5a}.payments-stat-icon.count{background:#fff5df;color:#b8790b}.payments-page>.stats-group .stat-card>.stat-card-value{font-feature-settings:"tnum";align-self:center;color:#182235;display:block;font-size:clamp(18px,2vw,24px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0;min-width:0;padding:8px 0 4px;white-space:nowrap}.payments-page>.stats-group .stat-card>.stat-card-caption{align-self:end;color:#8792a3;display:block;font-size:10px;line-height:1.3;margin:0;min-height:13px}:root[data-theme=dark] .payments-heading-copy h1{color:#eef0f6}:root[data-theme=dark] .payments-heading-copy p,:root[data-theme=dark] .payments-page>.stats-group .stat-card .stat-card-top>span,:root[data-theme=dark] .payments-page>.stats-group .stat-card>.stat-card-caption{color:#a8b0c0}:root[data-theme=dark] .payments-page>.stats-group .stat-card>.stat-card-value{color:#eef0f6}:root[data-theme=dark] .payments-page>.stats-group .stat-card{background:#202532;border-color:#343b49}:root[data-theme=dark] .payments-page>.stats-group .stat-card:hover{border-color:#4b566b}@media(max-width:600px){.payments-page{padding:16px}.payments-page-heading{align-items:flex-start}.payments-heading-icon{border-radius:11px;height:40px;width:40px}.payments-heading-copy h1{font-size:20px}.payments-heading-copy p{font-size:11px;max-width:250px}.payments-heading-actions{gap:7px}.payments-heading-actions .add-payment-btn,.payments-refresh-btn{font-size:12px;height:38px;padding:0 10px}.payments-page>.stats-group,.payments-page>.stats-group.stats-group-limited{gap:9px}.payments-page>.stats-group .stat-card{min-height:112px;padding:12px}.payments-page>.stats-group .stat-card>.stat-card-value{font-size:clamp(17px,5vw,21px)}.payments-stat-icon{height:28px;width:28px}.payments-stat-icon svg{height:16px;width:16px}}.payments-page .payments-page-header{display:block}.payments-page .payments-heading-actions>.dash-action-btn,.payments-page .payments-heading-actions>.payments-refresh-btn{align-items:center;display:inline-flex;flex:0 0 auto;font-size:11px;gap:5px;height:34px;justify-content:center;min-height:34px;padding:0 10px;white-space:nowrap}.payments-page .payments-heading-actions>button svg{color:currentColor;visibility:visible}:root[data-theme=dark] .payments-page .payments-heading-text .dash-header-title{color:#eef0f6}:root[data-theme=dark] .payments-page .payments-heading-text .dash-header-subtitle{color:#a8b0c0}@media(max-width:760px){.payments-page .payments-page-header{margin-bottom:14px}.payments-page .payments-page-header .dash-header-bar{gap:8px;padding:6px 0 10px}.payments-page .payments-header-left{align-items:flex-start;gap:10px;width:100%}.payments-page .payments-heading-icon{flex-basis:42px;height:42px;width:42px}.payments-page .payments-heading-icon svg{height:20px;width:20px}.payments-page .payments-header-info{align-items:center;flex:1 1 100%;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.payments-page .payments-heading-text{flex:1 1 auto;min-width:0}.payments-page .payments-heading-text .dash-header-title{font-size:26px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.payments-page .payments-heading-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto;max-width:100%;width:max-content}.payments-page .payments-heading-actions>.dash-action-btn,.payments-page .payments-heading-actions>.payments-refresh-btn{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.payments-page .payments-heading-actions>button svg{flex-basis:13px;height:13px;width:13px}}@media(max-width:420px){.payments-page .payments-heading-icon{display:none}.payments-page .payments-heading-text .dash-header-title{font-size:23px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:12px}.payments-page .payments-heading-actions{gap:5px}.payments-page .payments-heading-actions>.dash-action-btn,.payments-page .payments-heading-actions>.payments-refresh-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.payments-page .payments-heading-actions>button svg{flex-basis:12px;height:12px;width:12px}}@media(max-width:390px){.payments-page .payments-heading-text .dash-header-title{font-size:19px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-page .payments-heading-actions>.dash-action-btn,.payments-page .payments-heading-actions>.payments-refresh-btn{gap:4px;padding:0 6px}.payments-page .payments-heading-actions>button svg{flex-basis:11px;height:11px;width:11px}}.payments-page .payments-page-header{margin:0 0 20px;min-width:0;padding:0}.payments-page .payments-page-header .dash-header-bar{align-items:flex-start;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:8px 0 14px}.payments-page .payments-header-left{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.payments-page .payments-heading-icon{background:linear-gradient(135deg,#5e70e829,#5e70e814);border-radius:10px;color:#5e70e8;flex:0 0 48px;font-size:22px;height:48px;width:48px}.payments-page .payments-header-info{flex:1 1 auto;flex-direction:row;gap:14px;justify-content:space-between}.payments-page .payments-heading-text .dash-header-title{color:#252f40;color:var(--text,#252f40);font-family:Manrope,Inter,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.payments-page .payments-heading-text .dash-header-subtitle{color:#64748b;color:var(--muted,#64748b);font-size:clamp(12px,1.25vw,14px);min-width:0;overflow-wrap:break-word}.payments-page .payments-heading-actions{margin:0}.payments-page .payments-heading-actions .add-payment-btn,.payments-page .payments-heading-actions .payments-refresh-btn{flex:0 0 auto;font-size:11px;gap:5px;height:34px;min-height:34px;padding:0 10px;white-space:nowrap}.payments-page .payments-heading-actions .add-payment-btn svg,.payments-page .payments-heading-actions .payments-refresh-btn svg{color:currentColor;display:inline-block;flex:0 0 14px;font-size:13px;height:14px;vertical-align:middle;visibility:visible;width:14px}:root[data-theme=dark] .payments-page .payments-page-header .dash-header-bar{border-bottom-color:#343b49}@media(max-width:760px){.payments-page .payments-page-header .dash-header-bar{align-items:flex-start;gap:8px;justify-content:flex-start;padding:6px 0 10px}.payments-page .payments-header-left{align-items:flex-start;gap:10px;width:100%}.payments-page .payments-heading-icon{border-radius:10px;flex-basis:42px;height:42px;width:42px}.payments-page .payments-heading-icon svg{height:20px;width:20px}.payments-page .payments-header-info{align-items:center;flex:1 1 100%;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.payments-page .payments-heading-text{flex:1 1 auto;min-width:0}.payments-page .payments-heading-text .dash-header-title{font-size:26px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px);line-height:1.35}.payments-page .payments-heading-actions{align-self:center;flex:0 0 auto;gap:6px;margin-left:auto;max-width:100%;width:max-content}.payments-page .payments-heading-actions .add-payment-btn,.payments-page .payments-heading-actions .payments-refresh-btn{font-size:10px;gap:5px;height:32px;min-height:32px;min-width:0;padding:0 9px;width:auto}.payments-page .payments-heading-actions .add-payment-btn svg,.payments-page .payments-heading-actions .payments-refresh-btn svg{flex-basis:13px;font-size:13px;height:13px;width:13px}}@media(max-width:420px){.payments-page .payments-heading-icon{display:none}.payments-page .payments-heading-text .dash-header-title{font-size:23px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:12px}.payments-page .payments-heading-actions{gap:5px}.payments-page .payments-heading-actions .add-payment-btn,.payments-page .payments-heading-actions .payments-refresh-btn{font-size:9px;height:30px;min-height:30px;padding:0 7px}.payments-page .payments-heading-actions .add-payment-btn svg,.payments-page .payments-heading-actions .payments-refresh-btn svg{flex-basis:12px;font-size:12px;height:12px;width:12px}}@media(max-width:390px){.payments-page .payments-heading-text .dash-header-title{font-size:19px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:10px;line-height:1.35;white-space:nowrap}.payments-page .payments-heading-actions{gap:5px}.payments-page .payments-heading-actions .add-payment-btn,.payments-page .payments-heading-actions .payments-refresh-btn{font-size:9px;gap:4px;padding:0 6px}.payments-page .payments-heading-actions .add-payment-btn svg,.payments-page .payments-heading-actions .payments-refresh-btn svg{flex-basis:11px;font-size:11px;height:11px;width:11px}}@media(max-width:380px){.payments-page{padding:12px}.payments-heading-copy{gap:9px}.payments-heading-copy p{max-width:180px}.payments-heading-actions{gap:5px}.payments-heading-actions .add-payment-btn,.payments-refresh-btn{font-size:11px;padding:0 8px}.payments-page>.stats-group,.payments-page>.stats-group.stats-group-limited{grid-template-columns:1fr}}.payments-filter-card{overflow:visible;padding:22px 24px;position:relative}.payments-filter-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.payments-filter-heading h2{color:#172033;font-size:16px;font-weight:750;letter-spacing:-.01em;line-height:1.35;margin:0}.payments-filter-heading p{color:#748094;font-size:12px;line-height:1.45;margin:4px 0 0}.payments-filter-heading .clear-btn{color:#5b6475;flex:0 0 auto;font-weight:650;padding:6px 0}.payments-filter-heading .clear-btn:hover{color:#4f46e5}.payments-filter-search{margin-top:18px}.payments-filter-search .search-input{background-color:#f8fafc;box-sizing:border-box;display:block;height:44px;max-width:none;width:100%}.payments-quick-filters{align-items:center;border-bottom:1px solid #eef0f4;display:flex;justify-content:flex-start;margin-top:16px;padding-bottom:18px}.payments-filter-section-label{color:#667085;flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.payments-quick-filters .filter-chips{gap:8px}.payments-quick-filters .chip{border-radius:9px;font-size:12px;min-height:36px;padding:0 14px}.payments-advanced-filters{grid-gap:16px;align-items:end;border:0;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding:0}.payments-advanced-filters>label{color:#667085;font-size:11px;font-weight:700;gap:7px;letter-spacing:.035em;min-width:0;text-transform:none}.payments-advanced-filters .form-select-custom-trigger,.payments-advanced-filters .student-picker,.payments-advanced-filters .ui-select,.payments-advanced-filters>label>input{box-sizing:border-box;min-width:0;width:100%}.payments-advanced-filters .student-picker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-advanced-filters .ui-select{position:relative;z-index:1}.payments-advanced-filters .ui-select:focus-within{z-index:10}.payments-advanced-filters .form-select-custom-menu{z-index:1200}.payments-advanced-filters .apply-btn{justify-self:start;min-width:118px;white-space:nowrap}.payments-filter-card .filter-footer{border-top:1px solid #f1f5f9;margin-top:18px;padding-top:14px}:root[data-theme=dark] .payments-filter-heading h2{color:#eef0f6}:root[data-theme=dark] .payments-filter-heading .clear-btn,:root[data-theme=dark] .payments-filter-heading p{color:#a8b0c0}:root[data-theme=dark] .payments-filter-heading .clear-btn:hover{color:#a5b4fc}:root[data-theme=dark] .payments-filter-card .filter-footer{border-color:#343b49}:root[data-theme=dark] .payments-refresh-btn{background:#202532;border-color:#3a4252;color:#d0d5dd}:root[data-theme=dark] .payments-refresh-btn:hover:not(:disabled){background:#292844;border-color:#4b478a;color:#c7c5ff}@media(max-width:1100px){.payments-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.payments-filter-card{padding:16px}.payments-advanced-filters{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.payments-advanced-filters .apply-btn{width:100%}.payments-quick-filters{align-items:flex-start;flex-direction:column;gap:9px}}@media(max-width:460px){.payments-filter-card{padding:16px 14px}.payments-filter-heading{gap:10px}.payments-filter-heading p{max-width:230px}.payments-quick-filters .filter-chips{gap:6px;width:100%}.payments-quick-filters .chip{font-size:11px;padding:0 9px}.payments-advanced-filters{grid-template-columns:minmax(0,1fr)}.payments-advanced-filters .apply-btn{grid-column:auto}.payments-filter-card .filter-footer{align-items:flex-start;flex-direction:column;gap:8px}}.payment-modal-wide{border:1px solid #e8ebf2;border-radius:16px;max-height:min(90vh,820px);max-width:640px;width:min(640px,calc(100vw - 32px))}.payment-modal-header{background:#fff;border-bottom:1px solid #eaecf0;color:#172033;min-height:68px;padding:16px 22px}.payment-modal-header h2{font-size:17px;font-weight:750;letter-spacing:-.02em}.payment-modal-header button{background:#f2f4f7;color:#667085;display:grid;font-size:22px;height:34px;line-height:1;place-items:center;transition:background .15s ease,color .15s ease;width:34px}.payment-modal-header button:hover{background:#e9eaff;color:#5145cd}.payment-form{gap:16px;padding:20px 22px 22px}.payment-form .form-grid-2{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-form label{color:#344054;font-size:12px;font-weight:650;line-height:1.4;min-width:0}.payment-form .form-select-custom-trigger,.payment-form input{box-sizing:border-box;min-width:0;width:100%}.payment-form .ui-select{min-width:0;position:relative;z-index:1}.payment-form .ui-select:focus-within{z-index:10}.payment-form .form-select-custom-menu{z-index:1200}.payment-form input:focus-visible{border-color:#6558e8;box-shadow:0 0 0 3px #6366f121;outline:0}.payment-form .student-select-row input{min-width:0}.payment-form .student-select-row button{background:#f4f3ff;border-color:#d6d3ff;color:#5145cd;flex:0 0 auto}.payment-form .checkbox-label{background:#f9fafb;border:1px solid #eaecf0;border-radius:10px;color:#475467;min-height:42px;padding:0 12px}.payment-form .checkbox-label input{accent-color:#5b5ce2;flex:0 0 auto;height:16px;margin:0;width:16px}.payment-form .modal-actions{gap:10px;padding-top:16px}.payment-form .cancel-btn,.payment-form .save-btn{border-radius:9px;font-size:13px;font-weight:650;height:40px;min-width:100px}.payment-form .save-btn{background:#5b5ce2;box-shadow:0 3px 8px #5b5ce233}.payment-form .save-btn:hover:not(:disabled){background:#4f50d1}.payment-form .cancel-btn:disabled,.payment-form .save-btn:disabled{cursor:not-allowed;opacity:.55}:root[data-theme=dark] .payment-modal-wide{border-color:#343b49}:root[data-theme=dark] .payment-modal-header{background:#202532;border-color:#343b49;color:#eef0f6}:root[data-theme=dark] .payment-modal-header button{background:#2b3240;color:#cbd5e1}:root[data-theme=dark] .payment-modal-header button:hover{background:#38365f;color:#c7c5ff}:root[data-theme=dark] .payment-form label{color:#eef0f6}:root[data-theme=dark] .payment-form .checkbox-label{background:#252b39;border-color:#3a4252;color:#d0d5dd}:root[data-theme=dark] .payment-form .student-select-row button{background:#292844;border-color:#4b478a;color:#c7c5ff}@media(max-width:640px){.payment-modal-wide{max-height:92vh;width:min(100%,520px)}.payment-modal-header{min-height:60px;padding:14px 16px}.payment-form{gap:14px;padding:16px}.payment-form .form-grid-2{gap:14px;grid-template-columns:minmax(0,1fr)}.payment-form .checkbox-label{min-height:40px}}.payments-page,.payments-page>*{min-width:0}.payments-page .table-card{max-width:100%;overflow-x:auto}.payments-page .custom-table{min-width:760px}.payments-page .pending-row-actions{flex-wrap:nowrap;white-space:nowrap}.payments-heading-copy{min-width:0}.payment-modal-wide,.student-modal{max-height:calc(100dvh - 24px)}.payment-modal-wide .payment-form,.student-modal .student-list{-webkit-overflow-scrolling:touch;min-height:0;overflow:auto}@media(max-width:640px){.payments-page{padding:16px}.payments-page-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.payments-heading-copy{flex:1 1 100%}.payments-heading-icon{height:38px;width:38px}.payments-heading-icon svg{height:20px;width:20px}.payments-heading-copy h1{font-size:20px}.payments-heading-copy p{font-size:11px}.payments-heading-actions{gap:7px;justify-content:flex-end;width:100%}.payments-heading-actions .add-payment-btn,.payments-refresh-btn{font-size:11px;height:36px;padding:0 11px}.payments-page>.stats-group,.payments-page>.stats-group.stats-group-limited{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.payments-page>.stats-group .stat-card{min-height:96px;padding:11px 12px}.payments-page>.stats-group .stat-card>.stat-card-value{font-size:19px}.payment-modal-wide,.student-modal{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.payment-modal-header{padding:14px 16px}.payment-form{padding:14px}}@media(max-width:380px){.payments-page{padding:12px}.payments-heading-actions{justify-content:flex-start}.payments-page>.stats-group .stat-card{padding:9px}}.payments-page{min-height:0;padding:0}.payments-page,:root[data-theme=dark] .payments-page{background:#0000}.payments-page-heading{margin-bottom:0}.payments-heading-copy h1{overflow-wrap:anywhere}@media(max-width:760px){.payments-page-heading{gap:10px}.payments-heading-icon{height:40px;width:40px}.payments-heading-copy h1{font-size:22px}}@media(max-width:420px){.payments-heading-copy{gap:10px}.payments-heading-icon{display:none}.payments-heading-copy h1{font-size:21px}.payments-heading-copy p{font-size:10.5px;max-width:100%}.payments-heading-actions{gap:5px}.payments-heading-actions .add-payment-btn,.payments-refresh-btn{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.payments-heading-actions .add-payment-btn svg,.payments-refresh-btn svg{height:13px;width:13px}}@media(max-width:390px){.payments-page{gap:12px}.payments-heading-copy h1{font-size:19px}.payments-heading-copy p{font-size:10px;line-height:1.35}.payments-heading-actions .add-payment-btn,.payments-refresh-btn{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 7px}.payments-heading-actions .add-payment-btn svg,.payments-refresh-btn svg{height:11px;width:11px}}.payments-page .table-card{-webkit-overflow-scrolling:touch;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain}.payments-page .table-card::-webkit-scrollbar{height:7px}.payments-page .table-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:root[data-theme=dark] .payments-page .table-card::-webkit-scrollbar-thumb{background:#4a556b}@media(max-width:760px){.payments-page .custom-table th{font-size:9px;padding:10px 11px}.payments-page .custom-table td{font-size:11px;padding:10px 11px}.payments-page .table-action-btn{font-size:10px;height:27px;padding:0 9px}.payments-page .receipt-button{font-size:10px}}.payments-page .receipt-actions{align-items:center;display:flex;flex-flow:row nowrap;gap:5px;min-width:max-content;white-space:nowrap;width:max-content}.payments-page .receipt-actions .receipt-button{flex:0 0 auto;min-width:max-content;white-space:nowrap;width:auto}.payments-page .custom-table td:last-child,.payments-page .custom-table th:last-child{white-space:nowrap}.payments-filter-heading-actions{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end}.payments-filter-content{min-width:0}.payments-quick-views-panel{background:#fff;border:1px solid #e5e9f0;border-radius:14px;box-shadow:0 2px 8px rgba(16,24,40,.035);margin:0 0 14px;padding:12px 16px}.payments-quick-views-panel .payments-quick-filters{align-items:center;border:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:0}.payments-quick-views-panel .filter-chips{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;min-width:0}.payments-quick-views-panel .payments-filter-section-label{flex:0 0 auto}:root[data-theme=dark] .payments-quick-views-panel{background:#202532;border-color:#343b49;box-shadow:none}@media(max-width:520px){.payments-filter-heading{align-items:center}.payments-filter-heading-actions{gap:6px}.payments-filter-heading-actions .clear-btn{font-size:11px}.payments-quick-views-panel{padding:11px 12px}.payments-quick-views-panel .payments-quick-filters{align-items:flex-start;flex-direction:column;gap:8px}.payments-quick-views-panel .filter-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:1px 1px 4px;scrollbar-width:thin;width:100%}.payments-quick-views-panel .filter-chips .chip{flex:0 0 auto;font-size:11px;min-height:34px;padding:0 10px}}@media(max-width:480px){.payments-pagination{gap:9px;padding:10px}.payments-page-range{font-size:10px}}.payments-page>.stats-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;width:100%}.payments-page>.stats-group .stat-card{min-width:0}.payments-page .plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));min-width:0}.payments-page .plan-card{min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.payments-page>.stats-group,.payments-page>.stats-group.stats-group-limited{grid-template-columns:repeat(2,minmax(0,1fr))}}.payments-page .payments-page-heading{display:block;margin:0 0 16px;min-width:0;padding:0}.payments-page .payments-page-heading .dash-header-bar{align-items:center;border-bottom:1px solid #e9ebef;border-bottom:1px solid var(--border,#e9ebef);display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin:0;padding:6px 0 12px}.payments-page .payments-header-info{align-items:center;display:flex;flex:1 1 280px;gap:12px;min-width:0}.payments-page .payments-heading-icon{border-radius:11px;display:grid;flex:0 0 44px;height:44px;place-items:center;width:44px}.payments-page .payments-heading-icon svg{display:block;height:22px;width:22px}.payments-page .payments-heading-text{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}.payments-page .payments-heading-text .dash-header-title{font-size:clamp(22px,2.2vw,30px);line-height:1.12;margin:0}.payments-page .payments-heading-text .dash-header-subtitle{font-size:clamp(11px,1.1vw,14px);line-height:1.4;margin:0;max-width:58rem;overflow-wrap:anywhere}.payments-page .payments-heading-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-end;margin:0 0 0 auto}.payments-page .payments-heading-actions>button{align-items:center;display:inline-flex;flex:0 0 auto;font-size:11px;gap:6px;height:34px;justify-content:center;min-height:34px;padding:0 11px;white-space:nowrap}.payments-page .payments-heading-actions>button svg{display:block;flex:0 0 14px;height:14px;width:14px}:root[data-theme=dark] .payments-page .payments-page-heading .dash-header-bar{border-bottom-color:#343b49}@media(max-width:760px){.payments-page .payments-page-heading{margin-bottom:14px}.payments-page .payments-page-heading .dash-header-bar{align-items:flex-start;gap:8px;padding:6px 0 10px}.payments-page .payments-header-info{align-items:flex-start;flex:1 1 100%;gap:10px;width:100%}.payments-page .payments-heading-icon{flex-basis:40px;height:40px;width:40px}.payments-page .payments-heading-text .dash-header-title{font-size:24px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:clamp(10px,2.8vw,12px)}.payments-page .payments-heading-actions{margin-left:auto}}@media(max-width:420px){.payments-page .payments-heading-icon{display:none}.payments-page .payments-heading-text .dash-header-title{font-size:21px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:10.5px}.payments-page .payments-heading-actions{gap:5px}.payments-page .payments-heading-actions>button{font-size:10px;gap:5px;height:32px;min-height:32px;padding:0 9px}.payments-page .payments-heading-actions>button svg{flex-basis:13px;height:13px;width:13px}}@media(max-width:360px){.payments-page .payments-heading-text .dash-header-title{font-size:19px}.payments-page .payments-heading-text .dash-header-subtitle{font-size:10px}.payments-page .payments-heading-actions>button{font-size:9px;gap:4px;height:30px;min-height:30px;padding:0 7px}.payments-page .payments-heading-actions>button svg{flex-basis:11px;height:11px;width:11px}}@media(max-width:600px){.payments-page .plans-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.payments-page .plan-card{gap:4px;padding:10px}.payments-page .plan-card b{font-size:12px;overflow-wrap:anywhere}.payments-page .plan-card span{font-size:10px;line-height:1.35;overflow-wrap:anywhere}.payments-page>.stats-group .stat-card{min-height:96px;padding:10px}.payments-page>.stats-group .stat-card .stat-card-top>span{font-size:10px;line-height:1.3}.payments-page>.stats-group .stat-card>.stat-card-value{font-size:clamp(16px,5vw,19px)}.payments-page>.stats-group .stat-card>.stat-card-caption{font-size:9px;overflow-wrap:anywhere}}.report-filter{align-items:end;background:#fff;border:1px solid #eef0f3;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:14px 16px}.report-filter label{color:#374151;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px}.report-filter input,.report-filter select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;min-width:160px;padding:9px 12px}.report-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.export-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:9px 14px}.export-btn:hover{background:#f9fafb}.stats-grid.four{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:12px 0}.stat-card{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:14px}.stat-card.violet .stat-icon{background:#ede9fe;color:#7c3aed}.stat-card.blue .stat-icon{background:#dbeafe;color:#2563eb}.stat-card.green .stat-icon{background:#dcfce7;color:#16a34a}.stat-card.teal .stat-icon{background:#ccfbf1;color:#0d9488}.stat-icon{border-radius:8px;display:grid;font-size:14px;font-weight:700;height:32px;place-items:center;width:32px}.stat-label{color:#6b7280;font-size:11px;letter-spacing:.04em;margin-top:8px;text-transform:uppercase}.stat-value{color:#111827;font-size:18px;font-weight:700;margin:4px 0}.stat-note{color:#6b7280;font-size:11px}.report-line-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.line-chart-panel{background:#fff;border:1px solid #eef0f3;border-radius:12px;overflow:hidden;padding:16px}.line-chart-panel h3{color:#111827;font-size:13px;font-weight:600;margin:0 0 16px}.chart-svg-wrap{height:200px;width:100%}.chart-svg-wrap svg{height:100%;overflow:visible;width:100%}.chart-y-labels{bottom:20px;flex-direction:column;left:0;position:absolute;top:10px;width:36px}.chart-x-labels,.chart-y-labels{color:#9ca3af;display:flex;font-size:10px;justify-content:space-between}.chart-x-labels{margin-top:8px;padding-left:36px}.chart-tooltip{background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000001f}.library-performance{background:#fff;border:1px solid #eef0f3;border-radius:12px;margin-bottom:12px;padding:16px}.panel-heading h2{font-size:14px;font-weight:600;margin:0}.panel-heading p{color:#6b7280;font-size:11px;margin:2px 0 0}.performance-chart{display:flex;gap:10px;margin-top:16px}.performance-axis-labels{display:flex;flex-direction:column;gap:16px;padding-top:2px;width:90px}.performance-axis-labels span{align-items:center;color:#6b7280;display:flex;font-size:11px;height:14px;justify-content:flex-end;white-space:nowrap}.performance-plot{flex:1 1;padding-bottom:18px;position:relative}.performance-gridlines{display:flex;inset:0 0 18px 0;justify-content:space-between;position:absolute}.performance-gridlines i{background:#f3f4f6;display:block;width:1px}.performance-row{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;position:relative;z-index:1}.performance-row:last-child{margin-bottom:0}.performance-bar{border-radius:99px;height:8px}.occupancy-bar{background:#10b981}.library-snapshot-message{color:#6b7280;font-size:13px;padding:24px;text-align:center}.library-snapshot-message.error{color:#b42318}.performance-ticks{color:#9ca3af;display:flex;font-size:10px;justify-content:space-between;margin-top:10px}.performance-legend{color:#6b7280;display:flex;font-size:11px;gap:18px;justify-content:center;margin-top:16px}.performance-legend i{border-radius:2px;display:inline-block;height:10px;margin-right:6px;vertical-align:middle;width:10px}.performance-legend span:first-child i{background:#10b981}.performance-legend span:last-child i{background:#6366f1}.library-summary{background:#fff;border:1px solid #eef0f3;border-radius:12px;overflow-x:auto;padding:16px}.lib-table{border-collapse:collapse;margin-top:10px;min-width:520px;width:100%}.lib-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;letter-spacing:.04em;padding:10px;text-align:left;text-transform:uppercase}.lib-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:12.5px;padding:10px}.export-overlay{animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.export-popup{animation:scaleIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040,0 0 0 1px #0000000d;max-width:92vw;padding:18px;width:380px}.export-popup-head{align-items:center;display:flex;justify-content:space-between}.export-popup-head h3{color:#111827;font-size:15px;font-weight:700;margin:0}.close-x{background:#f3f4f6;border:0;border-radius:8px;color:#6b7280;cursor:pointer;height:28px;width:28px}.close-x:hover{background:#e5e7eb;color:#111827}.export-popup p{color:#6b7280;font-size:12.5px;line-height:1.4;margin:8px 0 16px}.export-options{display:flex;flex-direction:column;gap:10px}.export-option{align-items:center;background:#fcfcfd;border:1px solid #eef0f3;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:13px 14px;text-align:left;transition:all .15s ease;width:100%}.export-option:hover{background:#f5f6ff;border-color:#6366f1;transform:translateY(-1px)}.export-option:disabled{cursor:not-allowed;opacity:.6}.export-option b{color:#111827;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.export-option small{color:#6b7280;font-size:11px}.exp-ic{background:#eef2ff;border-radius:10px;display:grid;font-size:18px;height:40px;place-items:center;width:40px}.exp-arrow{color:#9aa0af;font-size:16px;margin-left:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}[dark-theme=dark] .report-filter,[data-theme=dark] .report-filter,html[dark-theme=dark] .report-filter,html[data-theme=dark] .report-filter{background:#1f2937;border-color:#374151}[dark-theme=dark] .report-filter label,[data-theme=dark] .report-filter label{color:#d1d5db}[dark-theme=dark] .export-btn,[dark-theme=dark] .report-filter input,[dark-theme=dark] .report-filter select,[data-theme=dark] .export-btn,[data-theme=dark] .report-filter input,[data-theme=dark] .report-filter select{background:#111827;border-color:#374151;color:#e5e7eb}[dark-theme=dark] .export-btn:hover,[data-theme=dark] .export-btn:hover{background:#1f2937}[dark-theme=dark] .library-performance,[dark-theme=dark] .library-summary,[dark-theme=dark] .line-chart-panel,[dark-theme=dark] .stat-card,[data-theme=dark] .library-performance,[data-theme=dark] .library-summary,[data-theme=dark] .line-chart-panel,[data-theme=dark] .stat-card{background:#1f2937;border-color:#2d3748}[dark-theme=dark] .export-popup-head h3,[dark-theme=dark] .lib-table td,[dark-theme=dark] .line-chart-panel h3,[dark-theme=dark] .panel-heading h2,[dark-theme=dark] .stat-value,[data-theme=dark] .export-popup-head h3,[data-theme=dark] .lib-table td,[data-theme=dark] .line-chart-panel h3,[data-theme=dark] .panel-heading h2,[data-theme=dark] .stat-value{color:#f3f4f6}[dark-theme=dark] .chart-x-labels,[dark-theme=dark] .lib-table th,[dark-theme=dark] .panel-heading p,[dark-theme=dark] .performance-axis-labels span,[dark-theme=dark] .performance-ticks,[dark-theme=dark] .stat-label,[dark-theme=dark] .stat-note,[data-theme=dark] .chart-x-labels,[data-theme=dark] .lib-table th,[data-theme=dark] .panel-heading p,[data-theme=dark] .performance-axis-labels span,[data-theme=dark] .performance-ticks,[data-theme=dark] .stat-label,[data-theme=dark] .stat-note{color:#9ca3af}[data-theme=dark] .lib-table th{border-color:#374151}[data-theme=dark] .lib-table td{border-color:#2d3748}[data-theme=dark] .performance-gridlines i{background:#374151}[data-theme=dark] .chart-svg-wrap svg line{stroke:#374151}[data-theme=dark] .chart-tooltip{background:#111827;border-color:#374151;color:#f3f4f6}[data-theme=dark] .export-popup{background:#1f2937}[data-theme=dark] .export-option{background:#111827;border-color:#2d3748}[data-theme=dark] .export-option b{color:#f3f4f6}[data-theme=dark] .export-option:hover{background:#1e293b;border-color:#6366f1}[data-theme=dark] .close-x{background:#111827;color:#9ca3af}@media(max-width:900px){.stats-grid.four{grid-template-columns:1fr 1fr}.report-line-grid{grid-template-columns:1fr}}@media(max-width:768px){.report-filter{align-items:stretch;flex-direction:column;padding:12px}.report-filter label{width:100%}.report-filter input,.report-filter select{min-width:100%;width:100%}.report-actions{margin-left:0;width:100%}.report-actions button{flex:1 1}.performance-chart{flex-direction:column}.performance-axis-labels{flex-direction:row;flex-wrap:wrap;gap:6px;width:100%}.performance-axis-labels span{background:#f3f4f6;border-radius:6px;height:auto;justify-content:flex-start;padding:4px 8px}[dark-theme=dark] .performance-axis-labels span,[data-theme=dark] .performance-axis-labels span{background:#111827}}@media(max-width:640px){.stats-grid.four{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-value{font-size:16px}.line-chart-panel{padding:12px}.chart-svg-wrap{height:170px}.library-performance,.library-summary{padding:12px}.lib-table{font-size:12px;min-width:460px}.lib-table td,.lib-table th{padding:8px 6px}.export-popup{padding:14px;width:94vw}}@media(max-width:480px){.stats-grid.four{grid-template-columns:1fr}.performance-legend{align-items:center;flex-direction:column;gap:6px}.chart-x-labels{font-size:9px;padding-left:20px}}.chart-svg-wrap{cursor:crosshair;position:relative}.chart-tooltip{background:#111827;border-radius:8px;box-shadow:0 6px 20px #00000040;color:#fff;font-size:11px;padding:6px 10px;pointer-events:none;position:absolute;transition:left .08s ease,top .08s ease;white-space:nowrap;z-index:2}.chart-tooltip b{display:block;font-size:11px}.chart-tooltip small{font-size:11px;opacity:.9}.active-x{color:#6366f1;font-weight:700}:root[data-theme=dark] .chart-tooltip{background:#eef0f6;color:#111827}.report-filter-advanced{margin-bottom:20px;padding:16px 18px!important}.report-filter-grid{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.report-filter-field{color:#202433;color:var(--text-color,#202433);display:flex;flex:1 1 150px;flex-direction:column;font-size:.85rem;font-weight:600;gap:6px;max-width:200px;min-width:0}.report-filter-field input,.report-filter-field select{background:#fff;background:var(--bg-input,#fff);border:1px solid #d7dce5;border:1px solid var(--border-color,#d7dce5);border-radius:8px;box-sizing:border-box;color:#202433;color:var(--text-color,#202433);font:inherit;font-size:13px;font-weight:400;height:38px;min-width:0;outline:none;padding:7px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.report-filter-field input:focus,.report-filter-field select:focus{border-color:#6366f1;border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f121}.report-filter-field select:disabled{cursor:not-allowed;opacity:.6}.report-filter-actions{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:8px;margin-left:auto;padding-top:0}.report-filter-actions .button{font-size:13px;font-weight:600;height:38px;min-height:38px;padding:0 14px;white-space:nowrap}.report-summary-cards{grid-gap:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:0 0 20px}.report-summary-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;box-shadow:0 2px 8px #0f172a0a;min-width:0;padding:16px 18px}.report-summary-card-label{color:#6b7280;color:var(--muted-text,#6b7280);font-size:12px;font-weight:600;margin-bottom:6px;text-transform:capitalize}.report-summary-card-value{color:#111827;color:var(--text-color,#111827);font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.2;overflow-wrap:anywhere}@media (max-width:1200px){.report-filter-field{flex:1 1 140px;max-width:180px}}@media (max-width:900px){.report-filter-grid{gap:10px}.report-filter-field{flex:1 1 130px;max-width:none}.report-filter-actions{justify-content:flex-start;margin-left:0;width:100%}}@media (max-width:768px){.report-filter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-field{max-width:none}.report-filter-actions{display:flex;flex-wrap:wrap;grid-column:1/-1}.report-filter-actions .button{flex:1 1 120px}}@media (max-width:480px){.report-filter-grid{grid-template-columns:1fr}.report-filter-actions{flex-direction:column}.report-filter-actions .button{width:100%}}.reports-page{background:#f8fafc;display:flex;flex-direction:column;gap:18px;min-height:100vh;min-width:0;padding:24px}.reports-page-heading{gap:18px}.reports-heading-copy{align-items:center;display:flex;gap:14px}.reports-heading-icon{background:linear-gradient(145deg,#f1f0ff,#e9efff);border:1px solid #e3e7ff;border-radius:14px;box-shadow:0 4px 12px #4f46e514;color:#5145cd;display:grid;flex:0 0 auto;height:48px;place-items:center;width:48px}.reports-heading-icon svg{height:24px;width:24px}.reports-heading-copy h1{color:#172033;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:0}.reports-heading-copy p{color:#667085;font-size:13px;line-height:1.5;margin:5px 0 0}.reports-page>.report-filter-advanced{border:1px solid #e6eaf0;border-radius:14px;box-shadow:0 4px 14px rgba(16,24,40,.035);box-sizing:border-box;margin:0;padding:18px 20px!important;width:100%}.reports-page .report-filter-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.reports-page .report-filter-field{color:#475467;flex:none;font-size:11px;font-weight:700;gap:7px;letter-spacing:.025em;max-width:none}.reports-page .report-filter-field .form-select-custom-trigger,.reports-page .report-filter-field input{border-radius:9px;box-sizing:border-box;font-size:13px;height:40px;min-height:40px}.reports-page .report-filter-field .ui-select{min-width:0;width:100%}.reports-page .report-filter-field input{background:#fff;padding:0 11px}.reports-page .report-filter-actions{border-top:1px solid #edf0f4;display:flex;flex-wrap:wrap;gap:9px;grid-column:1/-1;margin:2px 0 0;padding-top:15px}.reports-page .report-filter-actions .button{align-items:center;border:1px solid #dfe3eb;border-radius:9px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 16px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.reports-page .report-filter-actions .button:hover:not(:disabled){transform:translateY(-1px)}.reports-page .report-filter-actions .button.primary{background:#5546d8;border-color:#5546d8;box-shadow:0 3px 8px #5546d82e;color:#fff}.reports-page .report-filter-actions .button.primary:hover:not(:disabled){background:#4738c4}.reports-page .report-filter-actions .button.secondary{background:#fff;color:#475467}.reports-page .report-filter-actions .button.secondary:hover:not(:disabled){background:#f8f7ff;border-color:#c8c4ff;color:#5145cd}.reports-page .report-filter-actions .button:disabled{cursor:wait;opacity:.6}.reports-page .report-filter-actions .export-btn svg{height:16px;width:16px}.reports-page .report-filter-actions .button.secondary:last-child{margin-left:auto}.reports-error{align-items:center;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;color:#b42318;display:flex;font-size:13px;gap:14px;justify-content:space-between;padding:12px 15px}.reports-error button{background:#fff;border:1px solid #f1a7a7;border-radius:7px;color:#b42318;cursor:pointer;flex:0 0 auto;font-size:12px;font-weight:700;padding:7px 11px}.reports-error button:disabled{cursor:wait;opacity:.6}.reports-data-panel{background:#fff;border:1px solid #e6eaf0;border-radius:14px;box-shadow:0 3px 12px rgba(16,24,40,.035);overflow:hidden}.reports-data-heading{align-items:center;border-bottom:1px solid #edf0f4;display:flex;gap:16px;justify-content:space-between;padding:17px 20px}.reports-data-heading h2{color:#172033;font-size:15px;font-weight:750;margin:0}.reports-data-heading p{color:#748094;font-size:11px;margin:4px 0 0}.reports-rows-control{align-items:center;color:#667085;display:flex;font-size:11px;font-weight:650;gap:9px;white-space:nowrap}.reports-rows-control .ui-select{width:76px}.reports-rows-control .form-select-custom-trigger{border-radius:8px;font-size:12px;height:34px;min-height:34px;padding:0 9px}.reports-table-scroll{overflow:auto;width:100%}.reports-data-table{border-collapse:collapse;min-width:680px;width:100%}.reports-data-table th{background:#f8fafc;color:#667085;font-size:10px;font-weight:750;letter-spacing:.045em;padding:11px 15px;text-align:left;text-transform:uppercase;white-space:nowrap}.reports-data-table td{border-top:1px solid #f0f2f5;color:#344054;font-size:12px;padding:12px 15px;white-space:nowrap}.reports-data-table tbody tr:hover{background:#fafbff}.reports-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;padding:4px 9px;text-transform:capitalize}.reports-status-pill.status-ok{background:#e8f8f0;color:#168b5a}.reports-status-pill.status-warn{background:#fff5df;color:#a86a07}.reports-status-pill.status-bad{background:#fff0ef;color:#c43226}.reports-empty-state{color:#7a8495;font-size:13px;padding:36px 16px;text-align:center}.reports-pagination{align-items:center;border-top:1px solid #edf0f4;color:#667085;display:flex;font-size:11px;gap:14px;justify-content:space-between;padding:12px 16px}.reports-pagination nav{display:flex;gap:4px}.reports-pagination nav button{background:#0000;border:1px solid #0000;border-radius:8px;color:#475467;cursor:pointer;display:grid;font-size:12px;font-weight:650;height:32px;min-width:32px;padding:0 8px;place-items:center}.reports-pagination nav button:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#e4e7ec}.reports-pagination nav button.active{background:#5546d8;border-color:#5546d8;color:#fff}.reports-pagination nav button:disabled{cursor:default;opacity:.45}.reports-skeleton{grid-gap:16px;display:grid;gap:16px}.reports-skeleton-cards{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.reports-skeleton-card,.reports-skeleton-chart,.reports-skeleton-table{background:#fff;border:1px solid #e7ebf1;border-radius:13px;box-shadow:0 2px 8px rgba(16,24,40,.025);overflow:hidden}.reports-skeleton-card{display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:100px;padding:15px}.reports-skeleton-card b,.reports-skeleton-card small,.reports-skeleton-card span,.reports-skeleton-chart>div,.reports-skeleton-chart>span,.reports-skeleton-table>div>i,.reports-skeleton-table>span{background:#e9edf3;border-radius:6px;display:block;overflow:hidden;position:relative}.reports-skeleton-card span{height:11px;width:58%}.reports-skeleton-card b{height:23px;width:42%}.reports-skeleton-card small{height:9px;width:68%}.reports-skeleton-card b:after,.reports-skeleton-card small:after,.reports-skeleton-card span:after,.reports-skeleton-chart>div:after,.reports-skeleton-chart>span:after,.reports-skeleton-table>div>i:after,.reports-skeleton-table>span:after{animation:reports-shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.reports-skeleton-charts{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-skeleton-chart{min-height:230px;padding:17px}.reports-skeleton-chart>span{height:14px;margin-bottom:20px;width:38%}.reports-skeleton-chart>div{background:repeating-linear-gradient(180deg,#eef1f5 0,#eef1f5 1px,#0000 0,#0000 38px),#fafbfc;border-radius:8px;height:155px}.reports-skeleton-table{padding:15px}.reports-skeleton-table>span{height:14px;margin-bottom:16px;width:30%}.reports-skeleton-table>div{grid-gap:15px;border-top:1px solid #f0f2f5;display:grid;gap:15px;grid-template-columns:1.4fr 1fr .8fr .8fr;padding:12px 0}.reports-skeleton-table>div>i{height:10px}.reports-skeleton-table>div>i:first-child{width:76%}@keyframes reports-shimmer{to{transform:translateX(100%)}}:root[data-theme=dark] .reports-page{background:#141821}:root[data-theme=dark] .reports-heading-copy h1{color:#eef0f6}:root[data-theme=dark] .reports-heading-copy p{color:#a8b0c0}:root[data-theme=dark] .reports-heading-icon{background:#292844;border-color:#39365f;color:#c7c5ff}:root[data-theme=dark] .reports-page>.report-filter-advanced{background:#202532;border-color:#343b49}:root[data-theme=dark] .reports-page .report-filter-field{color:#d0d5dd}:root[data-theme=dark] .reports-page .report-filter-field input{background:#252b39;border-color:#3a4252;color:#eef0f6}:root[data-theme=dark] .reports-page .report-filter-actions{border-color:#343b49}:root[data-theme=dark] .reports-page .report-filter-actions .button.secondary{background:#252b39;border-color:#3a4252;color:#e1e5ee}:root[data-theme=dark] .reports-page .report-filter-actions .button.secondary:hover:not(:disabled){background:#292844;border-color:#4b478a;color:#c7c5ff}:root[data-theme=dark] .reports-data-panel{background:#202532;border-color:#343b49}:root[data-theme=dark] .reports-data-heading{border-color:#343b49}:root[data-theme=dark] .reports-data-heading h2{color:#eef0f6}:root[data-theme=dark] .reports-data-heading p,:root[data-theme=dark] .reports-pagination,:root[data-theme=dark] .reports-rows-control{color:#a8b0c0}:root[data-theme=dark] .reports-data-table th{background:#252b39;color:#a8b0c0}:root[data-theme=dark] .reports-data-table td{border-color:#343b49;color:#e1e5ee}:root[data-theme=dark] .reports-data-table tbody tr:hover{background:#252b39}:root[data-theme=dark] .reports-pagination{border-color:#343b49}:root[data-theme=dark] .reports-pagination nav button{color:#e1e5ee}:root[data-theme=dark] .reports-pagination nav button:hover:not(:disabled):not(.active){background:#2b3240;border-color:#3a4252}:root[data-theme=dark] .reports-pagination nav button.active{background:#6366f1;border-color:#6366f1;color:#fff}.reports-page .report-summary-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.reports-page .report-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}:root[data-theme=dark] .reports-skeleton-card,:root[data-theme=dark] .reports-skeleton-chart,:root[data-theme=dark] .reports-skeleton-table{background:#202532;border-color:#343b49}:root[data-theme=dark] .reports-skeleton-card b,:root[data-theme=dark] .reports-skeleton-card small,:root[data-theme=dark] .reports-skeleton-card span,:root[data-theme=dark] .reports-skeleton-chart>div,:root[data-theme=dark] .reports-skeleton-chart>span,:root[data-theme=dark] .reports-skeleton-table>div>i,:root[data-theme=dark] .reports-skeleton-table>span{background-color:#343b49}:root[data-theme=dark] .reports-skeleton-chart>div{background:repeating-linear-gradient(180deg,#343b49 0,#343b49 1px,#0000 0,#0000 38px),#252b39}:root[data-theme=dark] .reports-skeleton-table>div{border-color:#343b49}:root[data-theme=dark] .reports-error,:root[data-theme=dark] .reports-error button{background:#342222;border-color:#7f3434;color:#ffb4ad}@media(max-width:1000px){.reports-page .report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-skeleton-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.reports-page{gap:14px;padding:18px}.reports-page .report-filter-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .report-filter-actions{grid-column:1/-1}.reports-data-heading{align-items:flex-start}.reports-skeleton-charts{grid-template-columns:1fr}}@media(max-width:480px){.reports-page{padding:14px}.reports-heading-icon{border-radius:11px;height:40px;width:40px}.reports-heading-icon svg{height:21px;width:21px}.reports-heading-copy{gap:10px}.reports-heading-copy h1{font-size:21px}.reports-heading-copy p{font-size:11px;max-width:270px}.reports-page .report-filter-grid{grid-template-columns:1fr}.reports-page .report-filter-actions{display:grid;grid-column:1;grid-template-columns:1fr}.reports-page .report-filter-actions .button.secondary:last-child{margin-left:0}.reports-skeleton-table>div{grid-template-columns:1.2fr 1fr .7fr}.reports-skeleton-table>div>i:last-child{display:none}.reports-error{align-items:flex-start}.reports-data-heading,.reports-error,.reports-pagination{flex-direction:column}.reports-pagination{align-items:flex-start}}.reports-page,.reports-page>*{max-width:100%;min-width:0}.reports-heading-copy,.reports-page-heading{min-width:0}.reports-heading-copy h1,.reports-heading-copy p{overflow-wrap:anywhere}.report-line-grid>*,.reports-line-grid>*{min-width:0}.library-performance,.library-summary,.reports-data-panel{max-width:100%;min-width:0;overflow:hidden}.library-summary,.reports-table-scroll{overflow-x:auto}.library-summary table{min-width:680px}.reports-data-table td,.reports-data-table th{white-space:nowrap}.export-overlay{align-items:center;overflow-y:auto;padding:12px}.export-popup{max-height:calc(100dvh - 24px);overflow:auto;width:min(520px,100%)}@media(max-width:700px){.reports-page{gap:14px;padding:16px}.reports-page-heading{align-items:flex-start;flex-wrap:wrap}.reports-heading-copy{flex:1 1 100%}.reports-heading-icon{height:38px;width:38px}.reports-heading-icon svg{height:20px;width:20px}.reports-heading-copy h1{font-size:20px}.reports-heading-copy p{font-size:11px}.report-summary-cards,.reports-summary-cards{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-line-grid,.reports-chart-grid{grid-template-columns:1fr}.report-line-grid>*,.reports-chart-grid>*{min-width:0}.reports-data-heading{flex-wrap:wrap}}@media(max-width:480px){.reports-page{padding:12px}.reports-page .report-filter-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .report-filter-field{min-width:0}.reports-page .report-filter-field:first-child{grid-column:1/-1}.reports-page .report-filter-actions{display:flex;flex-wrap:wrap;grid-column:1/-1}.reports-page .report-filter-actions .button{flex:1 1 120px;width:auto}.report-summary-cards,.reports-summary-cards{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary-card{padding:11px}.reports-data-heading{align-items:center;flex-direction:row;padding:12px}.reports-pagination{align-items:center;flex-direction:row;flex-wrap:wrap;padding:10px}.export-overlay{align-items:flex-end;padding:8px}.export-popup{border-radius:16px 16px 10px 10px;max-height:calc(100dvh - 16px);width:100%}}@media(max-width:350px){.reports-page .report-filter-grid{grid-template-columns:1fr}.reports-page .report-filter-field:first-child{grid-column:1}.report-summary-cards,.reports-summary-cards{grid-template-columns:1fr}}.reports-page{background:#0000;min-height:0;padding:0}.reports-page-heading{gap:16px}.report-summary-cards{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.report-summary-card{border-radius:13px;display:flex;flex-direction:column;justify-content:center;min-height:96px;padding:17px 18px}@media(max-width:1100px){.report-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.report-summary-cards{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary-card{min-height:86px;padding:14px}.report-summary-card-value{font-size:19px}}@media(max-width:420px){.report-summary-cards{gap:9px;grid-template-columns:1fr}.report-summary-card{min-height:72px;padding:13px 14px}.report-summary-card-label{font-size:11px;margin-bottom:4px}.report-summary-card-value{font-size:18px}}.reports-filter-advanced.is-collapsed{padding:12px 16px!important}.reports-filter-collapsed-summary{align-items:center;color:#667085;display:flex;font-size:12px;min-height:28px}@media(max-width:1000px){.reports-page .report-filter-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .report-filter-field:first-child{grid-column:span 1}}@media(max-width:700px){.reports-page-heading{align-items:flex-start;flex-wrap:wrap}.reports-page>.report-filter-advanced{border-radius:13px;padding:14px!important}.reports-page .report-filter-grid{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .report-filter-field{min-width:0}.reports-page .report-filter-field .form-select-custom-trigger,.reports-page .report-filter-field input{font-size:12px;min-width:0;width:100%}.reports-page .report-filter-actions{grid-gap:8px;display:grid;gap:8px;grid-column:1/-1;grid-template-columns:1.2fr 1fr 1fr}.reports-page .report-filter-actions .button{font-size:11px;min-width:0;padding:0 8px}}@media(max-width:480px){.reports-page-heading{gap:12px}.reports-heading-copy{flex-basis:calc(100% - 130px);flex-grow:1;flex-shrink:1;min-width:0}.reports-page>.report-filter-advanced{padding:12px!important}.reports-page .report-filter-grid{gap:12px;grid-template-columns:1fr}.reports-page .report-filter-field:first-child{grid-column:1}.reports-page .report-filter-actions{gap:8px;grid-column:1;grid-template-columns:1fr;padding-top:12px}.reports-page .report-filter-actions .button{font-size:12px;min-height:42px;width:100%}.reports-filter-collapsed-summary{font-size:11px;line-height:1.4}}@media(max-width:350px){.reports-heading-copy{flex-basis:100%}}:root[data-theme=dark] .reports-page{background:#0000}.reports-heading-copy h1{overflow-wrap:anywhere}@media(max-width:760px){.reports-page-heading{align-items:flex-start;gap:10px}.reports-heading-icon{border-radius:12px;height:40px;width:40px}.reports-heading-icon svg{height:21px;width:21px}.reports-heading-copy h1{font-size:22px}.reports-heading-copy p{font-size:11px;line-height:1.4}}@media(max-width:420px){.reports-heading-icon{display:none}.reports-heading-copy{gap:0}.reports-heading-copy h1{font-size:21px}.reports-heading-copy p{font-size:10.5px;max-width:100%}}@media(max-width:390px){.reports-page{gap:12px}.reports-heading-copy h1{font-size:19px}.reports-heading-copy p{font-size:10px;line-height:1.35}}.reports-page-heading{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between}.reports-heading-copy{flex:1 1 auto;min-width:0}@media(max-width:420px){.reports-page-heading{align-items:center;gap:8px}.reports-heading-copy{flex:1 1 auto}.reports-heading-icon{display:grid;height:34px;width:34px}.reports-heading-icon svg{height:18px;width:18px}.reports-heading-copy h1{font-size:19px}.reports-heading-copy p{font-size:10px;line-height:1.3}}@media(max-width:350px){.reports-heading-icon{display:none}.reports-heading-copy h1{font-size:18px}}@media(max-width:760px){.reports-page .report-summary-cards{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.reports-page .report-summary-cards{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .report-summary-card{padding:11px 9px}.reports-page .report-summary-card-label{font-size:10px}.reports-page .report-summary-card-value{font-size:16px}}.library-summary,.reports-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain}.library-summary::-webkit-scrollbar,.reports-table-scroll::-webkit-scrollbar{height:7px}.library-summary::-webkit-scrollbar-thumb,.reports-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:root[data-theme=dark] .library-summary::-webkit-scrollbar-thumb,:root[data-theme=dark] .reports-table-scroll::-webkit-scrollbar-thumb{background:#4a556b}.lib-table thead th,.reports-data-table thead th{position:sticky;top:0;z-index:2}@media(max-width:760px){.reports-data-table th{font-size:9px;padding:9px 10px}.reports-data-table td{font-size:11px;padding:9px 10px}.lib-table td,.lib-table th{padding:8px 7px}.reports-data-heading{padding:13px 14px}.reports-pagination{padding:10px 12px}}@media(max-width:480px){.reports-data-heading h2{font-size:13px}.reports-data-heading p,.reports-pagination,.reports-rows-control{font-size:10px}.reports-pagination nav button{font-size:11px;height:29px;min-width:29px}}
/*# sourceMappingURL=main.3666eb75.css.map*/