:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16213d;background:#f6f8fb;font-synthesis:none;--navy:#0b132b;--blue:#2d6cdf;--cyan:#56cfe1;--line:#dfe5ee;--muted:#6b7890;--card:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 12px 34px}.brand-mark{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:var(--cyan);color:var(--navy);font-weight:800;font-size:20px}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:#92a2c1;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#aab6cc;text-align:left;padding:12px;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600}.nav-item svg:last-child{margin-left:auto}.nav-item:hover,.nav-item.active{background:#182544;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #253252;padding:18px 8px 4px;display:flex;align-items:center;gap:10px}.avatar{background:#2d6cdf;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-weight:700}.user-label{flex:1;min-width:0}.user-label strong,.user-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-label strong{font-size:13px}.user-label span{font-size:11px;color:#92a2c1;text-transform:capitalize;margin-top:3px}.icon-button{background:transparent;border:0;color:inherit;padding:7px;border-radius:8px}.icon-button:hover{background:#182544}.close-mobile,.menu-button{display:none}.main{flex:1;min-width:0}.topbar{height:100px;border-bottom:1px solid var(--line);background:#fff;padding:24px 48px;display:flex;align-items:center;gap:18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#7a879d;margin:0 0 5px}.topbar h1{font-size:25px;margin:0;letter-spacing:-.03em}.topbar-status{margin-left:auto;color:#6d7d96;font-size:13px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36b37e;margin-right:7px}.content{padding:42px 48px;max-width:1180px}.page-grid,.admin-grid{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:28px}.form-card,.history-card,.admin-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 5px 20px #142b5508}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.section-head h2{margin:0;font-size:21px;letter-spacing:-.02em}.pill{font-size:12px;background:#edf5ff;color:var(--blue);font-weight:800;border-radius:999px;padding:6px 10px}.form-row{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.form-card label,.auth-panel label{display:grid;gap:8px;color:#46536b;font-size:13px;font-weight:700;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 13px;color:var(--navy);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e7efff}.group-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#7b879a;margin:10px 0 16px}.money-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.money-input{position:relative}.money-input span{position:absolute;left:13px;top:12px;color:#9aa6b7}.money-input input{padding-left:29px}.calculation-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0 24px;padding:18px 0}.metric{padding:0 16px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric span{display:block;color:#7b879a;font-size:12px;margin-bottom:6px}.metric strong{font-size:16px}.good{color:#18845b}.attention{color:#d77a1a}.upload-box{position:relative;border:1px dashed #b8c6da;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;color:#556681;margin:6px 0 20px}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box strong{color:var(--navy);font-size:13px}.upload-box p{margin:3px 0 0;font-size:12px;color:var(--muted)}.upload-box small{margin-left:auto;color:var(--blue);font-weight:700}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;padding:12px 18px}.primary:hover{background:#225ac2}.primary:disabled{opacity:.6;cursor:not-allowed}.full{width:100%}.side-note{background:#eaf9fb;border-radius:16px;padding:24px;height:max-content}.note-icon{height:40px;width:40px;background:#d4f3f6;color:#158797;display:grid;place-items:center;border-radius:10px}.side-note h3{font-size:15px;margin:17px 0 8px}.side-note p{font-size:13px;line-height:1.6;color:#496477;margin:0}.history-card{max-width:1100px}.compact-select{width:180px;padding:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{text-align:left;color:#7b879a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;padding:0 14px 12px;border-bottom:1px solid var(--line)}td{padding:16px 14px;border-bottom:1px solid #edf0f4}th:first-child,td:first-child{padding-left:0}.empty{text-align:center;padding:54px;color:var(--muted)}.empty svg{color:#9cafc7}.empty h3{color:var(--navy);margin:14px 0 5px}.admin-grid{grid-template-columns:minmax(0,680px) 280px}.admin-card h3{margin:15px 0 8px}.admin-card p{color:var(--muted);font-size:13px;line-height:1.6}.branch-list{border-top:1px solid var(--line);margin-bottom:20px}.branch-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.branch-icon{height:30px;width:30px;border-radius:8px;background:#edf5ff;color:var(--blue);display:grid;place-items:center}.status-label{margin-left:auto;color:#18845b;font-size:12px}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.muted-card{background:#fbfcfe}.muted-card code{font-size:11px;color:var(--blue)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,560px) 1fr;background:var(--navy)}.auth-panel{background:#fff;padding:10vh clamp(28px,8vw,100px)}.auth-brand{padding:0 0 70px}.auth-copy h1{font-size:42px;line-height:1.05;letter-spacing:-.05em;max-width:420px;margin:0 0 16px}.auth-copy>p:last-child{color:var(--muted);line-height:1.6;max-width:390px;margin-bottom:38px}.auth-panel form{max-width:390px}.auth-aside{position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:60px}.auth-aside p{font-size:31px;letter-spacing:-.04em;max-width:340px;z-index:1;margin:0 0 12px}.auth-aside span{color:#9eacc4;font-size:13px;z-index:1}.aside-shape{position:absolute;width:540px;height:540px;border:1px solid #2c477a;border-radius:50%;right:-100px;top:10%;box-shadow:0 0 0 70px #263d684d,0 0 0 140px #263d682e}.text-button{border:0;background:none;color:var(--blue);padding:14px 0;font-weight:700;font-size:13px}.notice,.error,.success{font-size:13px;border-radius:8px;padding:11px 13px;margin:0 0 18px}.notice{background:#eef5ff;color:#42618e}.error{color:#a24437;background:#fff0ed}.success{color:#16704e;background:#e9f8f0}.loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}@media(max-width:800px){.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.close-mobile,.menu-button{display:block}.close-mobile{margin-left:auto}.menu-button{color:var(--navy);padding:0}.topbar{height:82px;padding:18px 20px}.topbar h1{font-size:21px}.topbar-status{display:none}.content{padding:22px 16px}.page-grid,.admin-grid{display:block}.side-note{margin-top:16px}.form-card,.history-card,.admin-card{padding:20px}.auth-page{display:block}.auth-panel{min-height:100vh;padding:34px 24px}.auth-brand{padding-bottom:48px}.auth-copy h1{font-size:36px}.auth-aside{display:none}.form-row,.money-grid{grid-template-columns:1fr}.calculation-grid{gap:12px}.metric{padding:0;border:0}.metric strong{font-size:14px}.section-head{gap:12px}.section-head h2{font-size:19px}.compact-select{width:140px}.inline-form{display:grid}.sidebar-footer{padding-bottom:20px}}.filter-row{display:grid;grid-template-columns:1.15fr 1.25fr 1fr;gap:14px;padding:16px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:12px;margin-bottom:24px}.filter-row label{margin-bottom:0}.history-filters{display:flex;gap:10px;flex-wrap:wrap}.history-filters .compact-select{width:190px}.branch-row>div{display:grid;gap:3px}.branch-row small{font-size:11px;color:var(--muted)}@media(max-width:800px){.filter-row{grid-template-columns:1fr;gap:0}.history-filters{width:100%}.history-filters .compact-select{flex:1;width:auto}}.date-filter{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.date-filter input{padding:9px;font-size:13px;color:var(--navy);text-transform:none;letter-spacing:normal}.history-card{container-type:inline-size}.history-card>.section-head{display:grid;gap:20px}.history-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;padding:16px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:12px}.history-filters .date-filter{min-width:0;margin:0;gap:7px}.history-filters .compact-select,.history-filters input{width:100%;min-width:0;max-width:100%;height:44px;margin:0;padding:10px 12px;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none}@container (max-width:640px){.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:340px){.history-filters{grid-template-columns:minmax(0,1fr);padding:12px}}.admin-management{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-management .permissions-card{grid-column:1/-1}.helper-text{color:var(--muted);font-size:.88rem;line-height:1.5;margin:-.4rem 0 1rem}.stack-form{display:grid;gap:.8rem}.stack-form label{display:grid;gap:.35rem}.stack-form select,.stack-form input{width:100%}.stack-form select[multiple]{min-height:112px;padding:8px}.field-hint{color:var(--muted);font-size:.75rem;font-weight:400}.inline-create-user{border:1px solid #dce7f5;background:#f7faff;border-radius:10px;padding:14px;display:grid;gap:.55rem}.inline-create-user label{margin-bottom:0}.access-form{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.user-list{display:grid;gap:.55rem;margin-top:1rem}.user-row{display:flex;align-items:center;gap:.7rem;border-top:1px solid var(--line);padding:.7rem 0}.user-row>div:nth-child(2){display:grid;flex:1}.user-row small{color:var(--muted)}.small-avatar{width:30px;height:30px;font-size:.8rem}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:.7rem 1rem;font-weight:600;cursor:pointer}.secondary:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.admin-management{grid-template-columns:1fr}.admin-management .permissions-card{grid-column:auto}}