:root{--c-bg: #fdfbf7;--c-surface: #ffffff;--c-border: #ece6d8;--c-text: #2b2a26;--c-muted: #6b6860;--c-accent: #ff7a59;--c-accent-soft: #ffd7cb;--c-primary: #3da5d9;--c-primary-soft: #d4ecf7;--c-success: #2bb673;--c-warn: #f2b134;--c-danger: #e5484d;--c-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}button{font:inherit;cursor:pointer}input,select,button{font-family:inherit}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(92deg,#fff2ec,#fffaf5 55%,#eef6fb);border-bottom:1px solid var(--c-border)}.brand{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-mark{font-size:20px;color:var(--c-accent)}.brand h1{margin:0;font-size:18px;font-weight:600;letter-spacing:.2px}.header-meta{display:flex;align-items:center;gap:var(--spacing-md)}.session-countdown{font-variant-numeric:tabular-nums;font-size:13px;padding:4px 10px;background:var(--c-primary-soft);color:#10547a;border-radius:999px}.health{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--c-muted)}.health-dot{width:10px;height:10px;border-radius:50%;background:var(--c-warn);box-shadow:0 0 0 3px #f2b13426;transition:background .14s ease,box-shadow .14s ease}.health-dot[data-state=green]{background:var(--c-success);box-shadow:0 0 0 3px #2bb67326}.health-dot[data-state=red]{background:var(--c-danger);box-shadow:0 0 0 3px #e5484d26}.app-main{flex:1;padding:var(--spacing-lg);max-width:1100px;width:100%;margin:0 auto}.login-view{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:var(--spacing-lg)}.login-card{width:min(420px,100%);background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--c-border);box-shadow:var(--c-shadow)}.login-card h2{margin:0 0 var(--spacing-lg) 0;font-size:20px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-form label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:13px;color:var(--c-muted)}input[type=text],input[type=password],input[type=datetime-local],select{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:#fff;font-size:14px;color:var(--c-text);transition:border-color .12s ease,box-shadow .12s ease}input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #3da5d940}.btn-primary{padding:10px 18px;border:none;border-radius:var(--radius-sm);background:var(--c-accent);color:#fff;font-weight:600;letter-spacing:.2px;transition:transform 80ms ease,background .12s ease}.btn-primary:hover{background:#ff8f71}.btn-primary:disabled{background:var(--c-accent-soft);color:#fff;cursor:not-allowed}.btn-ghost{padding:8px 14px;border:1px solid var(--c-border);background:transparent;color:var(--c-text);border-radius:var(--radius-sm);font-size:13px}.btn-ghost:hover{background:#fff}.form-error{margin:0;padding:10px 12px;background:#fdecee;color:#92232a;border-radius:var(--radius-sm);font-size:13px}.notice{margin:0 0 var(--spacing-md) 0;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.notice-warn{background:#fff4d6;color:#845600;border:1px solid #ffe29c}.dashboard-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.box{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--c-border);box-shadow:var(--c-shadow)}.box-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.box-header h2{margin:0;font-size:16px;font-weight:600;color:var(--c-text)}.box-controls{display:flex;align-items:flex-end;gap:var(--spacing-md)}.box-controls label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:12px;color:var(--c-muted)}.request-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:#fff7f2;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.request-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--c-muted)}.form-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.form-hint{margin:0;font-size:11px;color:var(--c-muted)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--c-border)}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #f3efe5;white-space:nowrap}thead th{background:#faf6ed;color:var(--c-muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:11px}tbody tr:last-child td{border-bottom:none}.empty-row td{text-align:center;color:var(--c-muted);padding:18px;font-style:italic}.empty-row.error td{color:var(--c-danger)}.status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500}.status-pending{background:#fff2d8;color:#8a5b00}.status-firing{background:var(--c-primary-soft);color:#10547a}.status-done{background:#daf4e6;color:#14663f}.status-failed{background:#fdecee;color:#92232a}.status-missed{background:#ece6d8;color:#4b473d}.status-expired{background:#f0e8fb;color:#5a3a8a}.status-detail{display:block;margin-top:4px;color:var(--c-muted);font-size:11px;white-space:normal}.request-row.row-done td{background:#e5f7ee;color:#0f5a35}.request-row.row-failed td{background:#fde8ea;color:#8a1f25}.session-lost-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a2673;display:grid;place-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}.session-lost-card{background:var(--c-surface);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1018282e;max-width:360px;width:calc(100% - 32px);text-align:center;border:1px solid var(--c-border)}.session-lost-card h3{margin:0 0 var(--spacing-xs) 0;color:var(--c-danger);font-size:16px}.session-lost-card p{margin:0;color:var(--c-muted);font-size:14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.app-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.header-meta{justify-content:space-between}.app-main{padding:var(--spacing-md)}.request-form{grid-template-columns:1fr}.box{padding:var(--spacing-md)}th,td{white-space:normal}}