@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";html,body,#root{margin:0;padding:0}:root{--bg:#f3f5f9;--surface:#fff;--line:#e4e8ef;--text:#172033;--muted:#64708a;--side-bg:#0e1626;--side-line:#1d2940;--side-text:#9aa8c2;--side-hover:#16223a;--side-group-label:#4c5b7d;--accent:#2563eb;--accent-soft:#dbe6ff;--c1:#2563eb;--c2:#12a594;--c3:#f59e0b;--c4:#e5484d;--ok:#0d7a52;--ok-soft:#e2f5ec;--warn:#9a5b00;--warn-soft:#fff1d6;--danger:#c5292e;--danger-soft:#fdeeee;--neutral:#64708a;--neutral-soft:#eef1f6;--radius-lg:12px;--radius-md:8px;--shadow:0 1px 2px #17203306, 0 3px 10px #17203309;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);-webkit-font-smoothing:antialiased;background:0 0;min-width:0;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.55;display:block}#root{text-align:left;width:100%;max-width:none;margin:0;padding:0}.app{min-height:100vh;display:flex}.sidebar{background:var(--side-bg);color:#fff;z-index:10;flex-direction:column;width:250px;padding:24px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar h2{letter-spacing:-.01em;border-bottom:1px solid var(--side-line);align-items:center;gap:10px;margin:0 0 24px;padding:0 10px 20px;font-size:19px;font-weight:800;display:flex}.sidebar h2 .logo{object-fit:contain;flex:none;width:40px;height:40px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-group{margin-bottom:10px}.nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--side-group-label);padding:10px 12px 6px;font-size:11px;font-weight:700}.sidebar button{width:100%;color:var(--side-text);text-align:left;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.sidebar button .nav-icon{opacity:.85;flex:none;width:17px;height:17px}.sidebar button .nav-label{flex:1;min-width:0}.sidebar button:hover{background:var(--side-hover);color:#fff}.sidebar button.active{color:#fff;background:#2563eb38;font-weight:600;box-shadow:inset 2px 0 #6d98ff}.sidebar button:focus-visible{outline-offset:2px;outline:2px solid #fff}.nav-count{color:#fff;background:#f59e0b;border-radius:99px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-flex}.mobile-nav-bar,.mobile-menu-toggle,.mobile-nav-backdrop{display:none}.main{width:calc(100% - 250px);max-width:1400px;margin-left:250px;margin-right:auto;padding:28px 36px 56px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:20px;display:flex}.topbar-greeting h1{letter-spacing:0;margin:0;font-size:22px;font-weight:800}.topbar-greeting p{color:var(--muted);margin:3px 0 0;font-size:13.5px}.topbar-right{align-items:center;gap:14px;display:flex}.bell-btn{background:var(--surface);border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex;position:relative}.bell-btn:hover{color:var(--text);background:#f3f6fb}.bell-btn svg{width:19px;height:19px}.bell-dot{background:var(--c4);border:1.5px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.topbar-profile{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:14px;display:flex}.topbar-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.topbar-profile-text{line-height:1.3}.topbar-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13.5px;font-weight:700;overflow:hidden}.topbar-profile-role{color:var(--muted);font-size:12px}.notif-wrap{position:relative}.notif-panel{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:340px;max-height:420px;position:absolute;top:48px;right:0;overflow-y:auto;box-shadow:0 12px 32px #17203324}.notif-panel-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.notif-panel-head h4{margin:0;font-size:14.5px}.notif-panel-actions{align-items:center;gap:8px;display:flex}.notif-close{width:40px;height:40px;color:var(--muted);background:var(--neutral-soft);border-radius:var(--radius-md);cursor:pointer;border:0;flex:0 0 40px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.notif-close svg{width:18px;height:18px}.notif-mark-read{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.notif-list{flex-direction:column;display:flex}.notif-item{border-top:1px solid #f0f2f7;align-items:flex-start;gap:10px;padding:11px 16px;font-size:13px;display:flex}.notif-item.unread{background:#f7f9ff}.notif-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.notif-icon.approval{background:var(--warn-soft);color:var(--warn)}.notif-icon.transaksi{background:var(--accent-soft);color:var(--accent)}.notif-icon.sistem{background:var(--neutral-soft);color:var(--muted)}.notif-icon.success{background:var(--ok-soft);color:var(--ok)}.notif-icon.warning{background:var(--warn-soft);color:var(--warn)}.notif-icon.error{background:var(--danger-soft);color:var(--danger)}.notif-icon.info{background:var(--accent-soft);color:var(--accent)}.notif-body{flex:1;min-width:0}.notif-title{margin:0;font-weight:700}.notif-desc{color:var(--muted);margin:2px 0 0}.notif-time{color:#9aa6bd;margin:3px 0 0;font-size:11.5px}.notif-empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:13px}.auth-switch{color:var(--muted);text-align:center;margin:18px 0 0;font-size:13px}.auth-switch button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.auth-success{color:var(--ok)}.report-page-head,.report-item-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.report-page-head h3,.report-item h4{margin:0}.report-page-head .hint{margin:4px 0 0}.report-count,.report-status{width:fit-content;min-height:25px;color:var(--warn);background:var(--warn-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.report-status.reviewed{color:var(--ok);background:var(--ok-soft)}.report-list{border-top:1px solid var(--line);margin-top:18px}.report-item{border-bottom:1px solid var(--line);padding:16px 0}.report-item h4{margin-top:6px;font-size:14px}.report-item time{color:var(--muted);font-size:12px}.report-item p{overflow-wrap:anywhere;margin:8px 0 0}.report-item .report-record{font-weight:700}.report-record span{color:var(--muted);font-size:12px;font-weight:500}.guide-backdrop{z-index:80}.guide-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(520px,100%);padding:clamp(22px,5vw,38px);animation:.24s ease-out both guide-enter;box-shadow:0 24px 70px #17203333}.guide-progress{gap:6px;display:flex}.guide-progress span{background:#e7ebf1;border-radius:4px;flex:1;height:4px}.guide-progress span.active{background:var(--accent)}.guide-kicker{color:var(--accent);margin:22px 0 8px;font-size:11px;font-weight:800}.guide-dialog h2{margin:0;font-size:24px;line-height:1.25}.guide-copy{min-height:76px;color:var(--muted);margin:12px 0 24px}.guide-actions{justify-content:space-between;gap:10px;display:flex}.guide-actions>div{gap:8px;display:flex}@keyframes guide-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.stat-item{border-right:1px solid var(--line);padding:20px}.stat-item:last-child{border-right:none}.stat-label{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.stat-label:before{content:"";background:var(--dot,var(--accent));border-radius:50%;width:7px;height:7px}.stat-item:first-child{--dot:var(--c1)}.stat-item:nth-child(2){--dot:var(--c3)}.stat-item:nth-child(3){--dot:var(--c2)}.stat-item:nth-child(4){--dot:var(--c4)}.stat-value{letter-spacing:0;font-variant-numeric:tabular-nums;margin:7px 0 0;font-size:23px;font-weight:800}.stat-note{color:var(--muted);margin-top:5px;font-size:12px;font-weight:500;display:block}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:0;display:grid}.cards.cards-single{grid-template-columns:1fr}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);padding:24px}.card span{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.card span:before{content:"";background:var(--dot,var(--accent));border-radius:50%;width:8px;height:8px}.card:first-child{--dot:var(--c1)}.card:nth-child(2){--dot:var(--c2)}.card:nth-child(3){--dot:var(--c3)}.card:nth-child(4){--dot:var(--c4)}.card h2{letter-spacing:0;font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:28px;font-weight:800;line-height:1.1}.content{grid-template-columns:2fr 1fr;gap:18px;margin-top:18px;display:grid}.box{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);min-height:220px;box-shadow:var(--shadow);padding:24px;transition:border-color .18s,box-shadow .18s}.box h3{letter-spacing:-.01em;margin:0 0 14px;font-size:16px;font-weight:700}.box p{color:var(--muted);margin:0}.box-compact{min-height:0}.section-gap{margin-top:18px}.hint{font-size:13.5px}.box .hint{margin-top:12px}.sub{color:var(--muted);font-size:13px}.subhead{margin:22px 0 4px;font-size:14px;font-weight:700}.section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.section-head h3,.section-head .hint{margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.form-grid .field.span-2{grid-column:1/-1}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{min-width:180px;color:var(--muted);flex-direction:column;flex:1;gap:6px;font-size:13px;font-weight:600;display:flex}.field.file-field{flex:240px;min-width:220px}.field.narrow{flex:0 0 190px}.field.wide-field{max-width:420px;margin-bottom:8px}.input{width:100%;height:44px;font:inherit;color:var(--text);border-radius:var(--radius-md);background:#fff;border:1px solid #cbd4e1;padding:0 13px;font-size:14.5px;font-weight:400;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#9aa6bd}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input-sm{height:38px;padding:0 10px;font-size:14px}.box .form-error{color:#c5292e;margin:12px 0 0;font-size:14px;font-weight:500}.btn{min-height:44px;font:inherit;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:600;line-height:1.2;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 2px 6px #2563eb2e}.btn-ghost{color:var(--text);background:#fff;border-color:#d1d9e6}.btn-ghost:hover:not(:disabled){background:#f7f9fc;border-color:#b9c5d5}.btn-danger{color:#c5292e;background:#fff;border-color:#f0c4c6}.btn-danger:hover:not(:disabled){background:#fdeeee;border-color:#e6b4b7}.btn-ai{color:#6d28d9;background:#f2ecff;border-color:#e1d3ff}.btn-ai:hover:not(:disabled){background:#e9ddff}.btn-sm{min-height:36px;padding:0 12px;font-size:13px}.btn:active:not(:disabled){transform:translateY(1px)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .input{flex:0 200px;width:auto;min-width:150px}.spacer{flex:1}.table{border-collapse:collapse;width:100%;min-width:600px}.table.wide{min-width:860px}.table th{text-align:left;white-space:nowrap;color:var(--muted);border-bottom:1px solid var(--line);background:#f7f9fc;padding:11px 12px;font-size:13px;font-weight:600}.table td{vertical-align:middle;border-bottom:1px solid #edf0f5;padding:14px 12px;font-size:14.5px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f7f9fc}.table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table td .input{min-width:120px}.actions{justify-content:flex-end;gap:6px;display:flex}.note{margin-top:16px}.badge{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-block}.badge-gap{margin-left:6px}.badge-ok{color:#0d7a52;background:#e2f5ec}.badge-warn{color:#9a5b00;background:#fff1d6}.badge-nyicil{color:#1d4fd8;background:var(--accent-soft)}.badge-danusan{color:#0d7a6e;background:#dff4f1}.badge-pending{color:#9a5b00;background:#fff1d6}.badge-rejected{color:#c5292e;background:#fdeeee}.progress{background:#e8ecf4;border-radius:99px;min-width:110px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s}.progress-fill.done{background:var(--c2)}.pct{color:var(--muted);margin-top:4px;font-size:12px}.list-row{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:0}.list-end{text-align:right}.list-end .badge{margin-top:4px}.box .empty{text-align:center;padding:28px 0}.items{max-width:560px;margin:8px 0 4px}.item-row{border-bottom:1px solid #eef1f6;grid-template-columns:1fr 150px 110px;align-items:center;gap:12px;padding:10px 0;display:grid}.summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.summary>div{border-radius:var(--radius-lg);background:#f5f7fb;padding:14px 16px}.summary span{color:var(--muted);font-size:13px;display:block}.summary strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.toast{z-index:50;color:#fff;background:var(--side-bg);border-radius:var(--radius-md);padding:12px 18px;font-size:14px;font-weight:500;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 18px #0e16262e}.file-upload{border-radius:var(--radius-md);cursor:pointer;background:#f8faff;border:1px dashed #c8d4e8;align-items:center;gap:10px;min-height:44px;padding:5px;transition:border-color .15s,background .15s;display:flex}.file-upload:hover{border-color:var(--accent);background:#f3f7ff}.file-upload input{display:none}.file-upload-button{color:#fff;white-space:nowrap;background:var(--accent);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;min-height:34px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.file-upload-name{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ai-scan-box{border-radius:var(--radius-md);background:#faf8ff;border:1px solid #e6dcff;margin-top:10px;padding:14px 16px}.ai-scan-head{color:#6d28d9;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.ai-scan-result{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:10px;display:grid}.ai-scan-result .field{min-width:0}.ai-scan-result .field.span-2{grid-column:1/-1}.ai-scan-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-scan-loading{color:#6d28d9;margin-top:10px;font-size:13px}.ai-assistant-box{background:#faf8ff;border-color:#e6dcff}.ai-suggest-row{border-top:1px solid #f0e6ff;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.ai-suggest-row:first-child{border-top:none}.ai-suggest-icon{color:#6d28d9;background:#f2ecff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.chart-box{min-height:0;margin-top:18px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-header h3{margin-bottom:4px}.chart-wrap{width:100%;height:320px}.sidebar-user{border-top:1px solid var(--side-line);flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}.sidebar-email{color:var(--side-text);text-overflow:ellipsis;white-space:nowrap;padding:0 14px;font-size:12.5px;overflow:hidden}.auth-screen{background-color:var(--side-bg);background-image:linear-gradient(#0e1626e6, #0e1626d1), var(--bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:auto,cover;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading{color:#fff}.auth-card{text-align:center;width:min(400px,100%);padding:32px}.auth-logo{object-fit:contain;width:72px;height:72px;margin-bottom:12px}.auth-card h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.box.auth-card>p{margin:6px 0 24px}.auth-card form{text-align:left;gap:16px;display:grid}.auth-card .field{min-width:0}.auth-submit{width:100%}.banner{border-radius:var(--radius-md);margin:0 0 18px;padding:12px 16px;font-size:14px;font-weight:500}.banner-error{color:#c5292e;background:#fdeeee;border:1px solid #f0c4c6}.banner-info{color:#1d4fd8;background:var(--accent-soft)}.card-note{color:var(--muted);margin-top:6px;font-size:12px;font-weight:500;display:block}.neg{color:#c5292e}.row-void{opacity:.6}.row-void:hover{opacity:.85}.void-note{color:var(--muted);margin-top:4px;font-size:12.5px}.void-note .badge{margin-right:4px}.carwash-breakdown{margin-top:6px;line-height:1.6}.badge-muted{color:var(--muted);background:#eef1f6}.badge-pengeluaran{color:#9a3412;background:#ffedd5}.nowrap{white-space:nowrap}.report-sheet{max-width:900px}.report-head{border-bottom:2px solid var(--line);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.report-logo{object-fit:contain;flex:none;width:56px;height:56px}.report-head h3{margin:0;font-size:20px}.report-cards{margin-bottom:24px}.report-warn{color:#9a5b00;font-weight:600}.report-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:12px}.approval-box{background:#fffaf0;border-color:#f5d9a8}.approval-row{border-bottom:1px solid #f0e2c2;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.approval-row:last-child{border-bottom:0}.approval-end{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.approval-end .actions{margin-top:2px}.modal-backdrop{z-index:60;background:#0e16267a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 4px}.modal-target{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600}.modal .hint{margin-bottom:16px}.textarea{resize:vertical;height:auto;min-height:84px;padding:10px 13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.sidebar-role{color:var(--side-text);padding:0 14px;font-size:12px;font-weight:600}.sidebar-user button{margin-top:8px}.auth-message{color:var(--muted)}.carwash-panel{border-radius:var(--radius-md);background:#f8faff;border:1px solid #e4e8ef;padding:16px}.field-block{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:13px;font-weight:600}.member-check-list{border-radius:var(--radius-md);background:#f8fafd;border:1px solid #e4e8ef;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 12px;max-height:220px;padding:10px 12px;display:grid;overflow-y:auto}.check-row{color:var(--text);align-items:center;gap:8px;padding:4px 0;font-size:13.5px;font-weight:500;display:flex}.check-row input{width:16px;height:16px}.ai-chat-wrap{z-index:55;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.ai-chat-bubble{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:56px;height:56px;padding:0;font-size:24px;line-height:1;transition:filter .15s,transform .15s;box-shadow:0 6px 18px #2563eb38}.ai-chat-bubble:hover{filter:brightness(1.08);transform:translateY(-1px)}.ai-chat-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;width:min(360px,100vw - 32px);height:min(480px,100vh - 140px);display:flex;overflow:hidden;box-shadow:0 12px 30px #17203324}.ai-chat-head{background:#faf8ff;border-bottom:1px solid #e6dcff;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.ai-chat-head strong{color:#6d28d9;font-size:14.5px}.ai-chat-head .hint{margin-top:3px;font-size:12px}.ai-chat-close{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:18px;line-height:1}.ai-chat-close:hover{color:#6d28d9;background:#f0e6ff}.ai-chat-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.ai-chat-empty{color:var(--muted);text-align:center;margin:auto 0;font-size:13px}.ai-chat-msg{border-radius:12px;max-width:85%;padding:9px 12px;font-size:13.5px;line-height:1.45}.ai-chat-msg p{color:inherit;margin:0}.ai-chat-user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-chat-assistant{color:var(--text);background:#f2ecff;border-bottom-left-radius:4px;align-self:flex-start}.ai-chat-system{background:var(--neutral-soft);color:var(--muted);text-align:center;align-self:center;font-size:12.5px}.ai-chat-attachment{opacity:.85;margin-bottom:4px;font-size:11.5px;display:block}.ai-chat-typing{color:var(--muted);align-self:flex-start;margin:0;font-size:12.5px;font-style:italic}.ai-chat-preview{color:var(--muted);border-top:1px solid var(--line);background:#f8faff;justify-content:space-between;align-items:center;gap:8px;padding:6px 16px;font-size:12.5px;display:flex}.ai-chat-preview button{color:#c5292e;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.ai-chat-input-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.ai-chat-input-row .input{flex:1}.ai-chat-attach{cursor:pointer;background:#f2ecff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:inline-flex}.ai-chat-attach input{display:none}@media (width<=700px){.ai-chat-wrap{bottom:16px;right:16px}.ai-chat-panel{width:calc(100vw - 32px);height:min(70vh,520px)}}@media (width<=1100px){.main{padding:28px 24px 48px}}@media (width<=900px){.cards,.stat-row{grid-template-columns:repeat(2,1fr)}.stat-item{border-bottom:1px solid var(--line)}.stat-item:nth-child(2n){border-right:none}.content,.ai-scan-result{grid-template-columns:1fr}}@media (width<=700px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.mobile-nav-bar{z-index:130;color:#fff;background:var(--side-bg);border-bottom:1px solid var(--side-line);align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-nav-bar .logo{object-fit:contain;flex:none;width:40px;height:40px}.mobile-nav-bar>span{font-size:16px;font-weight:800}.mobile-menu-toggle{color:#fff;border:1px solid var(--side-line);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;min-height:42px;margin-left:auto;padding:0;display:inline-flex}.mobile-menu-toggle svg{width:20px;height:20px}.app{flex-direction:column;width:100%;min-width:0}.sidebar{z-index:120;visibility:hidden;width:min(320px,86vw);min-width:0;padding:20px 14px;transition:transform .22s,visibility .22s;position:fixed;inset:0 0 0 auto;overflow:hidden auto;transform:translate(100%);box-shadow:-12px 0 32px #0e162638}.sidebar.mobile-menu-open{visibility:visible;transform:translate(0)}.sidebar h2{margin:0 0 16px;padding:0 0 16px;font-size:17px}.mobile-nav-backdrop{z-index:110;cursor:pointer;background:#0e16268f;border:0;padding:0;display:block;position:fixed;inset:0}.sidebar nav{white-space:normal;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:2px;width:100%;min-height:0;padding-bottom:8px;display:flex;overflow:hidden auto}.nav-group{flex-direction:column;flex:none;gap:2px;margin-bottom:10px;display:flex}.nav-group-label{display:block}.sidebar nav button{white-space:normal;flex:none;width:100%;min-height:42px;padding:10px 12px;font-size:14px}.sidebar-user{flex:none;display:flex}.sidebar-email{max-width:100%}.main{width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;padding:16px}.topbar{flex-wrap:wrap;gap:10px;width:100%}.topbar-profile-name{max-width:110px}.notif-panel{top:76px;right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));z-index:150;border-radius:var(--radius-md);width:auto;max-width:none;max-height:min(70dvh,480px);position:fixed}.notif-panel-head{align-items:center;padding:10px 12px}.notif-mark-read{text-align:right;max-width:145px;line-height:1.3}.notif-item{padding:12px}.guide-dialog h2{font-size:21px}.guide-actions{flex-direction:column-reverse}.guide-actions>div{justify-content:flex-end}.guide-actions .btn{min-height:42px}.report-item-head{flex-wrap:wrap}.auth-card{max-width:calc(100vw - 24px)}.cards{gap:12px;width:100%;grid-template-columns:1fr!important}.stat-row{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.stat-item{min-width:0;padding:14px 12px;border-right:none!important;border-bottom:1px solid var(--line)!important}.stat-item:nth-child(odd){border-right:1px solid var(--line)!important}.stat-item:nth-last-child(-n+2){border-bottom:none!important}.stat-label{align-items:flex-start;font-size:11.5px;line-height:1.35}.stat-value{overflow-wrap:anywhere;font-size:16px;line-height:1.3}.stat-note{font-size:11px;line-height:1.35}.content{width:100%;grid-template-columns:1fr!important}.box{width:100%;min-width:0;overflow:hidden}.table-wrap,.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;overflow:auto hidden}.table{width:100%;min-width:0;max-width:100%;font-size:14px;display:block;overflow-x:auto}.table th,.table td{white-space:nowrap;padding:10px 12px}.table.wide{min-width:0}.form-grid{gap:14px;width:100%;grid-template-columns:1fr!important}.form-group,.form-field,.field{width:100%;min-width:0}.form-row>.field{flex:100%}label{font-size:14px}input,select,textarea{width:100%;max-width:100%;min-height:42px;font-size:14px}input[type=checkbox],input[type=radio]{flex:none;width:20px;height:20px;min-height:20px}textarea{min-height:100px}button,.btn{min-height:42px;font-size:14px}.actions,.form-actions,.button-group{flex-wrap:wrap;gap:8px;width:100%;display:flex}.actions button,.form-actions button,.button-group button{flex:auto}.item-row{gap:10px;width:100%;min-width:0;grid-template-columns:1fr!important}.summary{gap:12px;grid-template-columns:1fr!important}.member-checklist{grid-template-columns:1fr!important}.toolbar{flex-wrap:wrap;gap:10px;width:100%;display:flex}.toolbar>*{min-width:0;max-width:100%}.chart-wrap{width:100%;max-width:100%;height:240px;overflow:hidden}.ai-scan-result{grid-template-columns:1fr}.receipt-actions,.scan-actions{flex-wrap:wrap;gap:8px;display:flex}.approval-row{flex-direction:column;gap:10px}.approval-end{text-align:left;align-items:flex-start;width:100%}.modal-backdrop{padding:12px}.modal{width:100%;max-width:100%;max-height:calc(100vh - 24px);overflow-y:auto}.modal-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.modal-actions>.btn{flex:130px}.toast{width:auto;bottom:16px;left:16px;right:16px}}@media (width<=360px){.notif-panel-head{gap:6px;padding-inline:10px}.notif-mark-read{max-width:116px;font-size:11px}.guide-actions>div{flex-wrap:wrap}.guide-actions .btn{flex:110px}.stat-row{grid-template-columns:1fr!important}.stat-item:nth-child(odd){border-right:none!important}.stat-item:nth-last-child(2){border-bottom:1px solid var(--line)!important}.stat-item:last-child{border-bottom:none!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.no-print,.toast{display:none!important}.main{width:100%;max-width:none;margin-left:0;padding:0}.report-sheet{max-width:none;box-shadow:none;border:none;padding:0}.report-cards{grid-template-columns:repeat(4,1fr)}.card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}.table{min-width:0}table{break-inside:auto}tr{break-inside:avoid}}