:root{--ink:#18221d;--muted:#68746d;--paper:#f3f1e9;--panel:#fffdf7;--line:#dcd9cd;--green:#153e31;--lime:#d9f05a;--red:#a63c32;--shadow:0 12px 36px rgba(24,34,29,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:70px;background:var(--green);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand{color:#fff;text-decoration:none;font-weight:800;font-size:18px}.brand span{display:inline-grid;place-items:center;background:var(--lime);color:var(--green);width:36px;height:36px;border-radius:50%;margin-right:8px}.topbar nav{display:flex;gap:4px}.topbar nav a{color:#dfe9e3;text-decoration:none;padding:8px 10px;border-radius:8px}.topbar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.container{max-width:1180px;margin:0 auto;padding:42px 24px 70px}footer{text-align:center;color:var(--muted);padding:24px}.hero{background:var(--green);color:#fff;border-radius:24px;padding:50px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end;box-shadow:var(--shadow)}.hero h1{max-width:820px;font-size:36px;line-height:1.2;margin:8px 0 16px;letter-spacing:-1px}.hero p{color:#d9e5df}.eyebrow{font-size:12px!important;letter-spacing:2px;text-transform:uppercase;color:#738078!important;font-weight:800;margin:0}.hero .eyebrow{color:var(--lime)!important}.status-badge{min-width:180px;border:1px solid rgba(255,255,255,.25);padding:18px;border-radius:16px;color:#c7d5ce}.status-badge strong{color:var(--lime);font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metrics.three{grid-template-columns:repeat(3,1fr)}.metrics.two{grid-template-columns:repeat(2,1fr)}.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:28px;margin:6px 0}.metrics strong small{font-size:13px;display:inline}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.quick-card{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;transition:.2s}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-card.accent{background:var(--lime);border-color:#cadf4e}.quick-card b{color:#76827b}.quick-card h2{margin:18px 0 4px}.quick-card p{margin:0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;margin:18px 0;box-shadow:var(--shadow)}.panel.compact{margin:0}.panel.slim{padding:20px 26px}.panel h2{margin:0 0 16px}.page-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:34px;margin:4px 0}.page-heading p{margin:0;color:var(--muted)}.section-heading{margin-bottom:16px}.section-heading h2{margin:2px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.step{display:inline-grid;place-items:center;background:var(--green);color:var(--lime);border-radius:50%;width:34px;height:34px;font-weight:800;margin:0 0 12px}.inline-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}label{display:block;color:var(--muted);font-weight:650;font-size:13px}input,select{width:100%;margin-top:6px;border:1px solid #c8c9c0;border-radius:9px;padding:10px 11px;background:#fff;font:inherit;color:var(--ink)}input:focus,select:focus{outline:2px solid #b9cf45;border-color:#b9cf45}button,.button{display:inline-block;border:0;border-radius:9px;padding:10px 16px;background:var(--green);color:#fff;font:700 14px inherit;text-decoration:none;cursor:pointer;margin-top:14px}button:hover,.button:hover{filter:brightness(1.08)}button.secondary,.button.secondary{background:#e6e7df;color:var(--ink);margin-top:0}.large{padding:13px 20px}.transfer{display:grid;grid-template-columns:1fr 145px auto;gap:8px;align-items:end}.transfer input,.transfer select{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e5e2d8;vertical-align:top}th{font-size:12px;color:var(--muted);letter-spacing:.3px}td a,.text-link{color:#235f4d;font-weight:750;text-decoration:none}code{background:#eef0e9;border-radius:5px;padding:2px 5px}.pill{display:inline-block;min-width:28px;text-align:center;border-radius:999px;padding:2px 8px;font-weight:800}.pill.ok{background:#e2efdf;color:#23623d}.pill.bad{background:#f7dfdc;color:#9b312a}.empty{padding:24px;background:#f4f3ed;border-radius:12px;color:var(--muted);text-align:center}.note{font-size:13px;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{background:#eff0e9;border-radius:999px;padding:6px 12px}.alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:700}.alert.success{background:#e1efdf;color:#245c3c}.alert.error{background:#f7dfdc;color:#93382f}.upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.file-box{border:2px dashed #bfc4b9;border-radius:14px;padding:28px}.file-box strong{display:block;color:var(--ink);font-size:17px}.file-box input{border:0;padding:8px 0;margin-top:12px;background:none}.warning{background:#fff5d9;border-left:4px solid #d3a82a;padding:14px 16px;margin:16px 0;color:#6a5314}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.evidence-grid a{border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff}.evidence-grid img{display:block;width:100%;height:150px;object-fit:cover}.evidence-grid span{display:block;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-panel{border-color:#e5b5af}.raw{max-width:360px;font-size:12px;color:var(--muted);word-break:break-all}.block{display:block;color:var(--muted)}.filter-bar{display:grid;grid-template-columns:1fr auto 1fr 1fr 1.2fr 1.2fr auto;gap:10px;align-items:end}.filter-bar button{margin:0}.or{align-self:center;color:var(--muted);padding-top:18px}
@media(max-width:900px){.topbar{height:auto;padding:14px 18px;align-items:flex-start;gap:12px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.container{padding:26px 16px}.hero{padding:30px;display:block}.hero h1{font-size:32px}.status-badge{margin-top:24px}.metrics,.metrics.three,.metrics.two,.quick-grid{grid-template-columns:1fr 1fr}.inline-fields{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .or{display:none}.evidence-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{position:static;display:block}.topbar nav{margin-top:12px;justify-content:flex-start}.topbar nav a{padding:5px 8px}.hero h1,.page-heading h1{font-size:27px}.metrics,.metrics.three,.metrics.two,.quick-grid,.form-grid,.upload-fields,.inline-fields{grid-template-columns:1fr}.page-heading,.section-heading{align-items:flex-start;flex-direction:column}.form-grid .wide{grid-column:auto}.transfer{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}}
.brand .brand-icon{background:transparent url("manju-logo-transparent.png") left center/auto 100% no-repeat;border-radius:0;width:42px;height:38px}
.hero-copy{max-width:650px}
.hero-copy .status-badge{display:inline-block;margin-top:12px}
.hero-brand{width:min(42%,420px);flex:none}
.hero-logo{display:block;width:100%;height:auto}
.hero-brand p{margin:10px 0 0;text-align:center;font-weight:700;letter-spacing:.04em}
@media(max-width:900px){.hero-brand{width:min(100%,420px);margin-top:24px}}
.topbar nav form{margin:0}.topbar nav .nav-logout{background:transparent;color:#dfe9e3;margin:0;padding:8px 10px;font:inherit;font-weight:700}.topbar nav .nav-logout:hover{background:rgba(255,255,255,.1)}
.auth-panel{max-width:440px;margin:40px auto;padding:32px}.auth-panel h1{margin:8px 0 16px}.auth-panel label{margin:16px 0}.credential-card{border-color:#d3a82a;background:#fff8e5}.credential-card code{font-size:16px;word-break:break-all}
.metrics.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.metrics.five{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.metrics.five{grid-template-columns:1fr}}
textarea{width:100%;margin-top:6px;border:1px solid #c8c9c0;border-radius:9px;padding:10px 11px;background:#fff;font:inherit;color:var(--ink);resize:vertical}textarea:focus{outline:2px solid #b9cf45;border-color:#b9cf45}.file-box small{display:block;margin-top:12px;color:var(--muted)}