:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#111827;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{min-height:76px;background:#0b1020;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 16px;position:sticky;top:0;z-index:5}header .brand-logo{width:120px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:2px}.brand-copy{min-width:0}.brand-copy b{display:block;font-size:18px}.brand-copy small{color:#b9c3d4}.headbtn{background:#ffffff18;color:#fff;position:relative;margin-left:0}.brand-copy+.headbtn{margin-left:auto}.notify-badge{position:absolute;right:-5px;top:-6px;background:#ef4444;color:white;border-radius:999px;min-width:20px;height:20px;padding:2px 5px;font-size:11px;display:grid;place-items:center}main{max-width:1000px;margin:auto;padding:22px 15px 90px}.hero{display:flex;justify-content:space-between;align-items:center;gap:15px}.hero h1{font-size:31px;margin:2px 0}.hero p{margin:0;color:#6b7280}.hero small{color:#1267d6;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.stats div,.bar,.card{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:14px}.stats b{display:block;font-size:25px}.stats small{color:#6b7280}.bar{display:grid;grid-template-columns:1fr 170px;gap:8px;margin-bottom:13px}input,select,textarea{width:100%;padding:12px;border:1px solid #d6dce6;border-radius:11px;font:inherit;background:white}input:disabled,select:disabled,textarea:disabled{background:#f1f3f6;color:#596273}label{display:block;font-size:13px;font-weight:750;margin:9px 0}label input,label select,label textarea{margin-top:5px}.card{margin:10px 0}.top{display:flex;justify-content:space-between;gap:10px}.top h3{margin:0}.top p{margin:3px 0;color:#6b7280}.badge{height:max-content;border-radius:999px;padding:6px 9px;background:#edf0f4;font-size:11px;font-weight:850}.in_progress{background:#e0f0ff;color:#1267d6}.completed{background:#e2f6e8;color:#167a42}.on_hold{background:#fff0cf;color:#8a5d00}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.grid div{background:#f6f7f9;padding:9px;border-radius:10px}.grid small{display:block;color:#6b7280}.buttons,.quick,.actions,.photo-actions,.viewer-actions{display:flex;gap:8px;flex-wrap:wrap}button,.button-link{border:0;border-radius:11px;padding:10px 13px;font-weight:800;background:#edf0f4;cursor:pointer;text-decoration:none;color:#111827;display:inline-flex;align-items:center;justify-content:center}.primary{background:#0b1020;color:#fff}.green{background:#168247;color:#fff}.orange{background:#f59e0b;color:#111}.danger{background:#b42318;color:white}.secondary{background:#eef1f6}.hide{display:none!important}dialog{width:min(760px,96vw);max-height:94vh;border:0;border-radius:18px;padding:0}dialog::backdrop{background:#06102399}form{padding:18px}.dh{display:flex;justify-content:space-between;align-items:center}.dh h2{margin:0}.dh button{font-size:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick{margin:13px 0}.actions{justify-content:flex-end}.locked{background:#fff3cd;border:1px solid #ffe08a;padding:12px;border-radius:12px;margin:12px 0;font-weight:700}.photo-section{border-top:1px solid #e5e7eb;margin-top:14px;padding-top:14px}.photo-title b{display:block;font-size:17px}.photo-title small,.muted{display:block;color:#6b7280}.photo-actions{margin:8px 0}.photo-actions button{flex:1;min-width:150px}.pending-pics,.pics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.pending-pic,.photo-card{position:relative;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.pending-pic img,.photo-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-card{cursor:pointer}.photo-tag{position:absolute;left:6px;bottom:6px;background:#0b1020dd;color:white;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;text-transform:uppercase}.photo-note{padding:7px;font-size:11px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer{padding:16px}.viewer>img{width:100%;max-height:65vh;object-fit:contain;background:#0b1020;border-radius:12px;margin:12px 0}.viewer-actions{justify-content:space-between}.settings-pad{padding:18px}.staff-add{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:12px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.toggle-row span{flex:1}.toggle-row small{display:block;color:#6b7280;margin-top:3px}.toggle-row input{width:22px;height:22px}.notification-options{display:grid;gap:10px;margin:12px 0}.notice{border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin:8px 0}.notice.unread{border-color:#7bb2f5;background:#f3f8ff}.notice b{display:block}.notice p{margin:4px 0;color:#4b5563}.notice small{color:#8a94a6}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:100;background:#0b1020;color:white;padding:11px 15px;border-radius:12px;transition:.2s;max-width:90vw;text-align:center}.voice-box{display:flex;align-items:center;gap:10px;background:#f4f8ff;border:1px solid #cfe1ff;border-radius:13px;padding:11px;margin:10px 0}.voice-box>div{flex:1}.voice-box small{display:block;color:#6b7280;margin-top:3px}.pdf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pdf-actions button{flex:1;min-width:180px}hr{border:0;border-top:1px solid #e5e7eb;margin:20px 0}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.file-section{margin-top:18px;padding-top:16px;border-top:1px solid #e4e8ef}.file-list{display:grid;gap:8px}.file-card{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfc}.file-card small{display:block;color:#6b7280;margin-top:3px}.file-actions{display:flex;gap:6px;flex-wrap:wrap}.logo-settings{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;margin:10px 0 22px}.logo-settings img{width:120px;height:72px;object-fit:contain;background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:4px}@media(max-width:650px){header .brand-logo{width:96px;height:48px}.brand-copy b{font-size:17px}.headbtn{padding:9px 10px}.stats{grid-template-columns:1fr 1fr}.bar,.two,.grid,.staff-add{grid-template-columns:1fr}.hero{align-items:flex-start}.pending-pics,.pics{grid-template-columns:repeat(3,1fr)}.file-card{align-items:flex-start;flex-direction:column}.logo-settings{grid-template-columns:1fr}.logo-settings img{width:100%;height:120px}}