@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-sidebar-bg:#f4f6fb;--color-sidebar-border:#e4e8f0;--color-surface:#fff;--color-border:#e4e8f0;--color-border-light:#f0f2f8;--color-text-primary:#1a1a1a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-heading:#0d1b3e;--color-brand:#2563eb;--color-brand-hover:#1d4ed8;--color-brand-light:#dbeafe;--color-brand-hover-bg:#e8eef8;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-danger-bg:#fee2e2;--color-danger-text:#b91c1c;--color-info-bg:#dbeafe;--color-info-text:#1d4ed8;--sidebar-width:220px;--topbar-height:52px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(13,27,62,.05);--shadow-md:0 4px 12px rgba(13,27,62,.08);--shadow-lg:0 8px 24px rgba(13,27,62,.12);--transition-fast:150ms ease-out;--transition-base:200ms ease-out;--shake-distance:6px;--shake-overshoot:4px;--shake-dur-a:80ms;--shake-dur-b:60ms;--shake-ease:cubic-bezier(0.22,1,0.36,1);--revert-hold:3000ms;--revert-dur:280ms;--icon-swap-dur:250ms;--icon-swap-blur:2px;--icon-swap-start-scale:0.25;--icon-swap-ease:ease-in-out;--pulse-dur:1000ms;--pulse-count:infinite;--pulse-min:0.5;--reveal-dur:400ms;--reveal-blur:2px;--reveal-ease:ease-in-out;--shimmer-dur:2000ms;--shimmer-base:#94a3b8;--shimmer-highlight:#0d1b3e;--shimmer-band:400%;--shimmer-ease:linear}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-layout{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);min-width:0}.app-main,.sidebar{display:flex;flex-direction:column}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);position:fixed;top:0;left:0;height:100vh;z-index:10}.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid var(--color-sidebar-border);display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.sidebar-logo:hover{background:var(--color-brand-hover-bg)}.logo-icon{width:28px;height:28px;background:var(--color-brand);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon svg{width:14px;height:14px}.logo-text{font-size:14px;font-weight:600;color:var(--color-text-heading)}.logo-sub{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{padding:12px 10px;flex:1 1;overflow-y:auto}.nav-section{margin-bottom:20px}.nav-label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:0 10px;margin-bottom:4px;font-weight:600}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-primary);text-decoration:none;margin-bottom:1px;transition:background .1s}.nav-item:hover{background:var(--color-brand-hover-bg)}.nav-item.active{background:var(--color-brand);color:#fff;font-weight:500}.nav-item i{font-size:16px}.nav-item span{flex:1 1}.nav-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--color-sidebar-border)}.user-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer}.user-row:hover{background:var(--color-brand-hover-bg)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.user-name{font-size:12px;font-weight:500;color:var(--color-text-primary)}.user-role{font-size:11px;color:var(--color-text-tertiary)}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 24px;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar-title{font-size:14px;font-weight:500;color:var(--color-text-heading);flex:1 1}.topbar-breadcrumb{gap:8px;flex:1 1}.back-btn,.topbar-breadcrumb{display:flex;align-items:center}.back-btn{color:var(--color-text-secondary);text-decoration:none;font-size:16px}.back-btn:hover{color:var(--color-text-primary)}.breadcrumb-text{font-size:13px;color:var(--color-text-secondary)}.breadcrumb-link{color:var(--color-text-heading);font-weight:500;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{margin:0 6px;color:var(--color-text-tertiary)}.breadcrumb-current{color:var(--color-text-heading);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:8px}.page-content{padding:24px;flex:1 1}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-heading);text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:hover{background:var(--color-sidebar-bg);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:none}.btn i{font-size:14px}.btn-primary{background:var(--color-brand);color:#fff;border-color:transparent}.btn-primary:hover{background:var(--color-brand-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:active,.card{box-shadow:var(--shadow-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:14px 16px;border-bottom:1px solid var(--color-border-light);justify-content:space-between}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:13px;font-weight:500;color:var(--color-text-heading);gap:6px}.card-title i{font-size:15px;color:var(--color-text-tertiary)}.card-body{padding:16px}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-weight:500}.badge,.badge i{font-size:11px}.badge-active{background:var(--color-success-bg);color:var(--color-success-text)}.badge-inactive{background:var(--color-sidebar-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.toggle{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;border:none;padding:0;flex-shrink:0;transition:background .2s}.toggle-on{background:var(--color-brand)}.toggle-off{background:#ccc}.toggle-knob{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;transition:left .15s}.toggle-on .toggle-knob{left:19px}.toggle-off .toggle-knob{left:3px}.stat-grid{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-grid-4{grid-template-columns:repeat(4,1fr)}.stat-pill{background:var(--color-sidebar-bg);border-radius:var(--radius-md);padding:12px 14px;gap:10px;border:1px solid var(--color-border)}.stat-icon,.stat-pill{display:flex;align-items:center}.stat-icon{width:32px;height:32px;border-radius:var(--radius-sm);justify-content:center;font-size:16px;flex-shrink:0}.stat-value{font-size:18px;font-weight:600;color:var(--color-text-heading)}.stat-label{font-size:11px;color:var(--color-text-tertiary)}.table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:10px 16px;font-size:10px;font-weight:600;color:var(--color-text-tertiary);letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{border-bottom:1px solid var(--color-border-light);display:grid;grid-gap:12px;gap:12px}.table-row{padding:12px 16px;align-items:center;cursor:pointer;text-decoration:none;color:inherit;transition:background .1s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8f9fc}.form-label{display:block;font-size:11px;color:var(--color-text-secondary);font-weight:600;margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-surface);color:var(--color-text-primary);transition:border-color .1s}.form-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(37,99,235,.08)}.form-note{font-size:11px;color:var(--color-text-tertiary);margin-top:4px;gap:4px}.form-note,.login-page{display:flex;align-items:center}.login-page{min-height:100vh;justify-content:center;padding:20px;background:radial-gradient(ellipse 70% 55% at 12% -10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(ellipse 55% 45% at 90% 110%,rgba(37,99,235,.07),transparent 60%),var(--color-sidebar-bg)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px 36px 28px;width:100%;max-width:400px;animation:login-enter .35s ease-out both}@keyframes login-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-heading);margin-bottom:4px}.login-sub{font-size:13px;color:var(--color-text-secondary);margin-bottom:24px}.login-field{margin-bottom:16px}.login-input-wrap{position:relative}.login-input-wrap>.ti{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--color-text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.login-input-wrap:focus-within>.ti{color:var(--color-brand)}.login-input{padding:10px 12px 10px 36px;font-size:14px}.login-pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:15px;width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.login-pw-toggle:hover{color:var(--color-text-secondary);background:var(--color-sidebar-bg)}.login-error{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger-text);font-size:12px;margin-bottom:16px;animation:login-enter .2s ease-out both}.login-submit{width:100%;justify-content:center;padding:11px;font-size:13px;font-weight:600;margin-top:4px}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border-light);font-size:11px;color:var(--color-text-tertiary)}@media (max-width:480px){.login-card{padding:28px 22px 20px}}.t-input{transition:border-color .15s ease-out;will-change:transform}.t-input.is-error{border-color:#dc2626!important;transition:border-color var(--revert-dur,.28s) ease-out}.t-input.is-shaking{animation:t-input-shake calc(var(--shake-dur-a) * 2 + var(--shake-dur-b) * 2) linear}@keyframes t-input-shake{0%{transform:translateX(0);animation-timing-function:var(--shake-ease)}28.57%{transform:translateX(var(--shake-distance));animation-timing-function:var(--shake-ease)}57.14%{transform:translateX(calc(var(--shake-distance) * -1));animation-timing-function:var(--shake-ease)}78.57%{transform:translateX(var(--shake-overshoot));animation-timing-function:var(--shake-ease)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.t-input{animation:none!important;transform:none!important}}.t-icon-swap{position:relative;display:inline-grid}.t-icon-swap .t-icon{grid-area:1/1;transition:opacity var(--icon-swap-dur) var(--icon-swap-ease),filter var(--icon-swap-dur) var(--icon-swap-ease),transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity,filter,transform}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur(0);transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}@media (prefers-reduced-motion:reduce){.t-icon-swap .t-icon{transition:none!important}}.t-skel-bar{background:#e6eaf2;border-radius:6px;height:12px}.t-skel-pulsing>*{animation:t-skel-pulse var(--pulse-dur) ease-in-out var(--pulse-count)}@keyframes t-skel-pulse{0%,to{opacity:1}50%{opacity:var(--pulse-min)}}.t-reveal{animation:t-reveal-in var(--reveal-dur) var(--reveal-ease) both}@keyframes t-reveal-in{0%{opacity:0;filter:blur(var(--reveal-blur))}to{opacity:1;filter:blur(0)}}@media (prefers-reduced-motion:reduce){.t-reveal,.t-skel-pulsing>*{animation:none!important}}.t-shimmer{position:relative;display:inline-block;color:var(--shimmer-base)}.t-shimmer:before{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent 0,transparent 40%,var(--shimmer-highlight) 50%,transparent 60%,transparent 100%);background-size:var(--shimmer-band) 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:t-shimmer var(--shimmer-dur) var(--shimmer-ease) infinite}@keyframes t-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.t-shimmer:before{animation:none!important}}.divider{height:1px;background:var(--color-border);margin:16px 0}.text-muted{color:var(--color-text-tertiary)}.font-medium{font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;color:var(--color-text-heading);font-size:20px;padding:4px;margin-right:8px;border-radius:var(--radius-sm);flex-shrink:0}.hamburger-btn:hover{background:var(--color-sidebar-bg)}.sidebar-desktop{display:block}@media (max-width:768px){.hamburger-btn{display:flex;align-items:center;justify-content:center}.sidebar-desktop{display:none}.app-layout{display:block}.app-main{margin-left:0!important}.topbar{padding:0 12px}.topbar-title{font-size:13px}.topbar-actions{gap:6px}.topbar-actions .btn{padding:6px 10px;font-size:11px}.page-content{padding:12px}.card{border-radius:10px}.card-body{padding:12px}.card-header{padding:10px 12px}.stat-grid-3,.stat-grid-4{grid-template-columns:repeat(2,1fr)!important}.btn{padding:7px 10px;font-size:12px}.form-input{font-size:16px!important}.table-card{overflow-x:auto}.client-detail-grid{grid-template-columns:1fr!important}.topbar-breadcrumb{font-size:12px}.breadcrumb-text{display:none}}@media (max-width:480px){.stat-grid-4{grid-template-columns:1fr 1fr!important}.stat-pill{padding:10px 12px}.stat-value{font-size:16px}.page-content{padding:10px}}