:root {
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #243443;
  background: #f2eadf;
  font-synthesis: none;
  --ink: #19384a;
  --paper: #fffaf2;
  --canvas: #f2eadf;
  --line: #ded0bd;
  --muted: #877b70;
  --orange: #c96b35;
  --orange-dark: #a84d22;
}
*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{min-height:100vh;margin:0;background:var(--canvas)}
body::before{position:fixed;z-index:-1;inset:0;content:"";opacity:.22;background-image:linear-gradient(#d8c9b6 1px,transparent 1px),linear-gradient(90deg,#d8c9b6 1px,transparent 1px);background-size:32px 32px}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px 22px;color:#f8f1e8;background:linear-gradient(165deg,#15384a 0%,#102b3b 62%,#0d2634 100%);border-right:1px solid #315466;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:13px;padding:0 8px;font-weight:800;letter-spacing:.02em}.brand small{display:block;margin-top:5px;color:#8fa6b1;font-size:9px;font-weight:700;letter-spacing:1.6px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff8ed;background:var(--orange);border:1px solid #dc946b;box-shadow:5px 5px 0 #092433;font-family:Georgia,serif;font-size:19px}
.nav-label{margin:48px 10px 10px;color:#77929f;font-size:10px;font-weight:800;letter-spacing:2px}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;min-height:48px;padding:0 12px;border:1px solid transparent;color:#a9bbc4;background:transparent;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;text-align:left;transition:.18s ease}.nav-item i{color:#668390;font-family:ui-monospace,monospace;font-size:10px;font-style:normal}.nav-item span{font-size:13px;font-weight:650}.nav-item b{min-width:25px;padding:2px 7px;color:#d7e1e5;background:#ffffff12;border:1px solid #ffffff17;font-size:11px;text-align:center}.nav-item:hover{color:#fff;background:#ffffff0a;border-color:#ffffff12}.nav-item.active{color:#fff;background:#ffffff10;border-color:#5d7783;box-shadow:inset 3px 0 0 var(--orange)}.nav-item.active i{color:#e3a378}
.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid #345262}.connection{display:flex;align-items:center;gap:8px;padding:0 8px 16px;color:#94aab4;font-size:12px}.dot{width:7px;height:7px;background:#7b8d95;border-radius:50%}.dot.online{background:#76bf91;box-shadow:0 0 0 4px #76bf9120}.operator{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid #ffffff0d}.operator>span{display:grid;place-items:center;width:33px;height:33px;color:#17384a;background:#e1c3a0;font-weight:800}.operator strong,.operator small{display:block}.operator strong{font-size:12px}.operator small{margin-top:3px;color:#79939f;font-size:9px}
.main{min-width:0;padding:38px clamp(24px,4vw,62px) 60px}.topbar,.topbar-actions{display:flex;justify-content:space-between;align-items:center;gap:11px}.topbar{margin-bottom:30px}.eyebrow,.panel-index{margin:0 0 7px;color:var(--orange);font-family:ui-monospace,monospace;font-size:10px;font-weight:800;letter-spacing:1.8px}.topbar h1,.drawer h2,.modal h2{margin:0;color:var(--ink)}.topbar h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(28px,3vw,42px);letter-spacing:.04em}.topbar-note{margin:9px 0 0;color:var(--muted);font-size:13px}.date-chip{padding:10px 13px;color:#766b62;background:#efe4d5;border:1px solid #d9c9b5;font-family:ui-monospace,monospace;font-size:11px;white-space:nowrap}
.ghost-button,.primary-button,.icon-button{min-height:40px;padding:10px 16px;border:1px solid #cfc0ad;color:var(--ink);background:var(--paper);font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.primary-button{color:#fffaf3;background:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 #cfbea9}.primary-button:hover,.ghost-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #cfbea9}.primary-button:disabled{opacity:.48;cursor:wait;transform:none;box-shadow:none}.icon-button{width:40px;padding:0;background:transparent;border-radius:50%;font-size:23px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:20px}.metrics article{position:relative;min-height:150px;padding:20px;overflow:hidden;color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:6px 6px 0 #dfd2c1}.metrics article::after{position:absolute;right:-28px;bottom:-34px;width:100px;height:100px;content:"";border:16px solid #efe2d1;transform:rotate(45deg)}.metrics article:nth-child(2){background:#f1f5ee;border-color:#cbd8cb}.metrics article:nth-child(3){color:#fffaf2;background:var(--ink);border-color:var(--ink);box-shadow:6px 6px 0 #cdb99f}.metrics article:nth-child(3)::after{border-color:#ffffff0d}.metrics article:nth-child(3) small,.metrics article:nth-child(3) .metric-head span{color:#a9bbc4}.metrics article:nth-child(4){background:#f5e1d3;border-color:#dfbda5}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-head span{color:#776b61;font-size:12px;font-weight:700}.metric-head i{color:#bdab97;font-family:ui-monospace,monospace;font-size:10px;font-style:normal}.metrics strong{display:block;margin:15px 0 7px;font-family:Georgia,serif;font-size:38px;line-height:1}.metrics small{color:#998c80;font-size:11px}
.content-panel{overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:8px 8px 0 #dfd2c1}.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line)}.panel-heading h2,.detail-section h3,.settings-section h3{margin:0;color:var(--ink)}.panel-heading h2{font-size:21px}.panel-heading p:not(.panel-index),.section-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.filters{display:flex;align-items:center;gap:9px}.search span{display:none}.filters input,.filters select,.modal input,.modal textarea,.modal select{width:100%;min-height:40px;padding:9px 12px;color:var(--ink);background:#fffdfa;border:1px solid #d6c8b5;outline:none}.filters input:focus,.filters select:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #c96b3512}.filters input{width:250px}.table-wrap{overflow:auto}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:15px 20px;border-bottom:1px solid #e8ddcf;text-align:left;font-size:12px}th{color:#887b70;background:#f5ede2;font-size:10px;font-weight:800;letter-spacing:.06em}tbody tr{transition:background .16s ease}tbody tr:hover{background:#f8f0e4}td small{display:block;max-width:280px;margin-top:5px;overflow:hidden;color:#94877b;text-overflow:ellipsis;white-space:nowrap}.project-link{padding:0;color:var(--ink);background:none;border:0;font-weight:800}.project-link:hover{color:var(--orange-dark)}
.status{display:inline-block;padding:4px 9px;color:#5a6870;background:#edf0ef;border:1px solid #d9dfdc;font-size:10px;white-space:nowrap}.status-surveying{color:#994d25;background:#f8e8da;border-color:#eac5a9}.status-delivered,.status-approved{color:#35614f;background:#e8f2eb;border-color:#c4d9ca}.status-archived{color:#68737a;background:#eef0f2}.empty-state{padding:48px;color:#8a7f75;text-align:center}
.drawer-mask,.modal-mask{position:fixed;z-index:10;inset:0;background:#0b2638a6;backdrop-filter:blur(5px)}.drawer-mask{display:flex;justify-content:flex-end}.drawer{width:min(720px,100%);height:100%;padding:30px;overflow:auto;background:#f2eadf;border-left:1px solid #d9c8b1;box-shadow:-20px 0 60px #071d2b55}.drawer-header,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.drawer h2,.modal h2{font-family:Georgia,"Songti SC",serif;font-size:28px}.muted{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.detail-grid div,.detail-section{padding:17px;background:var(--paper);border:1px solid var(--line)}.detail-grid span{display:block;margin-bottom:6px;color:#918477;font-size:10px}.detail-grid strong{font-size:13px}.detail-section{margin-top:12px}.ai-section{background:linear-gradient(140deg,#fffaf2 55%,#f1e2d4);border-color:#ddbda4}.notice{margin-top:14px;padding:10px 12px;color:#355e6c;background:#eaf1f0;border-left:3px solid #668d8b;font-size:12px}.notice-error{color:#a04432;background:#f9e7e1;border-left-color:#bd5b43}
.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.asset-empty{grid-column:1/-1;display:grid;gap:5px;padding:28px;color:#7e756c;border:1px dashed #cdbba4;text-align:center}.asset-card{overflow:hidden;background:#fffdfa;border:1px solid #d9cbb8}.asset-card img,.image-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;background:#dfe7e5}.image-placeholder{display:grid;place-items:center;color:#6e858f;font-size:10px;letter-spacing:2px}.asset-card>div{padding:12px}.asset-card p,.asset-card span{margin:5px 0;color:#877b70;font-size:10px}.asset-card span{display:block}.asset-card button{padding:0;color:var(--orange-dark);background:none;border:0;font-size:11px;font-weight:800}.detail-rows{display:grid;gap:10px;margin-top:13px}.detail-rows>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e8ddcf}.detail-rows>div:last-child{padding-bottom:0;border-bottom:0}.detail-rows small{color:#8a7e73}
.modal-mask{display:grid;place-items:center;padding:20px}.modal{width:min(490px,100%);max-height:calc(100vh - 40px);padding:30px;overflow:auto;background:var(--paper);border:1px solid #d8c6ae;box-shadow:14px 14px 0 #17384a66}.modal label{display:grid;gap:7px;margin-top:18px;color:#5f6d72;font-size:12px}.modal textarea{resize:vertical}.modal-actions,.section-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.generation-modal{width:min(820px,100%)}.settings-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto}.upload-row{display:flex;align-items:center;gap:10px;margin-top:14px}.upload-row input{padding:8px}.template-list{display:grid;gap:9px;margin-top:14px}.template-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#fffdfa;border:1px solid #d9cbb8}.template-item strong{display:block;font-size:12px}.template-item small{color:#867b70}.template-actions{display:flex;gap:8px}.template-actions button{padding:6px 9px}.active-badge{display:inline-block;margin-left:7px;padding:2px 7px;color:#32644c;background:#e5f0e8;border:1px solid #c2d8c8;font-size:9px}.error{min-height:20px;color:#ae3f2e;font-size:12px}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.login-tabs button{min-height:42px;color:#526773;background:#f3eadf;border:1px solid #d6c8b5;font-weight:700}.login-tabs button.active{color:#fff;background:var(--ink);border-color:var(--ink)}
.staff-modal{width:min(860px,100%)}.staff-list{display:grid;gap:10px;margin-top:15px}.staff-item{display:grid;grid-template-columns:minmax(160px,1fr) minmax(170px,1.3fr) auto;gap:14px;align-items:center;padding:14px;background:#fffdfa;border:1px solid #d9cbb8}.staff-item strong,.staff-item small{display:block}.staff-item small{margin-top:5px;color:#867b70;font-size:10px}.staff-openid{overflow-wrap:anywhere}.bind-state{display:inline-block;margin-top:6px;padding:2px 7px;color:#8a512e;background:#f6e5d7;border:1px solid #e6c4aa;font-size:9px}.bind-state.bound{color:#35614f;background:#e8f2eb;border-color:#c4d9ca}.staff-item .ghost-button{min-height:34px;padding:7px 12px;font-size:11px}
@media(max-width:980px){.shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-label,.nav-item span,.nav-item b,.operator div,.connection span:last-child{display:none}.nav-item{grid-template-columns:1fr;justify-items:center;padding:0}.nav-item i{font-size:11px}.operator{justify-content:center;padding:8px}.connection{justify-content:center}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.shell{display:block}.sidebar{display:none}.main{padding:22px 16px 42px}.topbar,.panel-heading{display:grid}.topbar-actions{justify-content:flex-start;flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}.metrics article{min-height:130px}.filters{align-items:stretch;flex-direction:column}.filters input{width:100%}.detail-grid,.image-grid,.form-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.section-heading button{width:100%}.upload-row,.template-item{align-items:stretch;flex-direction:column}}
@media(max-width:720px){.staff-item{grid-template-columns:1fr}.staff-item .ghost-button{width:100%}}
@media(max-width:430px){.metrics{grid-template-columns:1fr}.topbar-actions .date-chip{width:100%}}