:root{--bg: #f6f3ea;--bg-accent: #efe6d3;--surface: #ffffff;--text: #1f2937;--muted: #5b6474;--primary: #0f766e;--primary-strong: #0b5f58;--danger: #9f1239;--warning: #92400e;--border: #d8d2c2}*{box-sizing:border-box}body{margin:0;font-family:Rubik,sans-serif;background:radial-gradient(circle at 10% 20%,#fff2 0 28%,transparent 30%),radial-gradient(circle at 80% 0%,#d0e8e2 0 24%,transparent 28%),linear-gradient(130deg,var(--bg),var(--bg-accent));color:var(--text)}a{color:var(--primary-strong)}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:#fffdf8}.topbar h1{margin:0;font-size:1.2rem}.topbar p{margin:6px 0 0;color:var(--muted)}.main-nav{display:flex;gap:10px;padding:12px 24px;border-bottom:1px solid var(--border);background:#fffcf5;flex-wrap:wrap}.main-nav a{text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:8px 14px;color:var(--text);transition:all .2s ease}.main-nav a.active,.main-nav a:hover{border-color:var(--primary);color:var(--primary-strong);background:#d8f0ec}.nav-hint{margin-inline-start:auto;pointer-events:none;opacity:.6}.content{max-width:1080px;margin:0 auto;padding:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 28px #18120a0c}.stack-large{display:grid;gap:16px}.stack-medium{display:grid;gap:12px}.row-gap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.form-grid{display:grid;gap:12px}.inline-form{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.inline-field{min-width:120px;flex:1 1 140px}input,select,button{font:inherit}input,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff}label{display:grid;gap:6px;font-weight:500}button{border:1px solid transparent;border-radius:10px;padding:10px 14px;cursor:pointer}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-strong)}.warning-button{background:var(--warning);color:#fff}.danger-button{background:var(--danger);color:#fff}.ghost-button{background:#fff;border-color:var(--border)}.error-text{color:#b91c1c;font-weight:500}.success-text{color:#166534;font-weight:500}.success-box,.alert-box{border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:10px;background:#f8faf9}.envelope-card{border:1px solid var(--border);border-radius:12px;padding:12px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid #ece6d8;text-align:right;padding:10px 8px}.data-table.small th,.data-table.small td{padding:6px;font-size:.92rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric-box{border:1px solid var(--border);border-radius:12px;padding:12px}.metric-box h3{margin:0;font-size:.95rem;color:var(--muted)}.metric-box p{margin:10px 0 0;font-size:1.35rem;font-weight:700}.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(460px,100%)}.narrow-form{max-width:520px}.scanner-box{border:1px dashed var(--border);border-radius:12px;padding:8px}.scanner-video{width:100%;border-radius:10px;min-height:220px;background:#111}.signature-screen{min-height:100vh;display:grid;place-items:center;padding:16px}.signature-card{width:min(760px,100%)}.signature-canvas{width:100%;height:260px;border:2px dashed #b9b2a2;border-radius:12px;background:#fff;touch-action:none}.signature-preview{margin-top:10px;max-width:420px;width:100%;border:1px solid var(--border);border-radius:10px;background:#fff}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:auto}@media(max-width:680px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}.section-header{flex-direction:column;align-items:stretch}.data-table{display:block;overflow-x:auto}}