:root{color:#202225;background:#eef3f7;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:40px;background:linear-gradient(135deg,rgba(24,119,242,.08),transparent 38%),linear-gradient(315deg,rgba(27,185,126,.11),transparent 35%),#eef3f7}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);width:min(1080px,100%);min-height:680px;margin:0 auto;overflow:hidden;border:1px solid rgba(28,34,42,.08);border-radius:8px;background:#fff;box-shadow:0 24px 70px #192a3e1f}.side-panel{display:flex;flex-direction:column;justify-content:center;padding:34px;color:#fff;background:linear-gradient(160deg,#123c69,#0f6b5d)}.eyebrow{margin:0 0 10px;color:currentColor;font-size:13px;font-weight:700;letter-spacing:0;opacity:.72}h1,h2{margin:0;letter-spacing:0}h1{font-size:34px;line-height:1.15}h2{color:#16181d;font-size:28px}.side-copy{max-width:240px;margin:18px 0 0;color:#ffffffc7;line-height:1.8}.ghost-button,.primary-button{border:0;border-radius:8px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.content-panel{display:grid;place-items:center;padding:48px;background:#f9fbfd}.form-card,.admin-card{width:min(100%,650px);padding:34px;border:1px solid rgba(22,24,29,.08);border-radius:8px;background:#fff;box-shadow:0 12px 38px #15233014}.panel-heading{margin-bottom:28px}.split{display:flex;align-items:center;justify-content:space-between;gap:16px}.field{display:grid;gap:10px;margin-bottom:20px;color:#3b424b;font-weight:700}.field input{width:100%;height:48px;border:1px solid #d7e0e8;border-radius:8px;padding:0 14px;color:#16181d;background:#fbfdff;outline:none}.field input:focus{border-color:#1877f2;box-shadow:0 0 0 4px #1877f21f}.primary-button{width:100%;min-height:48px;padding:0 18px;color:#fff;font-weight:800;background:#1877f2;box-shadow:0 10px 18px #1877f238}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.primary-button.compact{width:auto;min-height:40px}.ghost-button{min-height:40px;padding:0 14px;color:#1b4d6b;font-weight:800;background:#e9f2f7}.message{margin:18px 0 0;padding:12px 14px;border-radius:8px;line-height:1.5}.message.success{color:#0c684f;background:#e8f7f1}.message.error{color:#a43a2f;background:#fff0ee}.login-form{max-width:420px}.table-area{display:grid;gap:18px}.table-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#4b5563;font-weight:700}.table-actions>div{display:flex;gap:10px}.table-wrap{overflow:auto;border:1px solid #dfe7ef;border-radius:8px}table{width:100%;min-width:560px;border-collapse:collapse;background:#fff}th,td{padding:14px 16px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}th{color:#51606f;font-size:13px;background:#f4f8fb}td{color:#202225}tr:last-child td{border-bottom:0}@media(max-width:820px){.page-shell{padding:18px}.workspace{grid-template-columns:1fr;min-height:0}.side-panel{gap:28px;padding:28px}.side-copy{max-width:none}.content-panel{padding:22px}.form-card,.admin-card{padding:24px}.table-actions,.split{align-items:stretch;flex-direction:column}}