:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#22352e;background:#f2f5f4;font-size:16px;--green:#173f35;--muted:#6e7c75;--line:#dce4df;--lime:#dbef99}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--green)}button,.button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 16px;color:var(--green);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.9rem;white-space:nowrap}button:hover,.button:hover{background:#edf3ef}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#245947}.danger{color:#b23939!important}.small{padding:6px 10px;font-size:.875rem}.shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--green);color:#d9e7df;padding:30px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.6rem;letter-spacing:2px}.brand img{width:38px}.brand small{font-size:.75rem;display:block;letter-spacing:1px;color:#b1c7b8;margin-top:4px;font-weight:400}.nav{display:flex;flex-direction:column;gap:8px}.nav button{background:none;border:0;color:#c2d4c9;justify-content:flex-start;padding:13px 16px;font-size:1rem;border-radius:9px}.nav button.active{background:var(--lime);color:var(--green);font-weight:600}.nav .symbol{width:22px;font-size:1.2rem}.sidebar-bottom{margin-top:auto;border-top:1px solid #3a5d50;padding-top:22px;font-size:.875rem;line-height:1.8;color:#b8cec0}.sidebar-bottom strong{display:block;color:white}.sidebar-bottom button{color:#cfe1d5;background:transparent;border-color:#527365;margin-top:12px}.main{min-width:0;padding:34px 38px 48px;max-width:1800px;width:100%;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:16px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:9px}h1{font-size:1.8rem;margin:0;font-weight:650;letter-spacing:-.5px}h2{font-size:1.1rem;margin:0 0 20px}h3{font-size:1rem;margin:0 0 12px}p{line-height:1.65}.muted{color:var(--muted);font-size:.875rem}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px;min-width:0}.filterbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filterbar label{flex:1;min-width:135px}.filterbar label.wide{flex:2;min-width:210px}label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;color:#56695e}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d0dcd4;border-radius:7px;background:white;color:#213f30;min-height:41px}input:focus,select:focus,textarea:focus{border-color:#466e58;outline:2px solid #e0ecd8}input[type=checkbox]{width:17px;min-height:auto;accent-color:var(--green)}textarea{resize:vertical;min-height:90px}.check{flex-direction:row;align-items:center;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;display:block;white-space:normal}.metric.hero{background:var(--green);color:white}.metric.hero .muted{color:#c0d2c7}.metric .value{font-size:1.9rem;font-weight:650;letter-spacing:-1px;margin:15px 0 12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric .sub{font-size:.875rem}.metric.hero .sub{color:var(--lime)}.chartgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.chartbox{min-height:280px}.chart{width:100%;height:230px;display:block}.bar-row{display:grid;grid-template-columns:100px minmax(0,1fr) 110px;align-items:center;gap:14px;margin:19px 0;font-size:.875rem}.bar-row .track{height:9px;border-radius:4px;background:#eff3ef;overflow:hidden}.bar-row .fill{height:100%;background:#66876a;border-radius:4px}.bar-row button{padding:0;border:0;justify-content:start;white-space:normal;text-align:left}.bar-row .amount{text-align:right;font-variant-numeric:tabular-nums}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}.table th{font-weight:500;color:var(--muted);text-align:left;background:#f6f8f6;padding:13px 12px;border-bottom:1px solid var(--line)}.table td{padding:16px 12px;border-bottom:1px solid #eaf0ea;vertical-align:middle}.table tbody tr:hover{background:#fafcf9}.table .filename{max-width:250px;overflow:hidden;text-overflow:ellipsis;font-weight:600;display:block}.table .subtext{color:var(--muted);font-size:.8rem;display:block;margin-top:7px}.table .money{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#edf4ec;color:#41614b;font-size:.78rem}.badge.warn{background:#fff2d4;color:#8c611d}.badge.bad{background:#fdeaea;color:#a84646}.badge.neutral{background:#eef0f3;color:#687582}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:15px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty .empty-icon{font-size:2.6rem;color:#96ac9c;margin-bottom:15px}.empty strong{display:block;color:#344f3e;font-size:1.1rem;margin-bottom:10px}.notice{background:#f7f9ef;border:1px solid #e1e7c8;border-radius:8px;padding:13px 16px;font-size:.875rem;color:#65703c;line-height:1.7;margin-bottom:16px}.notice.error{background:#fff3f2;border-color:#f0d3cf;color:#aa4840}.drop{border:2px dashed #bccfc0;border-radius:12px;padding:48px 20px;text-align:center;background:#fafcf9;margin-bottom:20px}.drop.drag{background:#eaf3db;border-color:#476846}.drop h2{font-size:1.25rem;margin:10px}.drop .icon{font-size:2.4rem}.drop input{max-width:380px;margin:18px auto;display:block;background:white}.upload-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);gap:22px;align-items:start}.preview{position:sticky;top:18px}.preview iframe{width:100%;height:70vh;border:1px solid var(--line);border-radius:8px}.preview img{width:100%;max-height:70vh;object-fit:contain;background:#f2f3f3}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span2{grid-column:1/-1}.form-section{padding:20px 0;border-top:1px solid var(--line)}.form-section:first-child{padding-top:0;border:0}.sticky-actions{position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:16px 0;display:flex;gap:10px;margin-top:20px;z-index:1}.raw{white-space:pre-wrap;word-break:break-all;max-height:350px;overflow:auto;font-size:.875rem;line-height:1.6}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:var(--green);color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:2.8rem;line-height:1.5;max-width:520px}.auth-art p{color:#c7d8cc;max-width:400px}.auth-art .accent{color:var(--lime)}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form form{max-width:390px;width:100%}.auth-form label{margin:22px 0}.auth-form button{width:100%;margin-top:10px}.auth-form h1{margin-bottom:12px}.auth-foot{margin-top:25px;font-size:.875rem;color:var(--muted);line-height:1.7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tabs{margin-bottom:20px}.tabs button.active{background:var(--green);color:white}dialog{border:1px solid var(--line);border-radius:14px;width:min(530px,calc(100% - 32px));padding:27px;color:#203c2c;box-shadow:0 25px 100px #11271d33}dialog::backdrop{background:#0e201e66}dialog form{display:grid;gap:16px}dialog .actions{justify-content:flex-end;margin-top:16px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#193b30;color:white;padding:14px 22px;border-radius:9px;max-width:90vw;display:none;z-index:100;box-shadow:0 5px 30px #1232}#toast.error{background:#9d3934}.loading{padding:80px;text-align:center;color:var(--muted)}.progress{height:6px;background:#e6eee6;border-radius:5px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:#6d9157;min-width:5%;transition:width .5s}.account-note{padding-top:12px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);line-height:1.8}
@media(max-width:1150px){.main{padding:25px 22px}.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chartgrid,.review-grid{grid-template-columns:1fr}.preview{position:static}.preview iframe{height:500px}.settings-grid{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:static;padding:15px;gap:16px}.brand small,.sidebar-bottom{display:none}.brand{font-size:1.3rem}.brand img{width:30px}.nav{flex-direction:row;overflow:auto;gap:3px}.nav button{font-size:.875rem;padding:10px}.nav .symbol{display:none}.main{padding:22px 14px}.topline{align-items:start;flex-direction:column}.cards{gap:10px}.metric{padding:16px}.metric .value{font-size:1.5rem}.panel{padding:17px}.filterbar label{min-width:120px}.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.auth{display:block}.auth-art{padding:28px;gap:25px}.auth-art h1{font-size:1.8rem}.auth-art p,.auth-art footer{display:none}.auth-form{padding:32px 22px}.bar-row{grid-template-columns:85px minmax(0,1fr) 90px;gap:9px}.table-footer{align-items:start;flex-direction:column}}

.category-picker{min-width:180px;position:relative;font-size:.9rem}.category-picker summary{cursor:pointer;list-style:none;border:1px solid #d0dcd4;border-radius:7px;padding:11px;background:white}.category-picker>div{position:absolute;z-index:8;background:white;padding:18px;min-width:240px;box-shadow:0 8px 25px #173f3525;border:1px solid var(--line);border-radius:9px;display:grid;gap:10px;margin-top:5px}.group-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.group-totals>div{display:grid;gap:8px;padding:16px;background:#f4f8ed;border-radius:8px;border:1px solid #dce7ce}.group-totals span{font-size:.85rem;color:var(--muted)}.group-heading td{background:#eaf1e7;font-weight:bold;color:#27472d}.auth-form form{max-width:390px}.filterbar{align-items:end}
/* Restrained technology theme: ink blue navigation, white content, clear accents. */
:root{color:#24334b;background:#f4f7fc;--green:#1d5fd2;--muted:#67768d;--line:#dfe6f0;--lime:#dbeafe}a{color:#1d5fd2}.sidebar{background:#142541;color:#dbe6f7;gap:24px}.brand small{color:#9ab0d0}.nav button{color:#b9cbe4}.nav button.active{background:#264a78;color:#fff;box-shadow:inset 3px 0 #70b7ff}.sidebar-bottom{border-color:#344762;color:#9db2cf}.sidebar-bottom button{border-color:#425c7d;color:#dbe6f7}.auth-art{background:#142541}.auth-art p{color:#b5c7e2}.auth-art .accent{color:#9bd3ff}button:hover,.button:hover{background:#edf4ff}button.primary:hover{background:#174dab}.panel{border-color:#e0e7f2;box-shadow:0 3px 14px #162f5605;border-radius:12px}label{color:#516079}input,select,textarea{border-color:#d5dfea;color:#263852}input:focus,select:focus,textarea:focus{border-color:#448bea;outline-color:#dceaff}.metric.hero{background:#19395f}.metric.hero .muted{color:#c1d4ed}.metric.hero .sub{color:#a6d8ff}.bar-row .fill{background:#4383d8}.bar-row .track{background:#edf2f8}.table th{background:#f4f7fc}.table td{border-bottom-color:#eaf0f7}.table tbody tr:hover{background:#f5f9ff}.badge{background:#edf4ff;color:#3263a2}.notice{background:#f1f6fd;border-color:#d8e5f7;color:#496181}.drop{background:#f8faff;border-color:#bbcee8}.drop.drag{background:#edf5ff;border-color:#5794df}.group-totals>div{background:#f3f7fe;border-color:#dce7f7}.group-heading td{background:#edf3fb;color:#294b78}.empty strong{color:#334968}.empty .empty-icon{color:#94accb}.progress{background:#e8eff9}.progress span{background:#4383d8}dialog{color:#263852}#toast{background:#19395f}.project-switch{display:grid;gap:8px}.project-switch label{color:#adc2df;font-size:.75rem}.project-switch select{background:#1c3455;border-color:#385376;color:#fff;font-size:.875rem}.project-switch>span{font-size:.7rem;line-height:1.6;color:#9bb2d0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fcfdff}.project-card h2{margin:18px 0 10px;overflow-wrap:anywhere}.project-card p{color:var(--muted);min-height:48px;overflow-wrap:anywhere}.project-icon{font-size:1.5rem;color:#377ce0;background:#e9f2ff;padding:6px 10px;border-radius:8px}.project-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.project-total{display:grid;justify-content:stretch;text-align:left;gap:12px;white-space:normal;padding:20px;background:#f8fbff}.project-total strong{font-size:1.45rem;font-variant-numeric:tabular-nums;color:#19395f}.project-total small{color:var(--muted)}.project-tag,.special-tag{display:inline-block;background:#edf4ff;color:#3664a1;padding:4px 7px;font-size:.75rem;border-radius:5px;margin-top:7px;white-space:normal}.special-tag{background:#fff3df;color:#8b6220}.annotation-cell{min-width:220px;max-width:300px;white-space:normal!important}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto;line-height:1.6;font-size:.85rem}.note-edit{margin-top:8px;display:block}.row-actions{display:flex;gap:7px}.preview-dialog{width:min(1400px,96vw);max-width:96vw;height:94vh;max-height:94vh;padding:22px}.preview-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.preview-header h2{margin-bottom:6px;overflow-wrap:anywhere}.preview-header p{margin:4px 0 15px}.preview-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.preview-tools select{width:auto;max-width:140px}.tool-separator{width:1px;height:25px;background:var(--line);margin:0 4px}.viewer-stage{height:calc(94vh - 240px);min-height:250px;overflow:auto;background:#e9eef5;padding:24px;text-align:center;border-radius:8px}.viewer-stage img{display:block;max-width:none;height:auto;transform-origin:center center;box-shadow:0 3px 18px #26385214;margin:0 auto}.preview img{background:#edf2f8}.viewer-stage img[hidden]{display:none}#zoom-label{font-variant-numeric:tabular-nums;min-width:48px;text-align:center}@media(max-width:700px){.project-switch{max-width:none;grid-template-columns:1fr;gap:6px}.project-switch>span{display:none}.project-grid{grid-template-columns:1fr}.project-totals{grid-template-columns:1fr 1fr}.project-total{padding:14px}.project-total strong{font-size:1.15rem}.preview-dialog{padding:14px;height:96vh}.viewer-stage{height:calc(96vh - 300px);padding:10px}.preview-tools button,.preview-tools a{padding:8px;font-size:.8rem}}

#viewer-paper{position:relative;margin:0 auto;}#viewer-paper img{position:absolute;left:50%;top:50%;margin:0;transform-origin:center center;}

:root{--green:var(--ui-primary,#245da8);font-size:var(--ui-font-size,16px);background:var(--ui-background,#f4f7fc)}body{background:var(--ui-background,#f4f7fc)}.sidebar,.auth-art{background:var(--ui-sidebar,#142541)}button.primary,.button.primary,.tabs button.active{background:var(--ui-primary,#245da8);border-color:var(--ui-primary,#245da8)}.panel,button,.button,input,select,textarea{border-radius:var(--ui-radius,10px)}