:root{--bg: #f5f5f5;--bg-elev: white;--text: #333;--muted: #666;--primary: #0066cc;--primary-600: #0052a3;--ring: 0 0 0 8px color-mix(in oklab, var(--primary) 20%, transparent);--nav-width: 240px}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s;margin:0}input[type=checkbox]:checked{background-color:#06c;border-color:#06c;border-width:2px}input[type=checkbox]:checked:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}input[type=checkbox]:hover:not(:checked){border-color:#94a3b8}input[type=checkbox]:checked:hover{background-color:#0052a3;border-color:#0052a3}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:#f5f5f5;font-family:Tahoma,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.center{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:#fff;border:1px solid #d1d1d1;border-radius:4px;padding:24px;box-shadow:0 2px 4px #0000001a}.title{font-weight:700;font-size:24px;margin:0 0 6px}.subtitle{margin:0 0 18px;color:var(--muted)}.stack{display:grid;gap:12px}.row{display:flex;gap:12px;align-items:center}.input{width:100%;background:#fff;border:1px solid #ccc;color:var(--text);padding:12px 14px;border-radius:4px;outline:none;transition:.15s border-color ease,.15s background ease,.15s transform ease}.input::placeholder{color:#999}.input:focus{border-color:var(--primary);box-shadow:var(--ring)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#fff;background:var(--primary);padding:10px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:.12s transform ease,.15s box-shadow ease,.15s opacity ease,.15s background ease;font-size:14px}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){background:var(--primary-600)}.ghost{background:transparent;border:1px solid #ccc;color:var(--text)}.ghost:hover:not(:disabled){background:#f5f5f5}.helper{color:var(--muted);font-size:13px}.spacer{height:8px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:700}.logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#7c5cff,#00e7e7);box-shadow:inset 0 0 0 1px #ffffff80}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pill{display:inline-flex;padding:6px 10px;gap:8px;align-items:center;border:1px solid #ccc;border-radius:999px;color:var(--muted);background:#fff;font-size:12px}.surface{background:#fee;border:1px solid #fcc;border-radius:4px;padding:14px;color:#c33}img{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.row{flex-direction:column;align-items:stretch}.row.row-inline{flex-direction:row;flex-wrap:wrap}.center{padding:16px}.card{max-width:100%;padding:16px}.title{font-size:20px}body{font-size:14px}}@media (max-width: 480px){.title{font-size:18px}.card{padding:12px}.button{padding:8px 12px;font-size:13px}.input{padding:10px 12px;font-size:14px}table{font-size:12px}table th,table td{padding:8px!important}}@media (max-width: 768px){button,a,input,select,.button{min-height:44px}}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;display:none}input[type=date]::-moz-calendar-picker-indicator,input[type=datetime-local]::-moz-calendar-picker-indicator{display:none}