@theme{--color-primary: #d3bbff; --color-primary-container: #833cf6; --color-on-primary-container: #f4e9ff; --color-secondary: #a2e7ff; --color-secondary-container: #00d2fd; --color-on-secondary-container: #005669; --color-tertiary: #ffb783; --color-tertiary-container: #a75500; --color-error: #ffb4ab; --color-error-container: #93000a; --color-surface: #15121c; --color-surface-dim: #15121c; --color-surface-bright: #3c3743; --color-surface-container-lowest: #100c16; --color-surface-container-low: #1e1a24; --color-surface-container: #221e28; --color-surface-container-high: #2c2833; --color-surface-container-highest: #37333e; --color-on-surface: #e8dfee; --color-on-surface-variant: #ccc3d8; --color-outline: #968da1; --color-outline-variant: #4a4455; --color-background: #15121c; --color-on-background: #e8dfee; --color-inverse-primary: #7629e8; --color-inverse-surface: #e8dfee; --color-inverse-on-surface: #332e3a; --spacing-gutter: 24px; --spacing-stack-md: 16px; --spacing-stack-lg: 32px; --spacing-stack-sm: 8px;}*{box-sizing:border-box}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}body{color:#e8dfee;background-color:#08090f;font-family:Inter,system-ui,sans-serif}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:22px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.glass{-webkit-backdrop-filter:blur(12px);background:#15121cb3;border:1px solid #833cf633}.stat-card{background:#0f1117;border:1px solid #833cf633;border-radius:12px;padding:20px;transition:all .2s}.stat-card:hover{background:#1a1d26;border-color:#833cf673}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#833cf6,#6025c0);border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#d3bbff;cursor:pointer;background:#833cf626;border:1px solid #833cf64d;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .15s}.btn-secondary:hover{background:#833cf640}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .15s}.btn-danger:hover{background:#ef444440}.saas-input{color:#e8dfee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:1px solid #833cf633;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.saas-input:focus{border-color:#833cf6}.saas-input::placeholder{color:#ffffff4d}.saas-input option{color:#e8dfee;background:#1a1622}.badge-active{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.badge-trial{color:#00d4ff;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.badge-paused{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.badge-cancelled{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.badge-paid{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.badge-pending{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.badge-overdue{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}.nav-link{color:#ccc3d8;border-right:2px solid #0000;border-radius:0;align-items:center;gap:12px;padding:10px 16px;font-size:15px;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#e8dfee;background:#2c2833cc}.nav-link.active{color:#d3bbff;background:#833cf61f;border-right-color:#833cf6;font-weight:600}.search-bar{background:#1e1a24;border:1px solid #4a445566;border-radius:9999px;align-items:center;gap:8px;width:380px;padding:8px 16px;display:flex}.search-bar input{color:#e8dfee;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar input::placeholder{color:#ccc3d880}@keyframes spin{to{transform:rotate(360deg)}}