*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07080c;--surface: #0e1018;--surface2: #141820;--surface3: #1a2030;--border: #1e2535;--border2: #28334a;--text: #dde2ef;--text2: #7e8ba3;--text3: #404d63;--gold: #e8a838;--gold2: #f5c76a;--gold-dim: #e8a83820;--green: #22c57a;--green-dim: #22c57a18;--red: #f04060;--red-dim: #f0406018;--blue: #4a9eff;--blue-dim: #4a9eff18;--purple: #a67cff;--purple-dim:#a67cff18;--font-d: "Syne", sans-serif;--font-b: "DM Sans", sans-serif;--font-m: "DM Mono", monospace;--sidebar-w: 224px;--r: 8px;--r2: 12px}html{font-size:14px}body{background:var(--bg);color:var(--text);font-family:var(--font-b);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.app-shell{display:flex;min-height:100vh}.app-main{margin-left:var(--sidebar-w);flex:1;min-height:100vh;padding:28px 32px;max-width:calc(100vw - var(--sidebar-w))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:20px}.card-title{font-family:var(--font-d);font-weight:700;font-size:15px;margin-bottom:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-label{font-family:var(--font-m);font-size:10px;color:var(--text3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.stat-value{font-family:var(--font-d);font-weight:700;font-size:22px;line-height:1.1}.stat-sub{font-size:11px;color:var(--text3);margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}thead tr{border-bottom:1px solid var(--border)}th{padding:8px 12px;text-align:left;color:var(--text3);font-family:var(--font-m);font-size:10px;font-weight:400;letter-spacing:.3px;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:hover{background:var(--surface2)}td{padding:9px 12px}.td-mono{font-family:var(--font-m)}.td-sm{font-size:11px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-family:var(--font-m);font-weight:500;white-space:nowrap;line-height:1.6}.tag-green{background:var(--green-dim);color:var(--green)}.tag-red{background:var(--red-dim);color:var(--red)}.tag-gold{background:var(--gold-dim);color:var(--gold)}.tag-blue{background:var(--blue-dim);color:var(--blue)}.tag-purple{background:var(--purple-dim);color:var(--purple)}.tag-gray{background:var(--surface3);color:var(--text3)}button{cursor:pointer;font-family:var(--font-b)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r);border:none;font-size:13px;font-weight:600;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--gold);color:#111}.btn-primary:hover{background:var(--gold2)}.btn-ghost{background:none;border:1px solid var(--border2);color:var(--text2)}.btn-ghost:hover{color:var(--text);border-color:var(--text3)}.btn-sm{padding:5px 10px;font-size:11px}.btn-icon{padding:7px;border-radius:6px}.input{width:100%;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--font-b);font-size:13px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--border2)}.input::placeholder{color:var(--text3)}select.input{cursor:pointer}.field{margin-bottom:14px}.field label{display:block;font-family:var(--font-m);font-size:10px;color:var(--text3);letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-family:var(--font-d);font-weight:700;font-size:16px}.modal-body{padding:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;margin-top:8px;border-top:1px solid var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-family:var(--font-d);font-weight:800;font-size:24px;letter-spacing:-.5px}.page-sub{color:var(--text3);font-size:12px;margin-top:2px}.fy-select{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-family:var(--font-m);font-size:12px;padding:6px 12px;outline:none;cursor:pointer}.search-wrap{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.input-search{padding-left:32px}.empty-state{text-align:center;padding:48px 20px;color:var(--text3);font-size:13px}.empty-state svg{margin:0 auto 12px;display:block;opacity:.3}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:48px}.calc-preview{background:var(--surface2);border-radius:var(--r);padding:12px 14px;font-family:var(--font-m);font-size:11px;margin-bottom:14px}.calc-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text2)}.calc-row.total{border-top:1px solid var(--border);padding-top:7px;margin-top:4px;font-weight:600;color:var(--green);font-size:12px}.import-steps{display:flex;margin-bottom:32px}.import-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.import-step:after{content:"";position:absolute;top:13px;left:50%;width:100%;height:1px;background:var(--border);z-index:0}.import-step:last-child:after{display:none}.step-num{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:11px;color:var(--text3);z-index:1;position:relative;transition:all .2s}.import-step.done .step-num{background:var(--green-dim);border-color:var(--green);color:var(--green)}.import-step.active .step-num{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.step-label{font-size:10px;color:var(--text3);margin-top:6px;font-family:var(--font-m)}.import-step.active .step-label{color:var(--gold)}.import-step.done .step-label{color:var(--green)}.drop-zone{border:2px dashed var(--border2);border-radius:var(--r2);padding:52px 32px;text-align:center;transition:all .2s;cursor:pointer;position:relative}.drop-zone:hover,.drop-zone.drag{border-color:var(--gold);background:var(--gold-dim)}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.summary-line:last-child{border:none}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;border-top:1px solid var(--border);margin-top:2px}.page-info{font-family:var(--font-m);font-size:11px;color:var(--text3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .3s ease forwards}.fade-up-2{animation:fadeUp .3s .06s ease forwards;opacity:0}.fade-up-3{animation:fadeUp .3s .12s ease forwards;opacity:0}.fade-up-4{animation:fadeUp .3s .18s ease forwards;opacity:0}