:root{--bg:#07121e;--surface:#0f2132;--surface2:#122b3e;--text:#f0f8ff;--muted:#98b1c4;--line:#24445b;--teal:#5be2d0;--blue:#7fb1ff;--warn:#f2c56b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 25% -10%,#173950,transparent 40%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #35576b;color:var(--text);border-radius:10px;padding:10px 13px;background:#163047}button:hover{background:#1e4058}button.primary,.primary{border:0;color:#041b26;background:linear-gradient(110deg,#58e1d0,#72b8fc);font-weight:800}button.secondary{background:#0b1c2b}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{padding:26px 17px;border-right:1px solid var(--line);background:#091725;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:900;letter-spacing:-.6px}.brand b{color:var(--teal)}.subtitle,.muted{color:var(--muted)}.subtitle{font-size:11px}.nav{margin-top:39px;display:grid;gap:8px}.navitem{width:100%;text-align:left;background:transparent;border:0;color:var(--muted)}.navitem.selected{background:#153449;color:#fff;border-left:3px solid var(--teal)}.sidebottom{position:absolute;bottom:22px;left:18px;right:18px}.link{border:0;padding-left:0;background:transparent;color:var(--teal)}.tiny{font-size:11px;color:var(--muted);margin-top:9px}.small{font-size:12px}.overline{color:var(--teal);letter-spacing:2px;font-size:10px}main{padding:29px;max-width:1700px;width:100%;min-width:0}header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}h1{margin:0;font-size:28px}h2{font-size:17px;margin:0 0 14px}h3{font-size:14px;margin:2px 0 12px}p{margin:9px 0}.topright{display:flex;gap:14px;align-items:center}.pill,.chip{display:inline-flex;border-radius:999px;padding:5px 10px;background:#113c3e;color:var(--teal);font-size:10px}.chip.warn{background:#48381e;color:var(--warn)}.page{display:none}.page.show{display:block}.card{background:linear-gradient(160deg,var(--surface),#0b1b2a);border:1px solid var(--line);padding:21px;border-radius:18px;margin-bottom:17px;box-shadow:0 18px 35px #0002}.ctop{display:flex;align-items:center;justify-content:space-between;gap:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.metric{padding:14px 18px;background:#0e2937;border:1px solid var(--line);border-radius:14px}.metric strong{font-size:24px;color:var(--teal);display:block}.metric span{font-size:11px;color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:flex-end;margin:0 0 17px;flex-wrap:wrap}.toolbar label{margin:0;min-width:200px}.toolbar label:first-child{flex:1}.colgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,1fr);gap:17px}.viewgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.viewcard{background:#081522;border:1px solid #27435a;border-radius:12px;overflow:hidden;min-height:150px;padding:8px}.viewcard img{display:block;width:100%;height:140px;object-fit:contain;border-radius:6px;background:#050c15}.viewcard span{font-size:10px;color:var(--muted);display:block;margin:6px 0 0}.viewcard.missing{border-style:dashed;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#7891a3;font-size:11px}label{display:block;font-size:12px;color:#ccdae4;font-weight:600;margin:9px 0}select,input:not([type=checkbox]),textarea{display:block;width:100%;background:#081827;border:1px solid #2a4c62;color:#ecf7ff;border-radius:9px;padding:9px;outline-color:#57ded2;margin-top:5px}input[type=file]{font-size:12px}textarea{resize:vertical}label.check{display:flex;gap:10px;align-items:center}label.check input{width:16px;height:16px}.controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.tab{font-size:11px;padding:7px 10px}.tab.active{background:#21546b;border-color:#5de0d1}.fieldrow{border:1px solid #1c3a50;background:#0a1a29;padding:13px;border-radius:11px;margin-bottom:9px}.fieldrow .ftitle{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:750}.fieldhelp{color:var(--muted);font-size:10px}.fieldinputs{display:grid;grid-template-columns:1.1fr .85fr .8fr;gap:8px}.fieldinputs label{font-size:10px}.required{color:var(--warn)}.hidden{display:none!important}#cropCanvasWrap{position:relative;width:100%;max-width:780px}#compositeImage{display:block;width:100%;height:auto}#cropCanvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.toast{position:fixed;bottom:22px;right:25px;z-index:9;padding:15px 19px;background:#143c3e;color:var(--teal);border:1px solid #34887d;border-radius:12px}.uploadbox{border:1px solid #2b4b62;background:#091928;padding:18px;border-radius:14px}.uploadSlots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.uploadSlots label{font-size:10px}.notice{margin-top:18px;color:var(--teal)}.guide{max-width:1000px}.guide p{padding:13px;border-bottom:1px solid #1c364a}footer{margin-top:35px;color:#68849a;font-size:11px}.login{min-height:100vh;max-width:440px;margin:11vh auto;padding:20px}.login .card{padding:28px}.login input{margin-bottom:14px}.login button{width:100%}.foot{font-size:11px;color:#819aad;text-align:center}@media(max-width:1150px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebottom{position:static;margin-top:15px}.nav{margin-top:15px;display:flex}.colgrid{grid-template-columns:1fr}}@media(max-width:700px){main{padding:15px}.viewgrid,.metrics{grid-template-columns:repeat(2,1fr)}.two,.fieldinputs{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}