:root{--paper: #F5F4EF;--surface: #FFFFFF;--line: #DCD9D0;--line-soft: #E9E7E0;--ink: #1E241F;--ink-soft: #5A6058;--ink-faint: #8B9088;--forest: #2B4C3F;--forest-deep: #213A30;--forest-wash: #EAF0ED;--gold: #B8894C;--gold-wash: #F3E8D6;--done: #2F6D4F;--done-wash: #E2EEE6;--error: #A4442E;--error-wash: #F5E2DC;--radius: 6px;--shadow: 0 1px 2px rgba(30, 36, 31, .05), 0 4px 16px rgba(30, 36, 31, .05);--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}::selection{background:var(--forest);color:#fff}:focus-visible{outline:2px solid var(--forest);outline-offset:2px}h1,h2,h3{font-weight:600;margin:0 0 4px;letter-spacing:-.015em}h1{font-size:24px}h2{font-size:18px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;transition:border-color .12s,box-shadow .12s;width:100%}input:hover,select:hover,textarea:hover{border-color:#c9c6bc}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px #2b4c3f1f}input[readonly]{background:var(--paper);color:var(--ink-soft)}textarea{min-height:76px;resize:vertical}::placeholder{color:var(--ink-faint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235A6058' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}input[type=number]{font-family:var(--mono)}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;flex-shrink:0;background:var(--forest-deep);background-image:linear-gradient(180deg,var(--forest-deep) 0%,#1C312A 100%);color:#fff;display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.sidebar-brand{padding:0 10px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}.sidebar-brand b,.sidebar-brand strong,.sidebar-brand div:first-child{font-family:var(--mono);font-weight:700;font-size:17px;letter-spacing:-.02em;display:block}.sidebar-brand small,.sidebar-brand div+div{display:block;font-size:11.5px;color:#ffffff8c;margin-top:3px;letter-spacing:.02em}.sidebar a{display:block;color:#ffffffc7;text-decoration:none;font-size:14px;font-weight:500;padding:9px 10px;border-radius:var(--radius);margin-bottom:2px;border-left:2px solid transparent;transition:background .12s,color .12s}.sidebar a:hover{background:#ffffff0f;color:#fff}.sidebar a.active{background:#ffffff1a;color:#fff;border-left-color:var(--gold)}.sidebar-footer{margin-top:auto;padding:14px 10px 0;border-top:1px solid rgba(255,255,255,.09)}.sidebar-user{font-size:13px;color:#ffffffd9}.sidebar-user .mono{display:block;font-size:10.5px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.sidebar-signout{display:inline-block;margin-top:10px;font-size:12.5px;color:#ffffff80!important;cursor:pointer;padding:0!important}.sidebar-signout:hover{color:#fff!important;background:none!important}.main{flex:1;padding:34px 42px 60px;max-width:1280px;min-width:0}.page-header{margin-bottom:22px}.page-header h1{font-size:24px}.page-header p{margin:4px 0 0;color:var(--ink-soft);font-size:14px}.page-header p strong{color:var(--ink);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px 14px;border-top:2px solid var(--forest)}.stat-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.stat-value{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}.toolbar input,.toolbar select{width:auto;min-width:170px}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfaf7;white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:#faf9f4}td.mono,.q-amt{font-size:13px}.badge{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.07em;padding:4px 10px;border-radius:999px;display:inline-block;white-space:nowrap}.badge-pending{background:var(--gold-wash);color:#8a6224}.badge-done{background:var(--done-wash);color:var(--done)}.badge-error{background:var(--error-wash);color:var(--error)}.badge-clarify{background:#e8e9f2;color:#4a5178}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--forest);color:#fff;border:1px solid var(--forest);border-radius:var(--radius);font-size:13.5px;font-weight:600;padding:9px 16px;transition:background .12s,transform .05s}.btn:hover{background:var(--forest-deep)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--paper);border-color:#c9c6bc}.btn-danger{background:var(--error);border-color:var(--error)}.btn-danger:hover{background:#8c3826}.tab-btn{font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);transition:all .12s}.tab-btn:hover{border-color:#c9c6bc;color:var(--ink)}.tab-btn.active{background:var(--forest);border-color:var(--forest);color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.form-grid .full{grid-column:1 / -1}@media (max-width: 760px){.form-grid{grid-template-columns:1fr}}.field label{display:block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.banner{border-radius:var(--radius);border:1px solid;border-left-width:3px;padding:12px 16px;font-size:13.5px;margin-bottom:16px}.banner-success{background:var(--done-wash);border-color:var(--done);color:#1f4a35}.banner-error{background:var(--error-wash);border-color:var(--error);color:#6e2d1e}.banner-warn{background:var(--gold-wash);border-color:var(--gold);color:#6b4c1e}.duplicate-warning{background:var(--gold-wash);border:1px solid var(--gold);border-left-width:3px;border-radius:var(--radius);padding:12px 16px;font-size:13.5px;margin-bottom:16px;color:#6b4c1e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e241f73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;animation:fadeIn .12s ease-out}.modal{background:var(--surface);border-radius:10px;box-shadow:0 10px 40px #1e241f40;padding:26px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;animation:riseIn .16s ease-out}.modal h2{margin-bottom:4px}.modal-actions{display:flex;gap:10px;margin-top:18px}@keyframes fadeIn{0%{opacity:0}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--forest-deep);background-image:radial-gradient(ellipse at 30% 20%,rgba(184,137,76,.08),transparent 50%),linear-gradient(180deg,var(--forest-deep),#182B24);padding:24px}.login-card{background:var(--surface);border-radius:10px;box-shadow:0 12px 48px #00000059;padding:34px;width:100%;max-width:380px}.login-card h1{font-family:var(--mono);font-size:21px;letter-spacing:-.02em}.login-card>p{color:var(--ink-soft);font-size:13.5px;margin:2px 0 20px}.login-card .field{margin-bottom:14px}.empty-note{padding:28px;color:var(--ink-soft);font-size:14px;text-align:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfccc2;border-radius:6px;border:2px solid var(--paper)}::-webkit-scrollbar-track{background:transparent}.brand-name{font-family:var(--mono);font-weight:700;font-size:17px;letter-spacing:-.02em;color:#fff}.brand-tag{font-size:11.5px;color:#ffffff8c;margin-top:3px;letter-spacing:.02em}.badge{text-transform:uppercase}