:root{--brand: #ff5500;--brand-dark: #cc4400;--brand-light: #ffe8dc;--bg: #f7f7f8;--card: #ffffff;--text: #1a1a1a;--text-muted: #666;--border: #e2e2e4;--stripe: #f5f5f5}*{box-sizing:border-box}body,html,#app{margin:0;padding:0;height:100%;font-family:Calibri,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button{font-family:inherit;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background .12s ease}button.primary{background:var(--brand);color:#fff;font-weight:600}button.primary:hover{background:var(--brand-dark)}button.primary:disabled{background:#ccc;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.ghost:hover{background:var(--stripe)}input[type=date],input[type=text],input[type=password],input[type=number]{font-family:inherit;font-size:14px;padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text)}input:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}h1,h2,h3{margin:0 0 12px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}thead{background:var(--brand);color:#fff}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;font-size:13px}tbody tr:nth-child(2n){background:var(--stripe)}.card{background:var(--card);border-radius:8px;border:1px solid var(--border);padding:20px;box-shadow:0 1px 3px #00000008}.loading,.error{padding:40px;text-align:center;color:var(--text-muted)}.error{color:#c00}