:root{--navy: #0e2240;--navy-2: #1a3a63;--gold: #c9a45c;--bg: #f2f4f8;--card: #ffffff;--text: #1c2430;--muted: #67738a;--red: #c0392b;--green: #1e8e4e;--border: #dde3ec;--radius: 10px;--field: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;background:var(--bg)}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}h1{font-size:1.35rem;margin:0 0 12px;letter-spacing:-.015em;font-weight:700}h2{font-size:1.05rem;margin:0 0 10px;letter-spacing:-.01em}button{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:9px 14px;font-size:.92rem;cursor:pointer;font-family:inherit}button:hover{background:var(--navy-2)}button:disabled{opacity:.55;cursor:default}button.lg{padding:12px 18px;font-size:1rem}button.ghost{background:transparent;color:var(--navy-2);border:1px solid var(--border)}button.ghost:hover{background:var(--bg)}input,select,textarea{background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:.95rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}.muted{color:var(--muted)}.error{color:var(--red);font-size:.88rem;margin:8px 0}.okmsg{color:var(--green);font-size:.88rem}.lbl{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 6px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:linear-gradient(180deg,var(--navy) 0%,#0a1a33 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:10}.topbar .brand{cursor:pointer;display:flex;flex-direction:column}.brand-title{font-weight:700;letter-spacing:-.01em}.topbar .brand-title{color:#fff}.brand-sub{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar .ghost{color:#e8eef7;border-color:#ffffff40}.topbar .ghost:hover{background:#ffffff14}.lang-switcher{background:#ffffff14;color:#e8eef7;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-size:.82rem;padding:7px 9px}.lang-switcher option{color:#1c2430;background:#fff}.login-card .lang-switcher{background:var(--field);color:var(--text);border-color:var(--border)}.content{flex:1;padding:18px 16px 40px;max-width:860px;width:100%;margin:0 auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;width:100%;max-width:380px;text-align:center;box-shadow:0 8px 30px #0e224014}.login-card .brand-title{font-size:1.25rem;color:var(--navy)}.person-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.person-btn{background:var(--bg);color:var(--text);border:1px solid var(--border);text-align:left;padding:12px;font-size:1rem}.person-btn:hover{background:#e9edf5}.person-picked{font-weight:700;font-size:1.1rem;margin:6px 0 4px}.field{display:block;text-align:left;margin:10px 0 14px}.field input{width:100%;margin-top:4px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:10px}.tile{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:left;min-height:110px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 10px #0e22400d}.tile:hover{background:#f6f8fc;border-color:var(--gold)}.tile-title{font-weight:700;font-size:1.05rem;color:var(--navy)}.tile-desc{font-size:.85rem;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:0 0 18px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row input{flex:1 1 140px;min-width:120px}.row input.pin{flex:0 1 110px;min-width:90px}.row-inactive{opacity:.5}.add-row{margin-top:6px;border-bottom:none}.roles{display:flex;flex-wrap:wrap;gap:6px 12px}.chk{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;color:var(--muted);white-space:nowrap}.chk input{min-width:0;flex:none}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.tab{background:var(--card);color:var(--navy-2);border:1px solid var(--border);padding:8px 13px}.tab:hover{background:#f6f8fc}.tab-on,.tab-on:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.task-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 10px;overflow:hidden;box-shadow:0 2px 10px #0e22400d}.task-open{border-color:var(--gold)}.task-main{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:transparent;color:var(--text);padding:16px;border-radius:0}.task-main:hover{background:#f6f8fc}.task-zone{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-weight:700}.task-name{font-weight:700;font-size:1.15rem;color:var(--navy)}.task-meta{font-size:.85rem;color:var(--muted)}.overdue{color:var(--red);font-weight:700}.task-complete{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.photo-btn{width:100%}.photo-ready{border-color:var(--green);color:var(--green)}.task-note{width:100%;padding:12px;font-size:1rem}.done-btn{background:var(--green);width:100%;font-size:1.1rem;padding:14px}.done-btn:hover{background:#1a7d45}.all-done{text-align:center;color:var(--green);font-weight:700;font-size:1.05rem}.done-check{color:var(--green);font-weight:700}.num{flex:0 1 90px;min-width:70px}.date{flex:0 1 150px}.thumbs{display:inline-flex;gap:6px}.thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:.88rem}.tbl th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;border-bottom:2px solid var(--border)}.tbl td{padding:7px 8px;border-bottom:1px solid var(--border)}.tbl tfoot td{border-bottom:none}.tbl .r{text-align:right}.order-title{color:var(--navy)}.coding-slip{border:2px solid var(--navy);border-radius:8px;margin-top:12px;overflow:hidden}.slip-title{background:var(--navy);color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;font-weight:700}.slip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.slip-field{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-right:1px solid var(--border)}.slip-field:last-child{border-right:none}.slip-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.slip-val{font-size:.95rem;min-height:1.2em;border-bottom:1px dotted var(--muted)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.badge-submitted{background:#f4ead7;color:#8a6d2f}.badge-approved{background:#e0f2e7;color:var(--green)}.badge-rejected{background:#f8e3e0;color:var(--red)}.ot-form{display:flex;flex-direction:column;gap:4px;max-width:420px}.ot-form .field{margin:6px 0}.ot-form .field input,.ot-form .field select{width:100%;margin-top:4px}.ot-hint{font-size:.82rem;margin:0 0 6px}.tier-picker{display:flex;gap:8px}.tier-btn{flex:1;background:var(--card);color:var(--navy-2);border:1px solid var(--border);padding:13px;font-size:1.05rem;font-weight:700}.tier-btn:hover{background:#f6f8fc}.tier-on,.tier-on:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.ot-entry{align-items:flex-start}.ot-entry-main{flex:1 1 240px;display:flex;flex-direction:column;gap:2px}.approve-btn{background:var(--green)}.approve-btn:hover{background:#1a7d45}.reject-btn{color:var(--red)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 18px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-num{font-size:1.7rem;font-weight:700;color:var(--navy)}.stat-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.row textarea{flex:2 1 220px;min-width:180px;resize:vertical}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.qr-card{text-align:center;break-inside:avoid;margin:0}.qr-img{width:100%;max-width:240px;image-rendering:pixelated}.qr-checklist{text-align:left;font-size:.82rem;color:var(--muted);margin:6px 0 0;padding-left:18px}@media print{.topbar,.tabs,.no-print{display:none!important}.content{max-width:none;padding:0}body{background:#fff}.card,.order-block{box-shadow:none;break-inside:avoid}}