:root{--brand: #1a56db;--brand-dark: #1543a8;--brand-light: #e8eefc;--surface: #ffffff;--background: #f5f6f8;--text-primary: #1a1c1e;--text-secondary: #5c6066;--border: #e1e3e6;--delivered: #1e8e3e;--not-delivered: #d93025;--pending: #9aa0a6;--warning: #f9ab00;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--background);color:var(--text-primary);font-size:16px;line-height:1.4}h1,h2,h3{margin:0}a{color:var(--brand);text-decoration:none}button{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar .logo{font-size:20px;font-weight:700;color:var(--brand);margin-bottom:24px;padding:0 12px}.sidebar .logo span{color:var(--text-secondary);font-size:13px;font-weight:400;display:block}.nav-link{display:block;padding:12px;border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500}.nav-link:hover{background:var(--background)}.nav-link.active{background:var(--brand-light);color:var(--brand-dark)}.sidebar .spacer{flex:1}.sidebar .session{padding:12px;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--border)}.main{flex:1;padding:32px;max-width:1200px}.page-title{font-size:28px;font-weight:700;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;border-left:4px solid var(--brand)}.stat-card .label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.stat-card .value{font-size:26px;font-weight:700}.stat-card .hint{font-size:13px;color:var(--text-secondary);margin-top:4px}.section-title{font-size:20px;font-weight:600;margin:32px 0 16px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px}th{text-align:left;padding:14px 16px;font-size:13px;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--brand-light)}td.num,th.num{text-align:right}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600}.pill.ok{background:#e6f4ea;color:var(--delivered)}.pill.bad{background:#fce8e6;color:var(--not-delivered)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--text-secondary)}input[type=text],input[type=tel],input[type=search]{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:16px;min-height:48px;background:var(--surface)}input:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}.btn{min-height:48px;padding:0 20px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:600;font-size:16px;cursor:pointer}.btn:hover{background:var(--brand-dark)}.btn:disabled{background:var(--pending);cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--brand);border:1px solid var(--brand)}.btn.secondary:hover{background:var(--brand-light)}.btn.danger{background:var(--not-delivered)}.btn.danger:hover{background:#b3251c}.btn.small{min-height:36px;font-size:14px;padding:0 14px}.state{padding:48px;text-align:center;color:var(--text-secondary)}.error-text{color:var(--not-delivered);font-size:14px;margin-top:8px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:400px;max-width:calc(100vw - 32px)}.login-card .brand-title{color:var(--brand);font-size:24px;font-weight:700;margin-bottom:4px}.login-card .subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar input{flex:1;max-width:360px}.pagination{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:14px;color:var(--text-secondary)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.detail-header .muted{color:var(--text-secondary);font-size:14px;margin-top:4px}.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kv .k{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.kv .v{font-size:17px;font-weight:600}