*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--font: "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--t-2xs: .75rem;--t-xs: .8125rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.125rem;--t-xl: 1.5rem;--t-stat: 1.875rem;--bg: #F7F4EF;--surface: #FFFFFF;--surface-alt: #FAFAF7;--surface-muted: #F5F2EE;--surface-sunken:#EFEBE2;--border: #E5E0D6;--border-soft: #EFEBE2;--border-xs: rgba(36, 55, 87, .06);--c-text: #2A2A28;--c-sub: #6B6456;--c-muted: #9A9384;--c-faint: #B5AEA5;--accent: #2A3A57;--accent-h: #243757;--accent-deep: #1C2E48;--accent-soft: #E6EDF7;--accent-ring: rgba(42, 58, 87, .16);--c-navy: #2A3A57;--red: #9E2533;--red-h: #821D2A;--red-soft: #FBE9E9;--red-text: #9E2533;--green: #1E6B45;--green-soft: #E1F0E7;--green-text: #1E6B45;--orange: #85530B;--orange-soft: #FBEEDA;--orange-text: #85530B;--gray-soft: #F5F2EE;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--r-sm: 8px;--r: 8px;--r-md: 12px;--r-lg: 15px;--r-xl: 18px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(36,55,87,.04);--sh-sm: 0 1px 2px rgba(36,55,87,.04), 0 2px 8px rgba(36,55,87,.05);--sh-md: 0 4px 16px rgba(36,55,87,.08);--sh-navy: 0 6px 18px rgba(36,55,87,.18);--sidebar-w: 232px;--content-max: 1200px;--input-h: 40px;--dur: .14s}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{font-family:var(--font);font-size:var(--t-sm);line-height:1.5;color:var(--c-text);background:var(--bg);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--accent-ring)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loading-screen{min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--c-muted);font-size:var(--t-sm)}.login-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--accent-deep);padding:var(--s6) var(--s5)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--s5);text-align:left;color:#fff}.login-logo{width:200px;max-width:80%;margin-bottom:var(--s6)}.login-form input{background:#ffffff1a;border-color:#ffffff26;color:#fff}.login-form input::placeholder{color:#ffffff59}.login-form input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.login-form label{color:#fff9}.login-form .btn-primary{background:var(--red);box-shadow:0 2px 8px #9e25335c}.login-form .btn-primary:hover:not(:disabled){background:var(--red-h)}.login-footer{text-align:center;font-size:.75rem;color:#ffffff40}.login-header{display:flex;flex-direction:column;gap:var(--s2);align-items:center;text-align:center}.login-brand-icon{width:64px;height:64px;margin-bottom:var(--s3)}.login-brand-icon img{width:100%;height:100%;object-fit:contain}.login-title{font-size:1.625rem;font-weight:500;letter-spacing:-.02em;color:#fff;margin-bottom:var(--s1)}.login-subtitle{font-size:var(--t-sm);color:#ffffff80;margin-bottom:0}.login-form-wrap{display:flex;flex-direction:column;gap:var(--s4)}.login-form,.receipt-form,.card-form,.form-grid{display:grid;gap:var(--s4);text-align:left}.form-group,.login-form label:not(.checkbox-row),.receipt-form label:not(.checkbox-row),.card-form label:not(.checkbox-row),.filter-grid>label{display:flex;flex-direction:column;gap:6px;font-size:var(--t-xs);font-weight:500;color:var(--c-muted)}.form-group label{font-size:var(--t-xs);font-weight:500;color:var(--c-muted)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.agsearch-input),select,textarea{width:100%;height:var(--input-h);padding:0 var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--c-text);font-size:var(--t-sm);transition:border-color var(--dur),box-shadow var(--dur);-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{height:auto;min-height:80px;padding:var(--s3);resize:vertical}input[type=file]{width:100%;height:auto;padding:7px var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--t-sm);cursor:pointer;color:var(--c-muted)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%239ca3af' d='M5 7L0.67 2h8.66z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--c-faint)}input[type=checkbox]{width:16px;height:16px;min-width:16px;border:1.5px solid var(--border);border-radius:4px;accent-color:var(--accent);cursor:pointer}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:var(--t-sm)!important;color:var(--c-text)!important;font-weight:400!important;cursor:pointer}.error-msg,.form-error,.panel-error{font-size:var(--t-xs);color:var(--red)}.form-message,.success-msg{font-size:var(--t-xs);color:var(--green)}.btn-primary,.btn-secondary,.btn-ghost,.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:500;white-space:nowrap;border:1px solid transparent;padding:0 var(--s4);height:var(--input-h);transition:background var(--dur),border-color var(--dur),box-shadow var(--dur),color var(--dur)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #24375747}.btn-primary:hover:not(:disabled){background:var(--accent-h);box-shadow:0 2px 8px #24375752}.btn-secondary{background:var(--surface);color:var(--c-text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt);border-color:#d1d5db}.btn-ghost{background:transparent;color:var(--c-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--c-text)}.btn-link{height:auto;padding:0;background:transparent;border:none;color:var(--accent);font-size:var(--t-sm)}.btn-link:hover{text-decoration:underline}.btn-link.danger{color:var(--red)}.btn-link.danger:hover{color:var(--red-text);text-decoration:underline}button:disabled{opacity:.3;cursor:not-allowed;color:var(--c-muted)}.button-row{display:flex;gap:var(--s3);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.badge-success{color:var(--green-text);background:var(--green-soft)}.badge-warning{color:var(--orange-text);background:var(--orange-soft)}.badge-danger{color:var(--red-text);background:var(--red-soft)}.badge-muted{color:var(--c-muted);background:var(--gray-soft)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:#fff;border-right:1px solid #E5E0D6;display:flex;flex-direction:column;z-index:40}.sidebar-brand{height:58px;padding:0 var(--s5);display:flex;align-items:center;border-bottom:1px solid #E5E0D6;flex-shrink:0}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-icon-wrap{width:36px;height:36px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.brand-icon-wrap img{width:100%;height:100%;object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:.9375rem;font-weight:700;letter-spacing:.06em;color:var(--accent-deep);line-height:1.2}.brand-subtitle{font-size:var(--t-2xs);color:var(--c-muted);letter-spacing:0;line-height:1}.sidebar-nav{flex:1;padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s1);overflow-y:auto}.sidebar-section-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#b0a898;padding:var(--s4) var(--s3) var(--s1)}.sidebar-link{display:flex;align-items:center;padding:var(--s3) var(--s3);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:500;color:#6b6b75;transition:background var(--dur),color var(--dur)}.sidebar-link:hover{background:#f0ede8;color:var(--accent-deep)}.sidebar-link.active{background:var(--accent-deep);color:#fff;font-weight:600}.sidebar-footer{flex-shrink:0;padding:var(--s4) var(--s5);border-top:1px solid #E5E0D6;display:flex;flex-direction:column;gap:var(--s3)}.sidebar-user{font-size:var(--t-2xs);color:var(--c-muted);word-break:break-all;line-height:1.5}.app-main{flex:1;display:flex;flex-direction:column;min-height:100vh}.admin-shell .app-main{margin-left:var(--sidebar-w)}.app-content{flex:1;padding:var(--s8) var(--s8) var(--s12);max-width:var(--content-max);width:100%;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s8);background:var(--surface);border-bottom:1px solid var(--border)}.app-header .eyebrow{font-size:var(--t-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-faint);margin-bottom:var(--s1)}.app-header h1{font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:var(--s3)}.user-email{font-size:var(--t-xs);color:var(--c-muted)}.admin-page,.receipt-page{display:grid;gap:var(--s6)}.admin-header,.receipt-header{padding-bottom:var(--s5);border-bottom:1px solid var(--border)}.admin-header .eyebrow,.receipt-header .eyebrow{font-size:var(--t-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-faint);margin-bottom:var(--s2)}.admin-header h1,.receipt-header h1{font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}.admin-header .subtitle,.receipt-header .subtitle{margin-top:var(--s2);font-size:var(--t-sm);color:var(--c-muted);max-width:60ch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm);padding:var(--s6);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}.panel-header h2{font-size:var(--t-md);font-weight:600;letter-spacing:-.01em}.panel-header p,.panel-header .table-subtitle{font-size:var(--t-xs);color:var(--c-muted)}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}.summary-row{display:flex;gap:var(--s4);flex-wrap:wrap}.summary-card{flex:1;min-width:180px;display:flex;align-items:center;gap:var(--s4);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5) var(--s6)}.summary-card-icon{width:40px;height:40px;border-radius:var(--r);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-deep);flex-shrink:0}.summary-card>div{display:flex;flex-direction:column;gap:4px}.summary-card h3{font-size:var(--t-xs);font-weight:500;color:var(--c-muted);line-height:1}.summary-card p{font-size:var(--t-stat);font-weight:700;letter-spacing:-.03em;line-height:1.1}.admin-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:var(--s6);align-items:stretch}.panel.panel-import{display:flex;flex-direction:column;gap:var(--s4)}.panel.panel-import .panel-header{margin-bottom:0}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.table-wrapper::-webkit-scrollbar{height:4px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}table{width:100%;border-collapse:collapse;min-width:560px}thead th{text-align:left;font-size:var(--t-2xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--c-faint);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);background:var(--surface-alt);position:sticky;top:0;z-index:1;white-space:nowrap}tbody td{padding:10px var(--s4);border-bottom:1px solid var(--border-xs);font-size:var(--t-sm);color:var(--c-text);vertical-align:middle;white-space:nowrap}.td-ellipsis{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-table{width:max-content;min-width:100%}.td-chip{display:inline-block;padding:2px 8px;font-size:var(--t-2xs);font-weight:500;border-radius:99px;background:var(--surface-sunken);color:var(--c-sub);white-space:nowrap;line-height:1.6}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-alt)}.table-empty{padding:var(--s10) var(--s4);text-align:center;color:var(--c-faint);font-size:var(--t-sm)}.receipt-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--s6);align-items:start}.receipt-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm);padding:var(--s6)}.receipt-help-panel{position:sticky;top:var(--s8)}.receipt-preview{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);margin-top:var(--s1)}.receipt-preview img{width:100%;display:block;object-fit:cover}.status-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.status-text{font-size:var(--t-xs);color:var(--c-muted);background:var(--surface-alt);padding:3px 10px;border-radius:999px}.card-load-status{margin-top:var(--s3);font-size:var(--t-xs);color:var(--c-faint)}.help-list{list-style:none;display:grid;gap:var(--s3);counter-reset:help}.help-list li{counter-increment:help;display:flex;gap:var(--s3);padding:var(--s4);border-radius:var(--r-lg);background:var(--surface-alt);font-size:var(--t-sm);color:var(--c-sub);line-height:1.6}.help-list li:before{content:counter(help);min-width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.admin-topbar{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s6);height:58px;background:#fff;border-bottom:1px solid #E5E0D6;position:sticky;top:0;z-index:30;flex-shrink:0}.topbar-spacer{flex:1}.mobile-brand{font-size:var(--t-md);font-weight:500;letter-spacing:-.01em;color:var(--c-text)}@media(min-width:769px){.hamburger-btn,.mobile-brand{display:none!important}}@media(max-width:768px){.admin-topbar{padding:0 var(--s4)}.topbar-spacer{display:none}}.agsearch-wrap{position:relative;width:360px;max-width:400px;flex-shrink:0}@media(max-width:768px){.agsearch-wrap{width:auto;flex:1;min-width:0}}.agsearch-field{position:relative;display:flex;align-items:center;gap:6px;background:#faf9f7;border:1.5px solid #E5E0D6;border-radius:999px;padding:0 10px;height:38px;transition:border-color .15s,box-shadow .15s,background .15s}.agsearch-field:focus-within{border-color:var(--accent-deep, #2A3A57);background:#fff}.agsearch-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--c-muted, #9A9384);pointer-events:none}.agsearch-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:var(--t-sm);color:var(--c-text);line-height:1;padding-left:42px;-webkit-appearance:none}.agsearch-input::placeholder{color:var(--c-muted, #9A9384)}.agsearch-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;flex-shrink:0;background:#e5e0d6;border:none;border-radius:50%;color:#6b6b75;cursor:pointer;transition:background .12s,color .12s}.agsearch-clear:hover{background:#c8c2b8;color:var(--c-text)}.agsearch-spinner{width:13px;height:13px;border:1.5px solid var(--border);border-top-color:var(--accent-deep);border-radius:50%;flex-shrink:0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.agsearch-dropdown{position:absolute;top:calc(100% + 6px);right:0;left:0;min-width:320px;background:#fff;border:1px solid #E5E0D6;border-radius:10px;box-shadow:0 12px 32px #0000001f,0 2px 8px #0000000f;z-index:200;overflow:hidden;max-height:440px;overflow-y:auto}.agsearch-empty{padding:var(--s5) var(--s5);font-size:var(--t-sm);color:var(--c-muted);text-align:center}.agsearch-group{border-bottom:1px solid #f0ece6}.agsearch-group:last-child{border-bottom:none}.agsearch-group-hd{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4) var(--s1);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#b0a898}.agsearch-group-hd span{font-size:11px;font-weight:600;color:var(--accent-deep);background:#e6edf7;padding:1px 6px;border-radius:10px}.agsearch-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px var(--s4) 6px var(--s4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background .1s}.agsearch-item:hover{background:#f7f5f1}.agi-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--accent-soft, #E6EDF7);color:var(--accent-deep);flex-shrink:0}.agi-main{font-size:var(--t-sm);font-weight:500;color:var(--c-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agi-sub{font-size:var(--t-xs);color:var(--c-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:var(--s2)}.hamburger-btn{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;background:transparent;border:none;border-radius:var(--r);cursor:pointer;flex-shrink:0}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--accent-deep, #2A3A57);border-radius:2px;transition:transform var(--dur),opacity var(--dur)}.sidebar-close{display:none;align-self:flex-end;align-items:center;justify-content:center;margin:var(--s3) var(--s3) 0;padding:0;width:32px;height:32px;font-size:1rem;line-height:1;color:var(--c-muted);background:transparent;border:none;border-radius:var(--r);cursor:pointer;flex-shrink:0}.sidebar-close:hover{background:var(--surface-muted);color:var(--c-text)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:39}.camera-field{position:relative}.camera-btn-area{display:flex;align-items:center;justify-content:center;gap:var(--s3);min-height:52px;padding:var(--s4) var(--s5);background:var(--accent-soft);border:2px dashed var(--accent);border-radius:var(--r-lg);color:var(--accent);font-size:var(--t-sm);font-weight:600;cursor:pointer;transition:background var(--dur),border-color var(--dur);word-break:break-all}.camera-field:hover .camera-btn-area,.camera-field:focus-within .camera-btn-area{background:var(--accent-soft);border-color:var(--accent-h)}.camera-field input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:none;background:transparent}.file-upload{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5) var(--s4);border:1.5px dashed var(--border);border-radius:var(--r-lg);background:var(--surface-alt);cursor:pointer;transition:border-color var(--dur),background var(--dur)}.file-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.file-upload>span{font-size:var(--t-xs);font-weight:500;color:var(--c-muted)}.import-notes{margin-top:var(--s5);padding:var(--s4);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-lg);display:grid;gap:var(--s2)}.import-notes p,.import-note{font-size:var(--t-xs);color:var(--c-muted);line-height:1.7}.import-notes code,.import-note code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85em;background:var(--surface-muted);padding:1px 5px;border-radius:4px;color:var(--accent)}@media(max-width:1080px){.filter-grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.receipt-grid{grid-template-columns:1fr}.receipt-help-panel{position:static}}@media(max-width:900px){.admin-shell .app-main{margin-left:0}.sidebar{position:relative;inset:unset;width:100%;flex-direction:row;align-items:center;padding:var(--s3) var(--s5);border-right:none;border-bottom:1px solid var(--border);min-height:unset;transform:none;transition:none}.sidebar-brand{padding:0;border:none;margin-right:var(--s5);flex-shrink:0}.sidebar-nav{flex-direction:row;padding:0;gap:var(--s1);flex:1;overflow-x:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{white-space:nowrap;padding:var(--s2) var(--s3)}.sidebar-footer{padding:0;border:none;flex-direction:row;align-items:center;gap:var(--s2);margin-left:auto;flex-shrink:0}.sidebar-user{display:none}.app-content{padding:var(--s5) var(--s5) var(--s10)}}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:min(72vw,280px);min-height:100dvh;flex-direction:column;align-items:stretch;padding:0;border-right:1px solid var(--border);border-bottom:none;transform:translate(-110%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:40;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:var(--sh-md)}.sidebar-close{display:flex}.sidebar-brand{height:auto;padding:var(--s4) var(--s5);border-bottom:1px solid #E5E0D6;margin-right:0}.sidebar-nav{flex-direction:column;padding:var(--s3);gap:2px;overflow-x:unset;flex:1}.sidebar-link{white-space:normal;padding:var(--s3) var(--s3);min-height:44px}.sidebar-footer{padding:var(--s4) var(--s5);border-top:1px solid var(--border-xs);flex-direction:column;align-items:flex-start;gap:var(--s3);margin-left:0}.sidebar-user{display:block}.app-content{padding:var(--s4) var(--s4) var(--s12)}.admin-page,.receipt-page{gap:var(--s4)}.filter-grid{grid-template-columns:1fr}.summary-row{display:grid;grid-template-columns:1fr 1fr}.summary-card{min-width:unset}.panel{padding:var(--s4);border-radius:var(--r-lg)}.admin-grid,.receipt-grid{grid-template-columns:1fr}.receipt-help-panel{display:none}.camera-btn-area{min-height:64px;font-size:var(--t-md);border-radius:var(--r-lg)}.receipt-form .btn-primary{width:100%;min-height:52px;font-size:var(--t-md);font-weight:600;border-radius:var(--r-lg);margin-top:var(--s2)}.app-header{padding:var(--s3) var(--s4)}.app-header .user-email{display:none}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:44px}}@media(max-width:480px){:root{--t-2xs: .875rem;--t-xs: .9375rem;--t-sm: 1rem;--t-md: 1.125rem;--t-lg: 1.25rem}.login-container{padding:var(--s4) var(--s4)}.summary-row{grid-template-columns:1fr}.summary-card{padding:var(--s4)}.admin-header h1,.receipt-header h1{font-size:var(--t-lg)}}.tab-nav{display:flex;border-bottom:2px solid var(--border);margin-bottom:var(--s5);gap:0}.tab-btn{padding:10px var(--s5);font-size:var(--t-sm);font-weight:500;color:var(--c-sub);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--dur),border-color var(--dur);white-space:nowrap}.tab-btn:hover{color:var(--c-text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s4)}.modal-overlay.sheet{align-items:flex-end;padding:0}.modal-overlay.sheet .modal{border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:100%;max-height:88dvh}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--r-full);color:var(--c-muted);font-size:1.125rem;cursor:pointer;transition:background var(--dur),color var(--dur);flex-shrink:0}.modal-close:hover{background:var(--surface-muted);color:var(--c-text)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 20px 60px -12px #00000047;width:100%;max-width:500px;max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column}.modal-lg{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s6);border-bottom:1px solid var(--border-xs);position:sticky;top:0;background:var(--surface);z-index:1}.modal-header h3{font-size:var(--t-md);font-weight:600;color:var(--c-text)}.modal-body{padding:var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s4)}.modal-footer{padding:var(--s4) var(--s6);border-top:1px solid var(--border-xs);display:flex;justify-content:flex-end;gap:var(--s3);position:sticky;bottom:0;background:var(--surface)}.panel-search-row{padding:0 var(--s4) var(--s3)}.panel-search-input{height:var(--input-h);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 var(--s3);font-size:var(--t-sm);color:var(--c-text);background:var(--bg);outline:none;width:100%;max-width:320px;-webkit-appearance:none}.panel-search-input:focus{border-color:var(--accent-deep);box-shadow:0 0 0 2px #2a3a571f}.org-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4);gap:var(--s3);flex-wrap:wrap}.org-toolbar-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:var(--t-xs);font-weight:600;white-space:nowrap}.badge-green{background:#e1f0e7;color:#1e6b45}.badge-gray{background:#f5f2ee;color:var(--c-muted)}.badge-red{background:#fbe9e9;color:#9e2533}.badge-blue{background:#e6edf7;color:#1e3a5f}.badge-yellow{background:#fbeeda;color:#85530b}.table-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.table-actions .action-sep{color:var(--border);font-size:var(--t-xs);-webkit-user-select:none;user-select:none;flex-shrink:0}.btn-link.warn{color:var(--orange)}.btn-link.warn:hover:not(:disabled){color:var(--orange-text);text-decoration:underline}.btn-link:disabled{opacity:.35;cursor:not-allowed}.btn-danger{height:36px;padding:0 var(--s4);background:var(--red);color:#fff;border:none;border-radius:var(--r);font-size:var(--t-sm);font-weight:500;cursor:pointer;transition:opacity var(--dur)}.btn-danger:hover:not(:disabled){opacity:.85}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.dept-label{display:flex;align-items:center;gap:var(--s1)}.dept-indent{display:inline-block;width:1.1em;flex-shrink:0;color:var(--border);font-size:.85em}.import-preview{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;max-height:300px;overflow-y:auto}.import-preview table{margin:0;border-radius:0}.import-preview thead th{position:sticky;top:0;background:var(--surface-muted);z-index:1}.import-result-ok{color:#1e6b45;font-weight:600}.import-result-err{color:#9e2533;font-size:var(--t-xs)}@media(max-width:768px){.modal{max-width:100%;border-radius:var(--r-lg)}.modal-body{padding:var(--s4)}.modal-footer{padding:var(--s3) var(--s4)}.org-toolbar{flex-direction:column;align-items:flex-start}.org-toolbar-actions{width:100%}.org-toolbar-actions .btn-primary,.org-toolbar-actions .btn-secondary,.org-toolbar-actions .btn-ghost{flex:1;text-align:center}}.sidebar-footer .btn-ghost{width:100%;justify-content:center;font-size:var(--t-xs);font-weight:500;color:var(--c-muted);border:1px solid #E5E0D6;border-radius:6px;height:34px;background:transparent;transition:border-color .15s,color .15s,background .15s}.sidebar-footer .btn-ghost:hover:not(:disabled){background:#f7f4f0;border-color:#c8c2b8;color:var(--c-text)}.user-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.user-appbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--s4);background:var(--accent-deep);flex-shrink:0;position:sticky;top:0;z-index:30}.user-appbar-title{font-size:1rem;font-weight:500;color:#fff;letter-spacing:-.01em}.user-appbar .btn-ghost{color:#ffffff8c;font-size:var(--t-xs);height:36px}.user-appbar .btn-ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.user-main{flex:1;overflow-y:auto;padding-bottom:72px}.user-bottom-tab{position:fixed;bottom:0;left:0;width:100%;height:64px;display:flex;background:var(--surface);border-top:1px solid var(--border);z-index:30;padding-bottom:env(safe-area-inset-bottom,0px)}.user-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;transition:color var(--dur);color:var(--c-muted);padding:0}.user-tab-item.active{color:var(--accent)}.user-tab-icon{display:flex;align-items:center;justify-content:center;line-height:1}.user-tab-label{font-size:.6875rem;font-weight:500;line-height:1}.user-tab-panel{padding:var(--s4) var(--s4) var(--s6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}.user-home-summary{border-radius:var(--r-xl);background:var(--accent-deep);color:#fff;padding:var(--s6);box-shadow:var(--sh-navy)}.user-home-summary-label{font-size:var(--t-xs);color:#ffffff8c;margin-bottom:var(--s1)}.user-home-summary-amount{font-size:1.875rem;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.user-home-summary-caption{font-size:var(--t-xs);color:#ffffff73;margin-top:var(--s1)}.user-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}.user-section-title{font-size:var(--t-sm);font-weight:500;color:var(--c-text)}.user-card-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.user-card-item{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border-soft)}.user-card-item:last-child{border-bottom:none}.user-card-icon{width:38px;height:38px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.user-card-info{flex:1;min-width:0}.user-card-name{font-size:var(--t-sm);font-weight:500;color:var(--c-text)}.user-card-sub{font-size:var(--t-xs);color:var(--c-muted);margin-top:2px}.user-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-card-usage{font-size:var(--t-xs);color:var(--c-muted);font-variant-numeric:tabular-nums}.user-receipt-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--s5);display:grid;gap:var(--s4)}.user-history-list{display:flex;flex-direction:column;gap:10px}.user-history-item{padding:16px;background:#fff;border:1px solid #E5E0D6;border-radius:14px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;transition:background .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.user-history-item:hover,.user-history-item:focus-visible{background:#faf9f7;outline:none;box-shadow:0 2px 8px #2a3a5714}.user-history-item:active{background:#f0ede8}.user-history-icon{width:36px;height:36px;border-radius:var(--r-sm);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-deep);flex-shrink:0;align-self:center}.user-history-info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2px}.user-history-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}.hist-thumb{width:64px;height:64px;border-radius:10px;flex-shrink:0;overflow:hidden;background:#f0ede8;display:flex;align-items:center;justify-content:center;align-self:center}.hist-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hist-thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--c-muted);opacity:.7}.hist-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center}.hist-actions{display:flex;flex-direction:column;gap:8px;width:72px;flex-shrink:0;align-items:stretch;justify-content:center}.hist-status-badge{width:100%;height:36px;border-radius:8px;padding:0;background:#f7f4ef;color:#6b6456;font-size:14px;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center;cursor:default}.hist-btn-edit{width:100%;height:36px;padding:0;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#2a3a57;color:#fff;text-align:center;transition:opacity .12s}.hist-btn-edit:hover{opacity:.85}.hist-btn-del{width:100%;height:36px;padding:0;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#9e2533;color:#fff;text-align:center;transition:opacity .12s}.hist-btn-del:hover{opacity:.85}.hist-row-merchant{display:flex;align-items:flex-start;gap:var(--s2)}.user-history-merchant{font-weight:700;font-size:16px;color:var(--c-text);flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hist-row-merchant .badge{flex-shrink:0;align-self:flex-start;margin-top:2px}.user-history-amount{font-weight:800;font-size:20px;color:#2a2a28;font-variant-numeric:tabular-nums;white-space:nowrap}.user-history-sub{font-size:13px;color:#6b6456;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.user-profile-header{background:var(--accent-deep);padding:var(--s6) var(--s5);display:flex;align-items:center;gap:var(--s4)}.user-profile-avatar{width:52px;height:52px;border-radius:var(--r-full);background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0;color:#fff}.user-profile-name{font-size:var(--t-lg);font-weight:500;color:#fff}.user-profile-sub{font-size:var(--t-xs);color:#ffffff80;margin-top:2px}.user-profile-rows{padding:var(--s1) 0}.user-profile-row{display:flex;align-items:center;padding:var(--s3) var(--s5);border-bottom:1px solid var(--border-soft)}.user-profile-row:last-child{border-bottom:none}.user-profile-key{font-size:var(--t-xs);color:var(--c-muted);width:72px;flex-shrink:0}.user-profile-val{font-size:var(--t-sm);color:var(--c-text)}.report-detail-img{width:100%;border-radius:var(--r);border:1px solid var(--border);object-fit:contain;max-height:240px;background:var(--surface-muted)}.report-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--border-soft);font-size:var(--t-sm)}.report-detail-row:last-child{border-bottom:none}.report-detail-key{color:var(--c-muted);flex-shrink:0;min-width:64px}.report-detail-val{font-weight:500;color:var(--c-text);text-align:right;word-break:break-all}.btn-pdf{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;height:44px;background:var(--surface);color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--r-lg);font-size:var(--t-sm);font-weight:500;cursor:pointer;transition:background var(--dur),color var(--dur)}.btn-pdf:hover{background:var(--accent-soft)}.btn-receipt-add{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;height:52px;background:var(--red);color:#fff;border:none;border-radius:var(--r-lg);font-size:var(--t-md);font-weight:500;cursor:pointer;box-shadow:0 2px 8px #9e25334d;transition:background var(--dur),box-shadow var(--dur)}.btn-receipt-add:hover:not(:disabled){background:var(--red-h);box-shadow:0 4px 12px #9e253359}.btn-receive{height:30px;padding:0 var(--s3);font-size:var(--t-xs);border-radius:var(--r-sm);background:var(--accent);color:#fff;border:none;cursor:pointer;white-space:nowrap}.btn-return{height:30px;padding:0 var(--s3);font-size:var(--t-xs);border-radius:var(--r-sm);background:var(--surface-muted);color:var(--red);border:1px solid var(--border);cursor:pointer;white-space:nowrap}@media(min-width:640px){.user-appbar{padding:0 var(--s8)}.user-tab-panel{max-width:640px;margin:0 auto;padding:var(--s6) var(--s8) var(--s8)}}.vbar-chart{display:flex;align-items:flex-end;gap:6px;height:130px;padding-bottom:var(--s5)}.vbar-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.vbar-fill{width:100%;max-width:48px;background:var(--c-navy);border-radius:3px 3px 0 0;transition:height .4s ease}.vbar-label{font-size:10px;color:var(--c-muted);margin-top:3px;white-space:nowrap}.vbar-value{font-size:9px;color:var(--c-muted);margin-bottom:2px;white-space:nowrap}.report-search-bar{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;padding:var(--s3) var(--s4);border-top:1px solid var(--border-soft)}.report-search-bar select,.report-search-bar .btn-secondary{height:var(--input-h);box-sizing:border-box}.report-search-input{flex:1;min-width:160px;height:var(--input-h);background:#fff;border:1.5px solid var(--border);padding-left:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;background-size:16px}.report-search-input:focus{border-color:#2a3a57;outline:none;box-shadow:0 0 0 2px #2a3a571a}.panel-filters select,.panel-filters input[type=number],.panel-filters input[type=date]{background:#fff;border:1.5px solid var(--border)}.panel-filters select:focus,.panel-filters input[type=number]:focus,.panel-filters input[type=date]:focus{border-color:#2a3a57;outline:none;box-shadow:0 0 0 2px #2a3a571a}.detail-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:0}.detail-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:10px var(--s5);font-size:var(--t-sm);font-weight:500;color:var(--c-sub);cursor:pointer;transition:color var(--dur),border-color var(--dur);white-space:nowrap}.detail-tab:hover{color:var(--c-text)}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.img-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-out}.img-viewer-img{max-width:90vw;max-height:90dvh;object-fit:contain;touch-action:none;cursor:grab;transition:none;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.img-viewer-close{position:fixed;top:var(--s4);right:var(--s4);z-index:10000;background:#0000008c;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.notif-bar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s5);background:#fffbeb;border-bottom:1px solid #fde68a;font-size:var(--t-xs);color:#92400e}.notif-bar-denied{background:#fef2f2;border-bottom-color:#fecaca;color:#991b1b}.notif-bar-granted{background:#f0fdf4;border-bottom-color:#bbf7d0;color:#166534}.notif-bar span{flex:1}.btn-sm{padding:var(--s1) var(--s3);font-size:var(--t-xs)}.diag-grid{display:flex;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}.diag-item{display:flex;flex-direction:column;gap:var(--s1);min-width:120px}.diag-label{font-size:var(--t-xs);color:var(--text-secondary);font-weight:500}.diag-value{font-size:var(--t-sm);font-weight:600}.diag-ok{color:#166534}.diag-warn{color:#92400e}.diag-err{color:#991b1b}.diag-msg{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-sm);font-size:var(--t-sm);margin-bottom:var(--s4)}.diag-msg span{flex:1}.diag-actions{display:flex;gap:var(--s3);flex-wrap:wrap}.notif-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--s5));right:var(--s4);z-index:10000;min-width:240px;max-width:360px;background:#2a3a57;color:#fff;border-radius:12px;padding:14px var(--s4);box-shadow:0 8px 32px #00000047,0 2px 8px #00000024;font-size:var(--t-sm);animation:toast-in .25s ease}.notif-toast strong{display:block;margin-bottom:3px;font-size:var(--t-sm);font-weight:600;color:#fff}.notif-toast p{margin:0;font-size:var(--t-xs);color:#e4e9f1}.notif-toast-close{position:absolute;top:var(--s2);right:var(--s2);background:none;border:none;color:#e4e9f1;opacity:1;cursor:pointer;font-size:var(--t-sm);line-height:1;padding:2px 4px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.report-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--s4)}.report-tab{padding:10px var(--s5);font-size:var(--t-sm);font-weight:500;color:var(--c-sub);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;display:flex;align-items:center;gap:var(--s2);transition:color var(--dur),border-color var(--dur);white-space:nowrap}.report-tab:hover{color:var(--c-text)}.report-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.report-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 6px;font-size:.7rem;font-weight:600;background:var(--accent-deep, #2a3a57);color:#fff;border-radius:99px;line-height:1.4}.report-tab:not(.active) .report-tab-count{background:var(--border);color:var(--c-muted)}.panel-list-toolbar{padding:var(--s3) var(--s4);margin-bottom:var(--s3);background:#fff;box-shadow:0 2px 10px #00000012}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);margin-bottom:var(--s6)}.stats-grid-wide{grid-column:1 / -1}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stats-grid-wide{grid-column:1 / -1}}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;border:1.5px solid var(--border);background:#fff;font-size:var(--t-xs);font-weight:500;color:var(--c-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.chip:hover{border-color:#2a3a57;color:#2a3a57;background:#f0f3f8}.chip-active{background:#2a3a57;border-color:#2a3a57;color:#fff}.chip-active:hover{background:#1e2d47;border-color:#1e2d47;color:#fff}.bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:12px 20px;background:var(--c-navy);color:#fff;border-radius:12px;box-shadow:0 4px 24px #00000040;min-width:320px;max-width:calc(100vw - 48px)}.bulk-bar-info{font-size:var(--t-sm);font-weight:600;flex-shrink:0;margin-right:var(--s2)}.bulk-bar .btn-secondary{background:#ffffff2e;border-color:#ffffff80;color:#fff;font-weight:600}.bulk-bar .btn-secondary:hover:not(:disabled){background:#ffffff4d}.bulk-bar .btn-ghost{color:#ffffffeb}.bulk-bar .btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff26}.slide-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;touch-action:none}.slide-viewer-img{max-width:100%;max-height:100%;object-fit:contain;display:block;cursor:zoom-in;will-change:transform}.slide-viewer-close{position:absolute;top:16px;right:16px;z-index:10000;background:#0000008c;border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:auto}.slide-viewer-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;background:#00000073;padding:2px 12px;border-radius:20px;pointer-events:none;-webkit-user-select:none;user-select:none}.slide-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10000;background:#00000073;border:none;color:#fff;font-size:32px;width:44px;height:64px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:auto;opacity:.85}.slide-viewer-arrow:hover{opacity:1;background:#000000b3}.slide-viewer-prev{left:8px}.slide-viewer-next{right:8px}.slide-viewer-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;touch-action:auto}.slide-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:background .15s,transform .15s}.slide-dot.active{background:#fff;transform:scale(1.3)}.detail-photo-strip{display:flex;gap:8px;padding:14px 16px;overflow-x:auto;overflow-y:visible;background:var(--surface-muted);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;flex-shrink:0;scrollbar-width:none}.detail-photo-strip::-webkit-scrollbar{display:none}.detail-photo-thumb{flex-shrink:0;width:108px;height:108px;object-fit:cover;border-radius:10px;border:1.5px solid var(--border);cursor:zoom-in;background:var(--surface);transition:opacity .15s}.detail-photo-thumb:hover{opacity:.88}.attach-section{border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s4);background:var(--surface-muted);display:flex;flex-direction:column;gap:var(--s2)}.attach-header{display:flex;justify-content:space-between;align-items:center}.attach-title{font-size:var(--t-sm);font-weight:600;color:var(--c-text)}.attach-count{font-size:var(--t-xs);color:var(--c-muted)}.attach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.attach-thumb-wrap{position:relative;aspect-ratio:1}.attach-thumb{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--border);cursor:zoom-in;background:var(--surface)}.attach-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.attach-add-row{display:flex;align-items:center;gap:var(--s2)}.attach-hint{font-size:var(--t-xs);color:var(--c-muted)}.btn-sm{padding:4px 12px;font-size:var(--t-sm)}.attach-badge{display:inline-block;margin-left:6px;background:#e6edf7;color:#1e3a5f;font-size:11px;padding:1px 7px;border-radius:10px;font-weight:500}.card-scroll-hide{scrollbar-width:none;-ms-overflow-style:none}.card-scroll-hide::-webkit-scrollbar{display:none}.card-carousel-track{display:flex;gap:var(--s2);margin-inline:calc(-1 * var(--s4));padding-inline:var(--s4);scroll-padding-inline:var(--s4)}@media(min-width:640px){.card-carousel-track{margin-inline:calc(-1 * var(--s8));padding-inline:var(--s8);scroll-padding-inline:var(--s8)}}.no-receipt-badge{display:inline-block;margin-left:6px;background:#fdecea;color:#9e2533;font-size:11px;padding:1px 7px;border-radius:9999px;font-weight:600;cursor:pointer}@media print{body>*{display:none!important}}