:root{color-scheme:light;--navy:#112c39;--navy2:#1c3b49;--lime:#b9ef63;--teal:#087b72;--ink:#173342;--muted:#61727e;--line:#dce4e8;--surface:#fff;--bg:#f3f6f8;--red:#b82e40;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--teal);text-underline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-1px;margin-bottom:8px}h2{font-size:1.12rem;letter-spacing:-.3px;margin-bottom:8px}h3{font-size:1rem}p{line-height:1.6}small,.small{font-size:.875rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #37a4dc;outline-offset:3px}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:var(--muted);margin-bottom:10px}.brand{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:800;letter-spacing:-.5px}.brand small{display:block;font-weight:400;font-size:.75rem;letter-spacing:.8px;margin-top:3px;color:#a8bdc8}.brand-mark{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--navy);font-size:1.7rem;font-weight:900;font-style:italic;flex:none}.icon{width:20px;height:20px;vertical-align:middle;flex:none}.btn{border:0;border-radius:10px;background:var(--teal);color:#fff;min-height:44px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:.875rem;text-decoration:none;line-height:1.3}.btn:hover{filter:brightness(.95)}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.quiet{background:transparent;color:var(--muted);padding:8px}.btn.lime{background:var(--lime);color:var(--navy)}.btn.full{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 8px;font-size:.75rem;font-weight:650;white-space:nowrap;background:#edf2f5;color:#4e606a}.badge.pending{color:#93601a;background:#fff2d9}.badge.approved{color:#076749;background:#def5e9}.badge.adjustment{color:#a03243;background:#fde8ee}.badge.sorte{background:#e9f4d9;color:#486c13}.badge.betou{background:#e9e6fb;color:#6950a1}.badge.setup{background:#eef3e8;color:#48672c}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-head p{font-size:.875rem;color:var(--muted);margin:0}.boot{height:100dvh;display:grid;place-content:center;justify-items:center;gap:15px}.login{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,45%) 1fr}.login-story{background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px;position:relative;overflow:hidden}.login-story .eyebrow{color:var(--lime)}.login-story h1{font-size:3.4rem;line-height:1.12;letter-spacing:-2px;max-width:480px}.login-story .intro{max-width:400px;color:#b9cad2;font-size:1.05rem}.login-story .steps{display:grid;gap:0;margin-top:40px}.login-story .step{display:flex;align-items:center;gap:18px;padding:19px 0;border-top:1px solid #ffffff20}.step span{color:var(--lime);font-size:.8rem}.login-story footer{font-size:.8rem;color:#9bb4c1;margin-top:35px}.login-content{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:100%;max-width:420px}.login-box h2{font-size:1.8rem;margin-bottom:10px}.login-box>p{color:var(--muted);margin-bottom:30px}.login-box .notice{margin-bottom:25px}.notice{padding:15px 16px;border:1px solid #d9e6c9;border-radius:10px;background:#f4f8ed;line-height:1.55;font-size:.875rem}.notice strong{display:block;margin-bottom:4px}.notice.info{background:#edf5fb;border-color:#d8e8f3}.error-box{padding:13px 16px;background:#fff0f2;border:1px solid #f5ced7;color:var(--red);border-radius:10px;font-size:.875rem;line-height:1.5;margin:16px 0}.error-box:empty{display:none}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #cbd7dd;background:#fff;border-radius:9px;color:var(--ink);min-height:46px;padding:11px 12px;line-height:1.4}input::placeholder,textarea::placeholder{color:#8998a0}input[readonly]{background:#f1f5f7;color:#566975}textarea{resize:vertical;min-height:92px}.field{margin-bottom:20px}.field small{display:block;color:var(--muted);margin-top:6px;line-height:1.5}.input-wrap{position:relative}.input-wrap input{padding-right:65px}.input-wrap button{position:absolute;right:8px;top:5px;min-height:36px;border:0;background:transparent;font-size:.8rem;color:var(--teal)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.span-2{grid-column:1/-1}.divider{height:1px;background:var(--line);margin:24px 0}.login-help{text-align:center;color:var(--muted);font-size:.8rem;margin-top:24px}.workspace{min-height:100dvh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:var(--navy);color:#fff;padding:30px 20px;position:fixed;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:0 6px 44px}.nav-label{font-size:.7rem;letter-spacing:1.4px;color:#8eabb9;margin:0 12px 12px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;text-decoration:none;font-size:.875rem;color:#bcd0da}.nav a:hover{background:#ffffff09;color:#fff}.nav a.active{background:var(--lime);color:var(--navy);font-weight:650}.side-bottom{margin-top:auto;padding:25px 6px 0}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff20;padding-top:23px}.avatar{width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:#e8eef2;color:var(--ink);border-radius:10px;font-size:.8rem;font-weight:700;flex:none}.sidebar .avatar{background:#335564;color:#e1eef2}.profile-name{font-size:.8rem;font-weight:600;overflow-wrap:anywhere}.profile-role{font-size:.75rem;color:#98b2c0;margin-top:4px}.side-actions{display:flex;justify-content:space-between;margin-top:16px}.side-actions .btn{color:#a5c0cf;font-size:.75rem;padding:8px 0;min-height:32px}.main{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#ffffffd9;gap:20px}.breadcrumb{font-size:.875rem;color:var(--muted)}.breadcrumb strong{font-weight:600;color:var(--ink)}.top-meta{font-size:.8rem;color:var(--muted);display:flex;gap:9px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#29a583;display:inline-block}.content{max-width:1600px;margin:auto;padding:34px 40px 50px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:.875rem;margin-bottom:0}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px;margin-bottom:24px}.filters .field{margin:0;min-width:140px;flex:1}.filters .field.wide{flex:2}.filters label{font-size:.75rem;color:var(--muted);margin-bottom:6px}.filters input,.filters select{font-size:.875rem;min-height:40px;padding:8px 10px}.filters .btn{min-height:40px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.kpi{padding:21px 22px;position:relative}.kpi .top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px;color:var(--muted);font-size:.8rem}.kpi .top .icon{color:var(--teal);width:18px;height:18px}.kpi strong{display:block;font-size:1.85rem;font-variant-numeric:tabular-nums;letter-spacing:-.9px;overflow-wrap:anywhere}.kpi .foot{display:block;font-size:.75rem;color:var(--muted);margin-top:10px}.kpi.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.kpi.featured .top,.kpi.featured .foot{color:#c1d0d8}.kpi.featured .top .icon{color:var(--lime)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;margin-bottom:24px}.chart{width:100%;height:215px;display:block}.chart-bar{fill:var(--teal)}.chart-grid{stroke:#e7edf0;stroke-width:1}.chart-label{font:12px sans-serif;fill:var(--muted)}.chart-key{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--muted);margin-top:12px}.chart-key span{width:8px;height:8px;background:var(--teal);border-radius:2px}.empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted)}.empty .empty-icon{width:46px;height:46px;display:grid;place-items:center;background:#f0f5f7;border-radius:14px;margin-bottom:15px;color:#658190}.empty strong{color:var(--ink);font-size:.95rem;margin-bottom:7px}.empty p{font-size:.875rem;max-width:360px;margin:0 0 16px}.status-list{display:grid;gap:20px;margin:28px 0 22px}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.status-row>span{display:flex;align-items:center;gap:8px}.status-row i{height:8px;width:8px;border-radius:50%;background:#c8973d}.status-row i.approved{background:#239d72}.status-row i.adjustment{background:#ce6579}.status-row strong{font-size:1.1rem}.status-total{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.table-wrap{overflow:auto;margin:0 -24px -24px;border-radius:0 0 var(--radius) var(--radius)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:.875rem}th{font-weight:500;font-size:.75rem;color:var(--muted);background:#f8fafb;padding:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #edf1f3}tr:last-child td{border-bottom:0}td small{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.money{font-variant-numeric:tabular-nums;font-weight:600}.person-cell{display:flex;align-items:center;gap:10px}.text-link{border:0;background:none;color:var(--teal);font-weight:650;font-size:.875rem;padding:8px 3px;min-height:38px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:.8rem;color:var(--muted);gap:10px}.pagination>div{display:flex;gap:8px;align-items:center}.distribution{display:grid;gap:15px}.distribution-row{display:flex;align-items:center;gap:12px}.distribution-row .label{width:100px;font-size:.8rem}.distribution-row meter{height:12px;flex:1;border:0;background:#eef3f5;border-radius:10px}.distribution-row meter::-webkit-meter-bar{background:#eef3f5;border:0}.distribution-row meter::-webkit-meter-optimum-value{background:var(--teal);border-radius:10px}.distribution-row strong{font-size:.8rem;min-width:25px;text-align:right}.form-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}.form-section-label{display:flex;align-items:center;gap:10px;margin-bottom:25px}.section-number{font-size:.75rem;width:27px;height:27px;background:#e6f3f0;color:var(--teal);border-radius:8px;display:grid;place-items:center}.form-section-label h2{margin:0}.upload-zone{position:relative;border:1.5px dashed #96b8bf;border-radius:12px;background:#f6fafb;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;margin-bottom:15px;cursor:pointer}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.upload-zone:focus-within{outline:3px solid #37a4dc;outline-offset:3px}.upload-zone .icon{width:28px;height:28px;margin-bottom:14px;color:var(--teal)}.upload-zone strong{font-size:.875rem}.upload-zone span{font-size:.75rem;color:var(--muted);margin-top:7px}.upload-zone.dragging{background:#e6f3ec;border-color:var(--teal)}.photo-previews{display:grid;gap:10px}.photo-preview{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:9px}.photo-preview img{height:52px;width:48px;object-fit:cover;border-radius:5px}.photo-preview>div{min-width:0;flex:1}.photo-preview strong{display:block;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photo-preview small{color:var(--muted);font-size:.75rem}.photo-preview button{border:0;background:transparent;color:var(--muted);min-height:40px;min-width:32px}.upload-help{font-size:.8rem;color:var(--muted);line-height:1.6;margin-bottom:0}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.form-footer p{font-size:.8rem;color:var(--muted);margin:0}.summary-block{background:#f6f8fa;border-radius:10px;padding:16px;margin-top:24px}.summary-row{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;margin:8px 0}.summary-row.total{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.summary-row span{color:var(--muted)}.loading{min-height:200px;display:grid;place-items:center;color:var(--muted);font-size:.875rem}.spinner{width:22px;height:22px;border:2px solid #d6e2e5;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:0;border-radius:20px;padding:0;color:var(--ink);width:min(1000px,calc(100vw - 36px));max-height:90dvh;box-shadow:0 20px 100px #09212d50}dialog::backdrop{background:#0c202bbb;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{font-size:1.3rem;margin:0 0 5px}.dialog-head p{font-size:.8rem;color:var(--muted);margin:0}.dialog-body{padding:28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.data-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.data-list dt{font-size:.75rem;color:var(--muted);margin-bottom:6px}.data-list dd{font-size:.875rem;font-weight:600;margin:0;overflow-wrap:anywhere}.receipt-gallery{display:grid;gap:18px}.receipt-gallery figure{margin:0}.receipt-gallery img{width:100%;max-height:500px;object-fit:contain;background:#f0f3f6;border:1px solid var(--line);border-radius:10px}.receipt-gallery figcaption{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;line-height:1.5;margin-top:6px;word-break:break-word}.review-form{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.review-form .field{margin-bottom:14px}.review-note{margin-top:20px;white-space:pre-wrap}.narrow{max-width:550px}.user-dialog{max-width:550px}.users-role-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.role-card h3{font-size:.95rem;margin:0 0 8px}.role-card p{font-size:.8rem;line-height:1.5;color:var(--muted);margin:0}.switch-label{display:flex;align-items:center;gap:10px;font-size:.875rem}.switch-label input{width:18px;min-height:18px;accent-color:var(--teal)}#toast{position:fixed;bottom:25px;right:25px;max-width:calc(100vw - 40px);padding:15px 22px;border-radius:12px;background:var(--navy);color:white;box-shadow:0 8px 40px #112c3940;font-size:.875rem;z-index:100;display:none}#toast.visible{display:block}.mobile-brand,.menu-btn{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.content{padding-top:45px}.kpi strong{font-size:2.2rem}}
@media(max-width:1150px){.workspace{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:28px 14px}.content{padding:28px 24px}.topbar{padding:0 24px}.kpis{gap:12px}.kpi{padding:17px}.kpi strong{font-size:1.55rem}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:18px}.login-story{padding:40px}.login-story h1{font-size:2.8rem}.form-layout{grid-template-columns:1.3fr 1fr;gap:18px}.panel{padding:20px}.table-wrap{margin:0 -20px -20px}}
@media(max-width:900px){.kpis{grid-template-columns:1fr 1fr}.dashboard-grid,.form-layout{grid-template-columns:1fr}.form-layout aside{order:-1}.login-story{padding:35px}.login-story h1{font-size:2.4rem}.users-role-info{grid-template-columns:1fr}.role-card{padding:15px}.role-card h3{margin-bottom:5px}.top-meta{display:none}}
@media(max-width:700px){.login{display:block}.login-story{padding:25px 24px}.login-story>div:not(:first-child),.login-story footer{display:none}.login-content{padding:40px 24px}.login-box h2{font-size:1.65rem}.workspace{display:block}.sidebar{transform:translateX(-100%);transition:transform .15s;width:240px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #0a253a60}.main{width:100%}.menu-btn{display:inline-flex}.topbar{height:64px;padding:0 20px}.mobile-brand{display:flex;font-size:.9rem;align-items:center;gap:10px;font-weight:800}.mobile-brand .brand-mark{width:30px;height:30px;font-size:1.2rem;border-radius:8px}.breadcrumb{display:none}.content{padding:24px 18px 40px}h1{font-size:1.7rem}.page-heading{gap:10px;align-items:flex-start;margin-bottom:22px}.page-heading .btn{padding:11px 12px}.kpis{gap:10px}.kpi{border-radius:12px;padding:16px}.kpi .top{font-size:.75rem;margin-bottom:15px;gap:5px}.kpi strong{font-size:1.5rem}.kpi .foot{font-size:.75rem}.filters{gap:10px;padding:13px}.filters .field{min-width:calc(50% - 10px)}.filters .field.wide{min-width:100%}.filters .btn{flex:1}.panel{padding:18px;border-radius:13px}.table-wrap{margin:0 -18px -18px}.panel-head{margin-bottom:18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-layout aside{order:0}.form-footer{align-items:stretch;flex-direction:column-reverse;gap:15px}.form-footer .btn{width:100%}.detail-grid{grid-template-columns:1fr}.dialog-body{padding:20px}.dialog-head{padding:20px}.pagination{align-items:flex-start;flex-direction:column}.login-help{font-size:.8rem}.topbar>.btn.quiet{padding:8px}.chart{height:180px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}