:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-search-height: 40px;--ss-option-height: auto;--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: .2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-hide{display:none!important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main.ss-dir-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%;min-width:0;max-width:100%;overflow:hidden}.ss-main .ss-values .ss-placeholder{display:block;width:100%;min-width:0;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0;line-height:1em;color:var(--ss-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:block;margin:auto 0px auto var(--ss-spacing-s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;max-width:calc(100% - 20px)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;height:var(--ss-search-height);padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{transition:max-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:700;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}:root{--bg: #f5f6f8;--bg-soft: #eff1f5;--surface: #ffffff;--surface-2: #f8f9fb;--surface-3: #f1f3f7;--text: #0f1218;--muted: #677185;--primary: #0f1218;--primary-strong: #06080d;--primary-soft: rgba(15, 18, 24, .06);--accent: #0f9f6e;--border: #e5e8ef;--border-strong: #d5dbe6;--field-bg: #ffffff;--field-bg-hover: #ffffff;--field-border: #d9dfeb;--field-placeholder: #9ea7b8;--field-focus: rgba(15, 18, 24, .14);--block-bg: #ffffff;--block-border: #e8ecf3;--danger: #a22e2e;--sidebar-bg: #05070c;--sidebar-surface: #0a0e16;--sidebar-border: #161b26;--sidebar-text: #f3f6fb;--sidebar-muted: #a3adbf;--radius-xl: 20px;--radius-lg: 14px;--radius-md: 10px;--shadow-soft: 0 8px 24px rgba(10, 13, 20, .06);--shadow: 0 18px 40px rgba(6, 9, 15, .2)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 2% 0%,rgba(10,14,22,.07),transparent 28%),radial-gradient(circle at 96% 6%,rgba(15,159,110,.08),transparent 34%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}a{color:inherit;text-decoration:none}.app-shell{width:min(1480px,calc(100% - 1.5rem));margin:.75rem auto;min-height:calc(100vh - 1.5rem);display:grid;grid-template-columns:248px minmax(0,1fr);gap:1rem}.sidebar{position:sticky;top:.75rem;height:calc(100vh - 1.5rem);display:flex;flex-direction:column;justify-content:space-between;padding:1rem .82rem;border:1px solid var(--sidebar-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,#0e121b6b,#0e121b00),linear-gradient(180deg,var(--sidebar-surface) 0%,var(--sidebar-bg) 100%);box-shadow:var(--shadow)}.sidebar-top{gap:1rem}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.sidebar-bottom{margin-top:1.2rem}.brand{display:inline-flex;align-items:center;gap:.72rem;padding:.55rem .45rem;border-radius:11px;color:var(--sidebar-text);font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.02em}.sidebar-toggle{display:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff0f;color:var(--sidebar-text);font-weight:700;padding:.5rem .72rem;box-shadow:none}.sidebar-toggle:hover{border-color:#ffffff47;background:#ffffff1f}.sidebar-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.brand-logo{width:30px;height:30px;border-radius:9px;display:block;box-shadow:0 0 0 1px #ffffff2e}.nav{display:grid;gap:.3rem}.nav a{display:flex;align-items:center;gap:.55rem;padding:.63rem .7rem;border-radius:10px;border:1px solid transparent;color:var(--sidebar-muted);font-weight:600;transition:.14s ease}.nav-icon{width:1.05rem;height:1.05rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.nav a:hover{color:var(--sidebar-text);background:#ffffff0a}.nav a.is-active{color:var(--sidebar-text);border-color:#ffffff14;background:linear-gradient(90deg,#13c08233,#13c08200),#ffffff0a}.nav-bottom{margin-bottom:.58rem}.logout-link{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:.52rem;padding:.64rem .72rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:var(--sidebar-text);background:#ffffff08;font-weight:600;transition:.14s ease}.logout-link:hover{border-color:#ffffff42;background:#ffffff14}.page{border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffffff2;box-shadow:var(--shadow-soft);padding:1.28rem;overflow:visible;backdrop-filter:blur(2px)}.page-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.48rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.01em}.page-title-row{display:flex;align-items:center;gap:.62rem}.page-title-icon{width:1.9rem;height:1.9rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#0f121814;color:#1d2b40}.page-subtitle{margin:.48rem 0 0;color:var(--muted);max-width:68ch;line-height:1.5}.page>.stack>div:first-child{padding-bottom:.72rem;border-bottom:1px solid var(--border)}h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.12rem}.grid{display:grid;gap:.95rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.02rem;background:var(--surface)}.kpi{display:flex;flex-direction:column;gap:.18rem}.kpi-link{transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.kpi-link:hover{border-color:#b8c3d5;transform:translateY(-1px);box-shadow:0 10px 18px #0a0d1414}.kpi-link:focus-visible{outline:none;border-color:#7f8ca1;box-shadow:0 0 0 3px var(--field-focus)}.kpi-label{color:var(--muted);font-size:.84rem}.kpi-value{margin:0;font-size:clamp(1.38rem,1.8vw,1.68rem);font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.kpi-value.is-warm{color:#d4a300}.kpi-value.is-danger{color:#b42318}.kpi-value.is-warning{color:#ea6a00}.month-revenue-card{background:radial-gradient(circle at 85% 10%,rgba(19,192,130,.18),transparent 45%),linear-gradient(180deg,#fff,#f7fafc)}.billing-summary{display:grid;gap:.82rem;background:#fff}.billing-summary-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}.billing-summary-note{color:#65748a;font-size:.78rem;font-weight:600}.billing-summary-total{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.7rem,2.5vw,2rem);line-height:1.1;letter-spacing:-.02em}.billing-summary-list{display:grid;gap:.36rem}.billing-summary-item{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.45rem 0;border:1px solid var(--border);border-width:0 0 1px;border-radius:0;background:transparent}.billing-summary-item span{color:#667185;font-size:.83rem;font-weight:600}.billing-summary-item strong{font-size:.95rem;font-family:Space Grotesk,sans-serif}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem}.quick-action-card{border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;align-items:center;background:#fff;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.quick-action-card:hover{transform:translateY(-1px);border-color:#b6c0d3;box-shadow:0 10px 18px #0a101912}.quick-action-card.is-primary{border-color:#0f12183d;background:linear-gradient(180deg,#121721,#0b0f17);color:#f4f7fc}.quick-action-card.is-primary .quick-action-detail,.quick-action-card.is-primary .quick-action-link{color:#f4f7fcd1}.quick-action-card.is-accent{border-color:#0f9f6e52;background:linear-gradient(180deg,#fff,#f7fcfa)}.quick-action-title{font-family:Space Grotesk,sans-serif;font-size:.97rem;font-weight:700;letter-spacing:-.01em}.quick-action-head{display:flex;align-items:center;gap:.46rem}.quick-action-icon{width:1.45rem;height:1.45rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#0f121814}.quick-action-card.is-primary .quick-action-icon{background:#f4f7fc24}.quick-action-detail{color:#617086;font-size:.85rem}.quick-action-link{color:#1f3348;font-weight:700;font-size:.83rem}form{display:grid;gap:.8rem}.form-layout{gap:.4rem}.form-block{border:0;border-top:1px solid var(--block-border);border-radius:0;padding:1rem 0 .86rem;background:transparent}.form-layout>.form-block:first-of-type{border-top:0;padding-top:0}.form-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.form-block-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:.98rem}.form-block-note{margin:0;color:var(--muted);font-size:.82rem}.form-submit-bar{display:flex;justify-content:flex-end;padding-top:.2rem}label{display:grid;gap:.36rem;font-size:.83rem;letter-spacing:0;text-transform:none;font-weight:600;color:#697184}.label-title{display:inline-flex;align-items:baseline;gap:.18rem}.required-indicator{color:#b42318;font-weight:700}label.checkbox-inline{text-transform:none;letter-spacing:0;font-size:.88rem;color:#273043;font-weight:500}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;border:1px solid var(--field-border);background:var(--field-bg);border-radius:10px;padding:.66rem .72rem;font:inherit;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;box-shadow:none}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#70798d 50%),linear-gradient(135deg,#70798d 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:4px 4px;background-repeat:no-repeat;padding-right:2.08rem}input[type=date],input[type=number]{font-variant-numeric:tabular-nums}input[type=date]::-webkit-calendar-picker-indicator{filter:grayscale(1) brightness(.45);opacity:.62;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.45}input[type=file]{width:100%;border:1px dashed var(--field-border);background:var(--surface);border-radius:10px;padding:.38rem;color:#525d73}input[type=file]::file-selector-button{border:1px solid var(--field-border);border-radius:8px;background:var(--field-bg);color:#1f2736;font:inherit;font-weight:600;font-size:.82rem;padding:.42rem .7rem;margin-right:.62rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}input[type=file]:hover::file-selector-button{background:var(--field-bg-hover);border-color:var(--border-strong)}input::placeholder,textarea::placeholder{color:var(--field-placeholder)}input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,textarea:hover,select:hover,input[type=file]:hover{border-color:#b7c2d7;background:var(--field-bg-hover)}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus,input[type=file]:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--field-focus)}input:disabled,textarea:disabled,select:disabled{opacity:.7;cursor:not-allowed}textarea{min-height:106px;resize:vertical}.ss-main{min-height:42px;border-color:var(--field-border);border-radius:10px;background:#fff;color:var(--text);box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.ss-main:focus,.ss-main.ss-open{border-color:var(--primary);box-shadow:0 0 0 3px var(--field-focus)}.ss-main .ss-values .ss-placeholder{color:var(--field-placeholder);padding-inline:.42rem}.ss-main .ss-values .ss-single{margin-left:.42rem;font-weight:500}.ss-main .ss-arrow path{stroke:#6c768a}.ss-content{border-color:var(--field-border);border-radius:10px;box-shadow:0 16px 28px #0a0d141f}.ss-content .ss-search{border-bottom-color:var(--border)}.ss-content .ss-search input{height:40px;padding:.56rem .7rem;color:var(--text);font-size:.9rem}.ss-content .ss-search input::placeholder{color:var(--field-placeholder)}.ss-content .ss-list .ss-option{color:#1a2334;padding:.52rem .68rem;font-size:.9rem}.ss-content .ss-list .ss-option:hover:not(.ss-disabled),.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:#f8fafe;background-color:#121722;border-left:0}input[type=checkbox]{appearance:none;width:1rem;height:1rem;margin:0;border:1px solid #bec7d5;border-radius:4px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}input[type=checkbox]:before{content:"";width:.24rem;height:.5rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .12s ease}input[type=checkbox]:checked{border-color:var(--primary);background:var(--primary)}input[type=checkbox]:checked:before{transform:rotate(45deg) scale(1)}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--field-focus)}.actions{display:flex;gap:.54rem;flex-wrap:wrap}button,.button{border:1px solid transparent;border-radius:10px;padding:.6rem .9rem;font:inherit;font-weight:600;cursor:pointer;transition:.14s ease}button:active,.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-strong));box-shadow:0 8px 14px #0a0d142e}.button-primary:hover{filter:brightness(1.03)}.button-secondary{color:#121722;background:#fff;border-color:var(--border-strong)}.button-secondary:hover{border-color:#aab3c3;background:var(--surface-2)}.button-danger{color:var(--danger);background:#fff;border-color:#e3bdbd}.button-danger:hover{background:#fff5f5}.button-text{border:0;background:transparent;color:#1a2739;font-weight:600;padding:.1rem .2rem;border-radius:6px;box-shadow:none;display:inline-flex;align-items:center}.button-text:hover{background:transparent;color:#0f1218;text-decoration:underline}.button-text:focus-visible{outline:none;box-shadow:0 0 0 3px var(--field-focus)}.button-text:active{transform:none}.button-text.is-danger{color:var(--danger)}.button-text.is-primary{color:#0f1218}.button-text:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.actions-menu{position:relative}.actions-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--field-border);border-radius:9px;padding:.42rem .66rem;font-weight:600;font-size:.82rem;background:#fff;color:#1a2638;transition:border-color .12s ease,background-color .12s ease,color .12s ease;display:inline-flex;align-items:center;gap:.34rem}.actions-menu>summary:hover{border-color:#b4bfd3;background:var(--surface-2);color:#121a27}.actions-menu[open]>summary{border-color:#121722;background:#121722;color:#f4f7fc}.actions-menu>summary:after{content:"";width:.44rem;height:.44rem;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-top:-.18rem;transition:transform .12s ease,margin-top .12s ease}.actions-menu[open]>summary:after{transform:rotate(-135deg);margin-top:.06rem}.actions-menu>summary::-webkit-details-marker{display:none}.actions-menu-panel{position:absolute;right:0;top:calc(100% + .35rem);min-width:208px;border:1px solid var(--field-border);border-radius:10px;background:#fff;box-shadow:0 16px 30px #0a0d1424;padding:.28rem;display:grid;gap:.12rem;z-index:60}.actions-menu-panel a,.actions-menu-panel button{text-align:left}.actions-menu-panel form{display:block;gap:0}.menu-action{width:100%;border:0;border-radius:8px;background:transparent;color:#162136;padding:.5rem .56rem;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center}.menu-action:hover{background:#121722;color:#f4f7fc}.menu-action:focus-visible{outline:none;box-shadow:0 0 0 3px var(--field-focus)}.menu-action.is-danger{color:var(--danger)}.menu-action:disabled{opacity:.45;cursor:not-allowed;background:transparent}.invoice-row-actions{display:inline-block;position:relative}.invoice-row-actions[open]{z-index:120}.invoice-row-actions[open] .actions-menu-panel{z-index:140}.message{padding:.66rem .82rem;border-radius:11px;font-weight:600;border:1px solid}.message-success{border-color:#13c08259;background:#13c0821c;color:#0f7651}.message-error{border-color:#9d2a2a42;background:#9d2a2a1a;color:#8f2626}.confirm-dialog{border:0;padding:0;background:transparent}.confirm-dialog::backdrop{background:#070b128a;backdrop-filter:blur(2px)}.confirm-dialog-card{min-width:min(460px,calc(100vw - 1.5rem));max-width:min(560px,calc(100vw - 1.5rem));border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 24px 48px #060a113d;padding:1rem}.confirm-dialog-title{margin:0;font-size:1.06rem}.confirm-dialog-message{margin:0;color:#273246;font-weight:500}.confirm-dialog-actions{justify-content:flex-end}table{width:100%;border-collapse:collapse}.table-wrap{overflow-x:auto;overflow-y:visible;position:relative;z-index:1}.table-scroll{overflow-x:auto;overflow-y:visible}.invoice-table-wrap{overflow:visible}.invoice-table-wrap .table-scroll{position:relative;z-index:1}.invoice-periods{gap:.9rem}.invoice-period{border:1px solid var(--border);border-radius:12px;overflow:visible;background:var(--surface)}.invoice-period-head{padding:.82rem .9rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;background:linear-gradient(180deg,#fff,var(--surface-2))}.invoice-period-head h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:.98rem}.invoice-period-head p{margin:0}.invoice-period td{position:relative;overflow:visible}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.67rem .56rem}tbody tr:hover{background:var(--surface-2)}th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}th.is-required:after{content:" *";color:#b42318;font-weight:700}.stack{display:grid;gap:.9rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding-bottom:.2rem;border-bottom:1px solid var(--border)}.section-head-copy{display:grid;gap:.22rem}.section-head p{margin:0}.view-switch{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);width:fit-content}.view-switch-tab{border-radius:8px;padding:.45rem .74rem;font-weight:600;color:#243248;border:1px solid transparent;transition:.14s ease}.view-switch-tab:hover{background:var(--surface-2);border-color:var(--border)}.view-switch-tab.is-active{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:#0f121866}.contact-create-shell{background:linear-gradient(180deg,#fff,#fbfcff)}.contact-kind-tabs{display:inline-flex;gap:.4rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.28rem;width:fit-content;flex-wrap:wrap}.contact-kind-tab{border:1px solid transparent;border-radius:9px;background:transparent;color:#243248;padding:.5rem .8rem;font-size:.86rem;font-weight:700;box-shadow:none}.contact-kind-tab:hover{background:var(--surface-2);border-color:var(--border)}.contact-kind-tab.is-active{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:#0f121866}.contact-kind-panel{display:none}.contact-kind-panel.is-active{display:grid}.entity-kind{display:inline-flex;align-items:center;border-radius:999px;padding:.14rem .5rem;border:1px solid var(--border);background:var(--surface-3);font-size:.76rem;font-weight:700;color:#273043}.invoice-export-actions{display:inline-flex;align-items:center;gap:.4rem}.export-icon-link{width:2.1rem;height:2.1rem;border:1px solid var(--border-strong);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#1f2f45;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.export-icon-link:hover{border-color:#9fabc0;background:var(--surface-2);transform:translateY(-1px)}.export-icon-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--field-focus)}.export-icon-link svg{width:18px;height:18px}.export-icon-link.is-xlsx{color:#0f7651}.entity-list{display:grid;gap:.76rem}.entity-card{border:1px solid var(--border);border-radius:12px;padding:.94rem;background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.entity-card:hover{border-color:#c9d2e2;box-shadow:0 10px 18px #0a0d140f}.entity-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.entity-info{display:grid;gap:.35rem;min-width:0}.entity-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.03rem}.entity-subtitle{margin:0;color:#313948}.entity-meta{display:flex;flex-wrap:wrap;gap:.42rem}.entity-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:.24rem .6rem;background:var(--surface-3);color:#273043;font-size:.82rem;border:1px solid var(--border)}.status-pill{color:#0f7651;border-color:#13c08247;background:#13c0821c;font-weight:600}.status-pill.is-inactive{color:#6c7485;border-color:var(--border-strong);background:#f1f3f6}.status-pill.is-overdue{color:#8f2626;border-color:#9d2a2a42;background:#9d2a2a1a}.status-pill.is-pending{color:#9a4f00;border-color:#f4ac3685;background:#ffe7bda6}.entity-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.inline-form{display:block;margin:0}.toggle-edit[aria-expanded=true]{text-decoration:underline;color:#0f1218}.entity-edit{margin-top:.88rem;padding-top:.88rem;border-top:1px dashed var(--border-strong);animation:fade-slide .17s ease}.entity-edit[hidden]{display:none}.invoice-items{border:1px solid var(--border);border-radius:12px;overflow:visible}.invoice-items table td,.invoice-items table th{border-bottom:1px solid var(--border);position:relative;overflow:visible}.invoice-items input:not([type=checkbox]):not([type=radio]):not([type=file]),.invoice-items select,.invoice-items .ss-main{min-height:36px;padding:.45rem .56rem;border-radius:8px;font-size:.9rem}.invoice-items .ss-main{z-index:6}.invoice-items .ss-content{z-index:40}.field-error{margin:.26rem 0 0;color:#9d2a2a;font-size:.74rem;line-height:1.3;text-transform:none;letter-spacing:0;font-weight:600}.invoice-form-error{margin:0}input.is-invalid,textarea.is-invalid,select.is-invalid,.ss-main.is-invalid{border-color:#ca4a4a!important;background:#fff7f7!important;box-shadow:0 0 0 3px #ca4a4a24!important}.row-inline{display:flex;gap:.6rem;flex-wrap:wrap}.row-inline>*{flex:1 1 140px}.invoice-filters .row-inline>label{min-width:170px}.active-filters{display:grid;gap:.45rem}.active-filters p{margin:0}.filter-chip-list{display:flex;flex-wrap:wrap;gap:.42rem;align-items:center}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-strong);border-radius:999px;padding:.34rem .58rem;background:var(--surface);color:#1c2a3f;font-size:.79rem;font-weight:700;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.filter-chip:hover{border-color:#98a6be;background:var(--surface-2);transform:translateY(-1px)}.filter-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--field-focus)}.filter-chip-remove{font-size:.92rem;line-height:1}.list-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem}.list-pagination p{margin:0}.list-pagination .button-secondary:last-child{justify-self:end}.invoice-filters .form-block{background:var(--surface-2)}.pdf-frame{width:100%;height:70vh;border:1px solid var(--border);border-radius:12px;background:#fff}.company-logo-preview{max-width:240px;max-height:90px;width:auto;height:auto;border:1px solid var(--border);border-radius:10px;padding:.4rem;background:#fff}.mail-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.mail-provider-card{border:1px solid var(--border);border-radius:10px;padding:.8rem;background:var(--surface);display:grid;gap:.6rem}.mail-provider-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.mail-provider-head h4{margin:0;font-family:Space Grotesk,sans-serif;font-size:.95rem}.mail-provider-meta{margin:0;color:var(--muted);font-size:.84rem;word-break:break-word}.checkbox-inline{display:flex;align-items:center;gap:.5rem}.checkbox-inline input[type=checkbox]{flex:0 0 auto}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.3rem}.auth-card{width:min(460px,100%);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:1.2rem}.muted{color:var(--muted)}.small{font-size:.88rem}.lucide-icon{width:100%;height:100%}@keyframes fade-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:.82rem}.sidebar-head{width:100%}.nav{display:none;gap:.42rem;flex-wrap:wrap}.nav.is-open{display:flex}.nav a{padding-inline:.62rem;flex:1 1 140px}.sidebar-toggle{display:inline-flex}.sidebar-bottom{margin-top:.7rem}.logout-link{width:auto}}@media(max-width:820px){.grid-2,.grid-3,.grid-4,.mail-provider-grid,.quick-actions-grid{grid-template-columns:1fr}.view-switch{width:100%;justify-content:stretch;flex-wrap:wrap}.view-switch-tab{flex:1 1 160px;text-align:center}.contact-kind-tabs{width:100%;justify-content:stretch}.contact-kind-tab{flex:1 1 140px;text-align:center}.row-inline>*{flex:1 1 100%}.invoice-filters .row-inline>label{min-width:100%}.form-submit-bar{justify-content:stretch}.form-submit-bar>*{width:100%}.entity-head{flex-direction:column}.entity-actions{width:100%}.entity-actions button{flex:1 1 auto}.entity-actions .button-text{flex:0 0 auto}.invoice-row-actions .actions-menu-panel{min-width:170px;max-width:calc(100vw - 2.4rem)}.list-pagination{grid-template-columns:1fr}.list-pagination .button-secondary:last-child{justify-self:stretch}.confirm-dialog-actions{justify-content:stretch}.confirm-dialog-actions>*{width:100%}}@media(max-width:700px){.app-shell{width:calc(100% - 1rem);margin:.5rem auto;min-height:calc(100vh - 1rem)}.page{padding:1rem}.sidebar-head{align-items:center}.logout-link{width:100%}}