@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary-rgb:70, 135, 240;--primary:rgb(var(--primary-rgb));--primary-dark:#1e46a0;--primary-glow:rgba(var(--primary-rgb), .35);--primary-subtle:rgba(var(--primary-rgb), .08);--accent:var(--primary);--accent-glow:var(--primary-glow);--success-rgb:34, 197, 94;--success:rgb(var(--success-rgb));--warning-rgb:245, 158, 11;--warning:rgb(var(--warning-rgb));--error-rgb:239, 68, 68;--error:rgb(var(--error-rgb));--info-rgb:59, 130, 246;--info:rgb(var(--info-rgb));--background:#0c1017;--background-secondary:#111620;--foreground:#f0f2f5;--card-bg:#111620d9;--card-bg-solid:#141a26;--card-border:#ffffff12;--card-hover:#ffffff0a;--control-bg:#ffffff0b;--control-bg-hover:#ffffff13;--control-border-hover:#ffffff29;--overlay-scrim:#02060fb8;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");--sidebar-bg:#0a0e16;--sidebar-hover:rgba(var(--primary-rgb), .06);--sidebar-active:rgba(var(--primary-rgb), .12);--text-primary:#f0f2f5;--text-secondary:#94a3b8;--text-muted:#64748b;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #00000040;--shadow-lg:0 8px 32px #00000059;--glass:blur(16px) saturate(180%);--transition:all .25s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f6fa;--background-secondary:#eef1f6;--foreground:#0f172a;--card-bg:#ffffffd9;--card-bg-solid:#fff;--card-border:#0f172a14;--card-hover:#0f172a08;--control-bg:#0f172a09;--control-bg-hover:#0f172a11;--control-border-hover:#0f172a2b;--overlay-scrim:#0f172a7a;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");--sidebar-bg:#fff;--sidebar-hover:rgba(var(--primary-rgb), .06);--sidebar-active:rgba(var(--primary-rgb), .12);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 32px #0f172a1a}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f6fa;--background-secondary:#eef1f6;--foreground:#0f172a;--card-bg:#ffffffd9;--card-bg-solid:#fff;--card-border:#0f172a14;--card-hover:#0f172a08;--control-bg:#0f172a09;--control-bg-hover:#0f172a11;--control-border-hover:#0f172a2b;--overlay-scrim:#0f172a7a;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");--sidebar-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 84% -10%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 30rem), var(--background);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}::selection{background:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{border-color:color-mix(in srgb, var(--text-primary) 11%, transparent)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px var(--primary-glow);border:none;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:600}.btn-primary:hover{box-shadow:0 6px 24px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary,.btn-success-soft{border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--control-bg);min-height:38px;color:var(--text-primary);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.84rem;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .16s}.btn-secondary:hover{border-color:var(--control-border-hover);background:var(--control-bg-hover)}.btn-success-soft{border-color:color-mix(in srgb, var(--success) 28%, var(--card-border));background:color-mix(in srgb, var(--success) 9%, transparent);color:var(--success)}.btn-success-soft:hover{border-color:color-mix(in srgb, var(--success) 42%, var(--card-border));background:color-mix(in srgb, var(--success) 14%, transparent)}.btn-secondary:disabled,.btn-success-soft:disabled{opacity:.45;cursor:not-allowed}.btn-compact{border-radius:var(--radius-sm);min-height:30px;padding:5px 10px;font-size:.75rem}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success-soft:focus-visible,.btn-logout:focus-visible,.sidebar-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);align-items:center;margin:2px 10px;padding:10px 16px;font-size:.88rem;font-weight:450;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--sidebar-active);color:var(--primary);font-weight:600}.sidebar-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.sidebar-item svg{opacity:.8;flex-shrink:0;width:19px;height:19px;margin-right:12px}.sidebar-item.active svg{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s forwards fadeIn}.animate-fade-in{animation:.3s forwards fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.form-input{background:var(--control-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:11px 16px;font-family:inherit;font-size:.95rem}.form-input:focus{background:var(--control-bg-hover);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}.form-input::placeholder{color:var(--text-muted)}.form-select{background-color:var(--control-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);appearance:none;background-image:var(--select-chevron);transition:var(--transition);background-position:right 14px center;background-repeat:no-repeat;background-size:16px;outline:none;padding:11px 16px;font-size:.95rem}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}input[type=date],input[type=number],select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light] input[type=date],:root[data-theme=light] input[type=number],:root[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select option,.form-select option{background:var(--card-bg-solid);color:var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none}.sa-page-header{margin-bottom:24px}.sa-page-header h1{margin-bottom:5px;font-size:clamp(1.75rem,3vw,2.2rem);line-height:1.15}.sa-page-header p{color:var(--text-muted);font-size:.88rem}.sa-eyebrow{color:var(--text-muted);letter-spacing:.075em;text-transform:uppercase;font-size:.68rem;font-weight:700}.sa-tabs{border-bottom:1px solid var(--card-border);scrollbar-width:none;margin-bottom:26px;display:flex;overflow-x:auto}.sa-tabs::-webkit-scrollbar{display:none}.sa-tab{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:11px 22px;font-family:inherit;font-size:.9rem;font-weight:500;position:relative}.sa-tab:after{content:"";background:var(--primary);opacity:0;border-radius:2px 2px 0 0;height:2px;transition:opacity .16s,transform .16s;position:absolute;inset:auto 18px -1px;transform:scaleX(.55)}.sa-tab:hover{color:var(--text-primary)}.sa-tab.is-active{color:var(--primary);font-weight:650}.sa-tab.is-active:after{opacity:1;transform:scaleX(1)}.sa-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.sa-inline-alert{border:1px solid var(--card-border);border-radius:var(--radius-md);margin-bottom:18px;padding:11px 14px;font-size:.84rem}.sa-inline-alert.is-error{border-color:color-mix(in srgb, var(--error) 28%, var(--card-border));background:color-mix(in srgb, var(--error) 8%, transparent);color:var(--error)}.sa-empty-state{color:var(--text-muted);text-align:center;padding:30px 20px;font-size:.84rem}.sa-empty-state.is-large{place-items:center;min-height:190px;display:grid}.sa-modal-form{flex-direction:column;gap:16px;display:flex}.sa-form-field>label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.sa-form-field>label span{color:var(--text-muted);font-weight:400}.sa-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.sa-modal-actions>button{min-width:118px}.billing-workspace{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.billing-account-panel,.billing-detail{min-width:0}.billing-panel-heading,.billing-section-heading{justify-content:space-between;align-items:center;gap:10px;min-height:34px;display:flex}.billing-account-list,.billing-table-card,.billing-ledger-list{padding:0;overflow:hidden}.billing-account-list{max-height:calc(100vh - 248px);overflow-y:auto}.billing-account-button{border:0;border-top:1px solid var(--card-border);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;font-family:inherit;transition:background .16s,color .16s;display:grid;position:relative}.billing-account-button:first-child{border-top:0}.billing-account-button:hover{background:var(--card-hover)}.billing-account-button.is-active{background:var(--sidebar-active)}.billing-account-button.is-active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;inset:8px auto 8px 0}.billing-account-button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.billing-account-avatar{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--card-border));background:color-mix(in srgb, var(--primary) 9%, var(--control-bg));width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;font-size:.78rem;font-weight:750;display:grid}.billing-account-copy{flex-direction:column;min-width:0;display:flex}.billing-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.billing-account-copy small{color:var(--text-muted);margin-top:1px;font-size:.7rem;font-style:normal}.billing-account-copy small.is-negative{color:var(--error)}.billing-account-copy em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.63rem;font-style:normal;overflow:hidden}.billing-account-overdue{border:1px solid color-mix(in srgb, var(--error) 22%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--error) 9%, transparent);width:max-content;max-width:100%;color:var(--error);align-items:center;gap:5px;margin-top:5px;padding:2px 7px;font-size:.63rem;font-weight:700;line-height:1.35;display:inline-flex}.billing-account-overdue i{width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--error) 9%, transparent);background:currentColor;border-radius:50%}.billing-account-chevron{color:var(--text-muted);font-size:1.2rem}.billing-account-button.is-active .billing-account-chevron{color:var(--primary)}.billing-detail-header{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, transparent), transparent 44%), var(--card-bg);min-height:92px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:16px 18px;display:flex}.billing-detail-header h2{margin-top:2px;font-size:1.25rem}.billing-detail-actions{gap:8px;display:flex}.billing-detail-actions .btn-primary,.billing-detail-actions .btn-secondary{min-height:36px;padding:7px 13px;font-size:.78rem}.billing-balance{align-items:baseline;gap:7px;margin-top:6px;display:flex}.billing-balance span{color:var(--text-muted);font-size:.7rem}.billing-balance strong{font-size:.95rem}.billing-balance.is-positive strong{color:var(--success)}.billing-balance.is-negative strong{color:var(--error)}.billing-section+.billing-section{margin-top:22px}.billing-section-heading small{color:var(--text-muted);margin-left:8px;font-size:.65rem}.sa-table-scroll{width:100%;overflow-x:auto}.billing-table{border-collapse:collapse;width:100%;min-width:720px}.billing-table th{border-bottom:1px solid var(--card-border);color:var(--text-muted);letter-spacing:.055em;text-align:left;text-transform:uppercase;padding:10px 13px;font-size:.67rem;font-weight:650}.billing-table td{border-bottom:1px solid color-mix(in srgb, var(--card-border) 70%, transparent);white-space:nowrap;padding:11px 13px;font-size:.78rem}.billing-table tbody tr:last-child td{border-bottom:0}.billing-table tbody tr:hover{background:var(--card-hover)}.billing-table code{color:var(--text-primary);font-size:.75rem}.billing-table .is-muted{color:var(--text-muted)}.billing-table .is-money{font-weight:650}.billing-table .is-action{text-align:right}.billing-status{border-radius:var(--radius-full);color:var(--text-muted);background:color-mix(in srgb, var(--text-muted) 10%, transparent);border:1px solid #0000;padding:3px 8px;font-size:.66rem;font-weight:700;display:inline-flex}.billing-status.status-issued{border-color:color-mix(in srgb, var(--info) 22%, transparent);background:color-mix(in srgb, var(--info) 10%, transparent);color:var(--info)}.billing-status.status-paid{border-color:color-mix(in srgb, var(--success) 22%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success)}.billing-status.status-overdue{border-color:color-mix(in srgb, var(--error) 22%, transparent);background:color-mix(in srgb, var(--error) 9%, transparent);color:var(--error)}.billing-ledger-entry{border-top:1px solid var(--card-border);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.billing-ledger-entry:first-child{border-top:0}.billing-ledger-entry:hover{background:var(--card-hover)}.billing-ledger-mark{border-radius:50%;width:7px;height:7px}.billing-ledger-mark.is-credit{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 9%, transparent)}.billing-ledger-mark.is-debit{background:var(--error);box-shadow:0 0 0 4px color-mix(in srgb, var(--error) 8%, transparent)}.billing-ledger-copy{flex-direction:column;min-width:0;display:flex}.billing-ledger-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:550;overflow:hidden}.billing-ledger-copy small{color:var(--text-muted);margin-top:2px;font-size:.66rem}.billing-ledger-amount{white-space:nowrap;font-size:.82rem;font-weight:750}.billing-ledger-amount.is-credit{color:var(--success)}.billing-ledger-amount.is-debit{color:var(--error)}.billing-payment-summary{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text-secondary);padding:10px 12px;font-size:.8rem}.billing-note-compose{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;margin-bottom:11px;display:grid}.billing-note-compose .form-input{min-width:0;padding-block:9px}.billing-note-compose .btn-primary{min-width:62px}.billing-note-list{padding:0;overflow:hidden}.billing-note-entry{border-top:1px solid var(--card-border);grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:11px 12px;transition:background .15s;display:grid}.billing-note-entry:first-child{border-top:0}.billing-note-entry:hover{background:var(--card-hover)}.billing-note-mark{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--card-border));background:color-mix(in srgb, var(--primary) 7%, var(--control-bg));border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:29px;height:29px;display:flex}.billing-note-mark i{background:color-mix(in srgb, var(--primary) 68%, var(--text-muted));border-radius:2px;width:12px;height:1px}.billing-note-mark i:last-child{width:8px;margin-right:4px}.billing-note-copy{flex-direction:column;min-width:0;display:flex}.billing-note-copy strong{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.78rem;font-weight:550;line-height:1.45}.billing-note-copy small{color:var(--text-muted);margin-top:3px;font-size:.64rem}.billing-note-delete{width:29px;height:29px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-family:inherit;font-size:1rem;display:grid}.billing-note-delete:hover{border-color:color-mix(in srgb, var(--error) 20%, var(--card-border));background:color-mix(in srgb, var(--error) 7%, transparent);color:var(--error)}.billing-note-delete:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.packages-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.packages-toolbar-title{align-items:center;gap:9px;display:flex}.packages-count{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--card-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 8%, transparent);min-width:23px;color:var(--primary);text-align:center;padding:2px 7px;font-size:.68rem;font-weight:750}.packages-state-card{place-items:center;min-height:164px;display:grid}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px;display:grid}.package-card{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 38%), var(--card-bg);min-width:0;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;position:relative;overflow:hidden}.package-card:before{content:"";background:color-mix(in srgb, var(--primary) 55%, transparent);opacity:0;width:2px;transition:opacity .18s;position:absolute;inset:0 auto 0 0}.package-card:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--card-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.package-card:hover:before,.package-card.is-default:before{opacity:1}.package-card.is-inactive{opacity:.66;filter:saturate(.65)}.package-card-head{grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:11px;display:grid}.package-card-mark{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--card-border));background:color-mix(in srgb, var(--primary) 9%, var(--control-bg));width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:10px;display:flex}.package-card-mark i{background:currentColor;border-radius:3px 3px 1px 1px;width:4px}.package-card-mark i:first-child{opacity:.55;height:8px}.package-card-mark i:nth-child(2){height:15px}.package-card-mark i:nth-child(3){opacity:.76;height:11px}.package-card-title{min-width:0}.package-card-title h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:650;line-height:1.3;overflow:hidden}.package-card-badges{flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;display:flex}.package-card-badges .billing-status{padding:2px 7px;font-size:.58rem}.package-edit-button{min-height:30px;padding:5px 9px;font-size:.7rem}.package-price{align-items:baseline;gap:6px;margin-top:23px;display:flex}.package-price strong{color:var(--text-primary);letter-spacing:-.045em;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:680;line-height:1}.package-price>span{color:var(--primary);letter-spacing:.035em;font-size:.76rem;font-weight:750}.package-price small{color:var(--text-muted);font-size:.68rem}.package-capacities{border-top:1px solid var(--card-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px;padding-top:14px;display:grid}.package-capacity{border:1px solid color-mix(in srgb, var(--card-border) 82%, transparent);background:var(--control-bg);border-radius:9px;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:9px 8px;display:flex}.package-capacity span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.63rem;overflow:hidden}.package-capacity strong{color:var(--text-secondary);font-size:.8rem;font-weight:680}.package-form-grid{gap:12px;display:grid}.package-form-grid.is-commercial,.package-form-grid.is-capacity{grid-template-columns:repeat(3,minmax(0,1fr))}.package-form-grid .is-wide{grid-column:1/-1}.package-form-flags{grid-template-columns:minmax(0,1.6fr) minmax(130px,.7fr);gap:9px;display:grid}.package-flag-option{border:1px solid var(--card-border);background:var(--control-bg);min-height:52px;color:var(--text-secondary);cursor:pointer;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:.75rem;font-weight:550;line-height:1.4;transition:border-color .16s,background .16s;display:flex;position:relative}.package-flag-option:hover{border-color:var(--control-border-hover);background:var(--control-bg-hover)}.package-flag-option.is-checked{border-color:color-mix(in srgb, var(--primary) 30%, var(--card-border));background:color-mix(in srgb, var(--primary) 7%, var(--control-bg))}.package-flag-option input{opacity:0;width:1px;height:1px;position:absolute}.package-flag-option>i{border:1px solid color-mix(in srgb, var(--text-muted) 38%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--text-muted) 18%, transparent);flex-shrink:0;align-items:center;width:31px;height:18px;padding:2px;transition:border-color .16s,background .16s;display:flex}.package-flag-option>i>span{background:var(--text-muted);border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s}.package-flag-option.is-checked>i{border-color:color-mix(in srgb, var(--primary) 55%, transparent);background:color-mix(in srgb, var(--primary) 30%, transparent)}.package-flag-option.is-checked>i>span{background:var(--primary);transform:translate(13px)}.package-flag-option input:focus-visible+i{outline:2px solid var(--primary);outline-offset:2px}.tenant-renew-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.tenant-renew-options label{border:1px solid var(--card-border);background:var(--control-bg);min-height:56px;color:var(--text-secondary);cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:10px 12px;font-size:.8rem;font-weight:600;transition:border-color .16s,background .16s,color .16s;display:flex;position:relative}.tenant-renew-options label:hover{border-color:var(--control-border-hover);background:var(--control-bg-hover)}.tenant-renew-options label.is-selected{border-color:color-mix(in srgb, var(--success) 34%, var(--card-border));background:color-mix(in srgb, var(--success) 8%, transparent);color:var(--success)}.tenant-renew-options label.is-selected.is-debt{border-color:color-mix(in srgb, var(--warning) 38%, var(--card-border));background:color-mix(in srgb, var(--warning) 8%, transparent);color:var(--warning)}.tenant-renew-options input{opacity:0;width:1px;height:1px;position:absolute}.tenant-renew-options label>i{border:1px solid color-mix(in srgb, var(--text-muted) 55%, transparent);border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.tenant-renew-options label.is-selected>i{border:5px solid}.tenant-renew-options input:focus-visible+i{outline:2px solid var(--primary);outline-offset:2px}.tenant-renew-options small{color:var(--text-muted);font-size:.68rem;font-weight:450}.tenant-renew-due-date{border:1px solid color-mix(in srgb, var(--warning) 20%, var(--card-border));background:color-mix(in srgb, var(--warning) 5%, transparent);border-radius:11px;padding:12px}.tenant-license-card{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 36%), var(--card-bg);max-width:640px;padding:25px;overflow:hidden}.tenant-license-header{align-items:center;gap:12px;display:flex}.tenant-license-header h3{color:var(--text-primary);font-size:1.1rem}.tenant-license-header p{color:var(--text-muted);margin-top:3px;font-size:.72rem;line-height:1.45}.tenant-license-mark{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--card-border));background:color-mix(in srgb, var(--primary) 9%, var(--control-bg));border-radius:12px;flex-shrink:0;width:40px;height:40px;position:relative}.tenant-license-mark:before{content:"";border:2px solid var(--primary);opacity:.78;border-bottom:0;border-radius:8px 8px 0 0;width:12px;height:11px;position:absolute;top:9px;left:13px}.tenant-license-mark:after{content:"";background:var(--primary);width:20px;height:15px;box-shadow:0 5px 12px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:5px;position:absolute;bottom:8px;left:10px}.tenant-license-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:21px;display:grid}.tenant-license-metric{border:1px solid var(--card-border);background:var(--control-bg);border-radius:11px;flex-direction:column;justify-content:center;min-height:76px;padding:13px 14px;display:flex}.tenant-license-metric>span{color:var(--text-muted);letter-spacing:.015em;font-size:.65rem;font-weight:600}.tenant-license-metric>strong{color:var(--primary);margin-top:4px;font-size:1.12rem;font-weight:680}.tenant-license-metric.is-secondary>strong{color:var(--text-secondary);font-size:.9rem}.tenant-license-status>strong{align-items:center;gap:7px;display:flex}.tenant-license-status>strong:before{content:"";width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);background:currentColor;border-radius:50%}.tenant-license-status.is-active>strong{color:var(--success)}.tenant-license-status.is-suspended>strong{color:var(--error)}.tenant-license-sippy{border-top:1px solid var(--card-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:20px;padding-top:18px;display:grid}.tenant-license-sippy .sa-form-field label>span{color:var(--text-muted);font-size:.68rem;font-weight:450}.tenant-license-sippy .btn-primary{min-height:39px}.subscription-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px;display:grid}.subscription-stat-card{border-top:3px solid var(--primary);padding:17px 19px}.subscription-stat-card>span{color:var(--text-muted);letter-spacing:.055em;text-transform:uppercase;font-size:.68rem;font-weight:650;display:block}.subscription-stat-card>strong{margin-top:7px;font-size:2rem;line-height:1;display:block}.subscription-filter-tabs{border-bottom:1px solid var(--card-border);scrollbar-width:none;margin-bottom:18px;display:flex;overflow-x:auto}.subscription-filter-tabs::-webkit-scrollbar{display:none}.subscription-filter-tabs>button{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:.82rem;display:flex}.subscription-filter-tabs>button.is-active{border-bottom-color:var(--primary);color:var(--primary);font-weight:650}.subscription-filter-tabs>button>span{border-radius:var(--radius-full);background:var(--control-bg-hover);min-width:19px;color:var(--text-muted);text-align:center;padding:1px 6px;font-size:.65rem;font-weight:700}.subscription-filter-tabs>button.is-active>span{background:var(--primary);color:#fff}.subscription-table-card{padding:0;overflow:hidden}.subscription-table{border-collapse:collapse;width:100%;min-width:1140px}.subscription-table thead tr{border-bottom:1px solid var(--card-border)}.subscription-table tbody tr{border-bottom:1px solid color-mix(in srgb, var(--card-border) 70%, transparent);transition:background .15s}.subscription-table tbody tr:last-child{border-bottom:0}.subscription-table tbody tr:hover{background:var(--card-hover)}.subscription-table th:last-child,.subscription-table td:last-child{z-index:1;background:color-mix(in srgb, var(--card-bg) 94%, var(--background));box-shadow:-8px 0 18px -17px color-mix(in srgb, var(--text-primary) 55%, transparent);position:sticky;right:0}.subscription-table th:last-child{z-index:2}.subscription-table tbody tr:hover td:last-child{background:color-mix(in srgb, var(--card-hover) 92%, var(--card-bg))}.subscription-package-cell{padding:12px 16px;font-size:.82rem}.subscription-package-cell strong{max-width:140px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:620;display:block;overflow:hidden}.subscription-package-cell small{color:var(--text-muted);margin-top:2px;font-size:.67rem;display:block}.subscription-package-cell .is-empty{color:var(--text-muted)}.subscription-actions{align-items:center;gap:6px;display:flex}.subscription-edit-action{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--card-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--primary) 8%, transparent);min-height:30px;color:var(--primary);cursor:pointer;padding:5px 10px;font-family:inherit;font-size:.74rem;font-weight:650}.subscription-edit-action:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--card-border));background:color-mix(in srgb, var(--primary) 13%, transparent)}.subscription-edit-action:disabled{opacity:.4;cursor:not-allowed}.subscription-state-action{border-radius:var(--radius-sm);cursor:pointer;min-height:30px;padding:5px 10px;font-family:inherit;font-size:.74rem;font-weight:650}.subscription-state-action.is-suspend{border:1px solid color-mix(in srgb, var(--error) 28%, var(--card-border));background:color-mix(in srgb, var(--error) 8%, transparent);color:var(--error)}.subscription-state-action.is-activate{border:1px solid color-mix(in srgb, var(--success) 28%, var(--card-border));background:color-mix(in srgb, var(--success) 8%, transparent);color:var(--success)}.subscription-state-action:disabled{opacity:.45;cursor:not-allowed}.subscription-note-cell{width:210px;max-width:210px;padding:11px 16px}.subscription-note-preview{align-items:center;gap:7px;display:flex}.subscription-note-mark{border:1px solid color-mix(in srgb, var(--primary) 17%, var(--card-border));background:color-mix(in srgb, var(--primary) 6%, var(--control-bg));border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:3px;width:25px;height:25px;padding-left:6px;display:flex}.subscription-note-mark i{background:color-mix(in srgb, var(--primary) 62%, var(--text-muted));border-radius:2px;width:11px;height:1px}.subscription-note-mark i:last-child{width:7px}.subscription-note-cell em{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-style:normal;line-height:1.35;display:block;overflow:hidden}.subscription-note-cell em.is-empty{color:var(--text-muted)}.subscription-note-add{color:var(--primary);cursor:pointer;background:0 0;border:0;margin:5px 0 0 32px;padding:0;font-family:inherit;font-size:.66rem;font-weight:650}.subscription-note-add:hover{text-underline-offset:3px;text-decoration:underline}.subscription-note-add:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}.subscription-edit-modal{flex-direction:column;gap:12px;display:flex}.subscription-edit-section{border:1px solid var(--card-border);background:color-mix(in srgb, var(--control-bg) 76%, transparent);border-radius:14px;padding:16px;position:relative;overflow:hidden}.subscription-edit-section:before{content:"";background:color-mix(in srgb, var(--primary) 50%, transparent);opacity:.5;width:2px;position:absolute;inset:0 auto 0 0}.subscription-edit-section.is-sippy:before{background:color-mix(in srgb, var(--info) 55%, transparent)}.subscription-edit-section.is-notes:before{background:color-mix(in srgb, var(--warning) 55%, transparent)}.subscription-edit-section-heading{align-items:center;gap:8px;margin-bottom:13px;display:flex}.subscription-edit-section-heading>span{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--card-border));background:color-mix(in srgb, var(--primary) 7%, transparent);min-width:25px;color:var(--primary);letter-spacing:.045em;text-align:center;border-radius:6px;padding:2px 5px;font-size:.58rem;font-weight:750}.subscription-edit-section h4{color:var(--text-primary);font-size:.86rem;font-weight:650}.subscription-edit-package-summary{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--card-border));background:color-mix(in srgb, var(--primary) 6%, var(--card-bg));border-radius:11px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;padding:11px 12px;display:grid}.subscription-edit-package-mark{background:color-mix(in srgb, var(--primary) 11%, var(--control-bg));width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:9px;display:flex}.subscription-edit-package-mark i{background:currentColor;border-radius:2px 2px 1px 1px;width:3px}.subscription-edit-package-mark i:first-child{opacity:.55;height:7px}.subscription-edit-package-mark i:nth-child(2){height:14px}.subscription-edit-package-mark i:nth-child(3){opacity:.75;height:10px}.subscription-edit-package-summary strong{color:var(--text-primary);font-size:.9rem;font-weight:650;display:block}.subscription-edit-package-summary span{color:var(--text-muted);margin-top:2px;font-size:.72rem;display:block}.subscription-edit-package-summary .is-empty{color:var(--text-muted);font-size:.85rem}.subscription-edit-package-form{flex-direction:column;gap:11px;display:flex}.subscription-edit-package-form .sa-modal-actions{margin-top:1px}.subscription-sippy-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.subscription-sippy-form>.sa-modal-actions{grid-area:1/2;margin:0}.subscription-sippy-form>.sa-inline-alert{grid-column:1/-1}.subscription-edit-section.is-notes .billing-note-compose{margin-bottom:9px}.subscription-edit-section.is-notes .billing-note-list{background:color-mix(in srgb, var(--card-bg) 78%, transparent);max-height:228px;overflow-y:auto}@media (max-width:1100px){.subscription-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.sidebar-brand{align-items:center;gap:11px;padding:0 20px 24px;display:flex}.sidebar-brand-mark{background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:40px;height:40px;box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.sidebar-brand-mark.is-server{background:linear-gradient(145deg, var(--success), color-mix(in srgb, var(--success) 65%, var(--background)));box-shadow:0 8px 20px color-mix(in srgb, var(--success) 18%, transparent)}.sidebar-brand-mark svg{width:22px;height:22px}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy h2{color:var(--text-primary);font-size:1rem;line-height:1.2}.sidebar-brand-copy span{color:var(--success);font-size:.6rem}.sidebar-nav{flex:auto;padding-bottom:8px;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--card-border);background:color-mix(in srgb, var(--sidebar-bg) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;flex:none;gap:8px;padding:11px 12px 12px;display:flex}.sidebar-theme-toggle{border:1px solid var(--card-border);background:var(--control-bg);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;font-family:inherit;transition:background .16s,border-color .16s;display:grid}.sidebar-theme-toggle:hover{border-color:var(--control-border-hover);background:var(--control-bg-hover)}.sidebar-theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar-theme-icon{background:color-mix(in srgb, var(--primary) 9%, transparent);width:29px;height:29px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.sidebar-theme-icon svg{width:17px;height:17px}.sidebar-theme-copy{flex-direction:column;min-width:0;display:flex}.sidebar-theme-copy small{color:var(--text-muted);font-size:.58rem;line-height:1.2}.sidebar-theme-copy strong{color:var(--text-secondary);margin-top:1px;font-size:.7rem;line-height:1.25}.sidebar-theme-track{border:1px solid color-mix(in srgb, var(--text-muted) 40%, transparent);border-radius:var(--radius-full);background:var(--control-bg-hover);width:28px;height:16px;position:relative}.sidebar-theme-track i{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.sidebar-theme-track.is-light{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 18%, transparent)}.sidebar-theme-track.is-light i{background:var(--primary);transform:translate(12px)}.app-topbar-title{color:var(--text-primary);font-weight:650}.sa-modal-backdrop{z-index:13000;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sa-modal{border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 5%, transparent), transparent 32%), var(--card-bg-solid);border-radius:18px;width:100%;max-height:min(90vh,760px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 26px 70px #0000006b}.sa-modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:14px;display:flex}.sa-modal-header h3{margin:0;font-size:1.28rem}.sa-modal-close{border:1px solid var(--card-border);background:var(--control-bg);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;place-items:center;font-family:inherit;font-size:1.25rem;line-height:1;display:grid}.sa-modal-close:hover{border-color:var(--control-border-hover);background:var(--control-bg-hover);color:var(--text-primary)}.sa-modal-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sa-access-restricted{border:1px solid var(--card-border);background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--warning) 9%, transparent), transparent 48%), var(--card-bg);width:min(100%,520px);min-height:300px;box-shadow:var(--shadow-md);color:var(--text-muted);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:17px;margin:max(36px,10vh) auto 0;padding:44px 34px;display:flex}.sa-access-icon{border:1px solid color-mix(in srgb, var(--warning) 24%, var(--card-border));background:color-mix(in srgb, var(--warning) 8%, transparent);width:64px;height:64px;color:var(--warning);border-radius:18px;place-items:center;display:grid}.sa-access-restricted h1{color:var(--text-primary);margin-bottom:5px;font-size:1.18rem}.sa-access-restricted p{font-size:.82rem}.license-page-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.license-page-header .sa-page-header{margin-bottom:0}.license-search{gap:8px;width:min(100%,390px);display:flex}.license-search .form-input{min-width:0;padding-block:8px}.license-search .btn-secondary{flex-shrink:0}.license-list{padding:0;overflow:hidden}.license-row{border-top:1px solid var(--card-border);grid-template-columns:10px minmax(180px,1.35fr) minmax(400px,2fr) auto;align-items:center;gap:14px;padding:13px 16px;transition:background .16s;display:grid;position:relative}.license-row:first-child{border-top:0}.license-row:hover{background:var(--card-hover)}.license-row.is-banned{background:color-mix(in srgb, var(--error) 3%, transparent)}.license-status-dot{background:var(--warning);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 8%, transparent);border-radius:50%}.license-row.is-active .license-status-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 8%, transparent)}.license-row.is-banned .license-status-dot{background:var(--error);box-shadow:0 0 0 4px color-mix(in srgb, var(--error) 8%, transparent)}.license-device{min-width:0}.license-device-id{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:650;overflow:hidden}.license-device-meta{color:var(--text-muted);margin-top:2px;font-size:.68rem}.license-facts{grid-template-columns:repeat(4,minmax(82px,1fr));gap:12px;min-width:0;display:grid}.license-fact{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.license-fact>span{color:var(--text-muted);font-size:.62rem}.license-fact>strong{white-space:nowrap;margin-top:1px;font-size:.72rem;font-weight:550}.license-fact>strong.is-negative{color:var(--error)}.license-fact code{color:var(--text-muted);white-space:nowrap;margin-top:1px;font-size:.68rem}.license-actions{justify-content:flex-end;gap:5px;display:flex}.license-ban-action{border-radius:var(--radius-sm);cursor:pointer;min-height:30px;padding:5px 10px;font-family:inherit;font-size:.74rem;font-weight:650}.license-ban-action.is-ban{border:1px solid color-mix(in srgb, var(--error) 28%, var(--card-border));background:color-mix(in srgb, var(--error) 8%, transparent);color:var(--error)}.license-ban-action.is-unban{border:1px solid color-mix(in srgb, var(--success) 28%, var(--card-border));background:color-mix(in srgb, var(--success) 8%, transparent);color:var(--success)}.license-ban-action:disabled{opacity:.45;cursor:not-allowed}.license-pagination{justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.license-pagination span{color:var(--text-muted);font-size:.78rem}.license-pagination strong{color:var(--text-primary)}@media (max-width:1180px){.license-row{grid-template-columns:10px minmax(180px,1fr) auto}.license-status-dot{grid-area:1/1}.license-device{grid-area:1/2}.license-actions{grid-area:1/3}.license-facts{grid-area:2/2/auto/-1}}@media (max-width:900px){.license-page-header{flex-direction:column;align-items:stretch}.license-search{width:100%}.billing-workspace{grid-template-columns:minmax(0,1fr)}.billing-account-list{scroll-snap-type:x proximity;grid-auto-columns:minmax(220px,58%);grid-auto-flow:column;max-height:none;display:grid;overflow:auto hidden}.billing-account-button{border-top:0;border-left:1px solid var(--card-border);scroll-snap-align:start}.billing-account-button:first-child{border-left:0}}@media (max-width:600px){.sa-tabs{margin-bottom:20px}.sa-tab{flex:1;padding-inline:14px}.billing-workspace{gap:18px}.billing-account-list{grid-auto-columns:minmax(215px,84%)}.billing-detail-header{flex-direction:column;align-items:stretch}.billing-detail-actions{width:100%}.billing-detail-actions>button{flex:1}.billing-ledger-entry{grid-template-columns:8px minmax(0,1fr)}.billing-ledger-amount{grid-column:2;margin-top:3px}.billing-note-compose{grid-template-columns:minmax(0,1fr) auto}.billing-note-entry{grid-template-columns:28px minmax(0,1fr) 29px;gap:8px;padding-inline:10px}.packages-toolbar{align-items:stretch}.packages-toolbar .btn-primary{min-height:36px}.packages-grid{grid-template-columns:minmax(0,1fr)}.package-card{padding:17px}.package-form-grid.is-commercial,.package-form-grid.is-capacity,.package-form-flags{grid-template-columns:minmax(0,1fr)}.tenant-license-card{padding:19px 17px}.tenant-license-header{align-items:flex-start}.tenant-license-sippy{grid-template-columns:minmax(0,1fr)}.tenant-license-sippy .btn-primary{width:100%}.tenant-renew-options{grid-template-columns:minmax(0,1fr)}.subscription-edit-section{border-radius:12px;padding:13px}.subscription-sippy-form{grid-template-columns:minmax(0,1fr)}.subscription-sippy-form>.sa-modal-actions{grid-area:auto/1}.subscription-edit-section.is-notes .billing-note-list{max-height:210px}.sa-modal-actions{flex-direction:column-reverse;align-items:stretch}.sa-modal-actions>button{width:100%}.sa-modal-backdrop{padding:10px}.sa-modal{border-radius:15px;max-height:calc(100vh - 20px);padding:20px 16px}.sa-modal-header{margin-bottom:18px}.license-row{grid-template-columns:10px minmax(0,1fr);gap:9px 12px;padding:14px 13px}.license-status-dot{grid-area:1/1}.license-device{grid-area:1/2}.license-facts{grid-area:2/2;grid-template-columns:repeat(2,minmax(0,1fr))}.license-actions{grid-area:3/2}.license-fact{justify-content:space-between;align-items:center}.license-fact>strong,.license-fact code{margin-top:0}.license-actions{flex-wrap:wrap;justify-content:flex-start}.license-pagination{justify-content:space-between}.license-pagination span{font-size:.7rem}.sa-access-restricted{min-height:270px;margin-top:22px;padding:34px 22px}}.toggle-track{cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;transition:background .3s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .3s;position:absolute;top:3px}.btn-logout{background:rgba(var(--error-rgb), .08);border:1px solid rgba(var(--error-rgb), .2);color:var(--error);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);padding:8px 16px;font-size:.8rem}.btn-logout:hover{background:rgba(var(--error-rgb), .15)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a24}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0f172a3d}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{background:rgba(var(--success-rgb), .12);color:var(--success);border:1px solid rgba(var(--success-rgb), .25)}.badge-warning{background:rgba(var(--warning-rgb), .12);color:var(--warning);border:1px solid rgba(var(--warning-rgb), .25)}.badge-error{background:rgba(var(--error-rgb), .12);color:var(--error);border:1px solid rgba(var(--error-rgb), .25)}.badge-info{background:rgba(var(--info-rgb), .12);color:var(--info);border:1px solid rgba(var(--info-rgb), .25)}.app-sidebar{z-index:1000;transition:transform .25s}.app-topbar,.app-backdrop{display:none}.app-hamburger{border:1px solid var(--card-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-hamburger:hover{background:var(--sidebar-hover)}@media (max-width:768px){.app-sidebar{transform:translate(-100%);box-shadow:6px 0 40px #0000008c}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0!important;padding:72px 14px 28px!important}.app-topbar{background:var(--sidebar-bg);border-bottom:1px solid var(--card-border);z-index:900;align-items:center;gap:12px;height:56px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.app-backdrop.open{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.app-main table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.app-main .grid,.app-main [style*=grid-template-columns]{grid-template-columns:1fr!important}}
