:root{--bg: #f7f8fa;--surface: #ffffff;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--primary: #2563eb;--success: #16a34a;--error: #b91c1c}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:960px;margin:0 auto;padding:24px}h1{font-size:28px;line-height:1.2;margin:0;font-weight:700}h2{font-size:20px;line-height:1.4;margin:20px 0 12px;font-weight:600}h4{font-size:14px;margin:8px 0;font-weight:600;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 1px #00000005;padding:16px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600}input[type=text],input[type=time],input[type=number],select{width:100%;height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.help{font-size:12px;color:var(--muted);margin-top:8px}hr{border:0;height:1px;background:var(--border);margin:24px 0}select{width:100%;min-width:200px;padding:8px 36px 8px 12px;border:1px solid var(--border);border-radius:8px;background-color:#fff;font-size:14px;font-weight:500;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center}