:root{--bg: #eef1f5;--panel: #ffffff;--line: #d9dfe7;--line-soft: #e7ecf2;--text: #1d2a3b;--muted: #617185;--accent: #1f8ec7;--accent-dark: #136f9f;--danger: #be3a2d;--success-bg: #d8ebc9;--success-text: #2f6f2f}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fafc 0%,var(--bg) 240px)}.page{min-height:100vh}.layout{max-width:1180px;margin:0 auto;padding:22px 18px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.topbar h1{margin:0;font-size:26px;font-weight:500}.user-chip{font-size:13px;color:var(--muted);background:#f7f9fc;border:1px solid var(--line);border-radius:20px;padding:6px 10px}.panel{background:var(--panel);border:1px solid var(--line)}.auth-panel{max-width:520px;margin:40px auto 0}.panel h2{margin:0;font-weight:500}.login-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:16px;max-width:420px}.signup-grid{grid-template-columns:1fr}.domain-bar{padding:16px;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.domain-title{color:var(--accent)}.domain-actions{display:flex;gap:10px;flex-wrap:wrap}.row-inline{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea,button{font:inherit;border:1px solid var(--line);border-radius:0;padding:8px 10px;background:#fff;color:var(--text)}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{background:#f4f6f9}.btn-danger{background:#f4f0f0;color:var(--danger)}.banner{margin:0;padding:10px 14px;border-bottom:1px solid var(--line-soft);font-size:15px}.banner.success{background:var(--success-bg);color:var(--success-text)}.banner.error{background:#fbe3df;color:#8c2c24}.tabs{display:flex;border-bottom:1px solid var(--line);background:#fafbfd}.tab{border:0;border-right:1px solid var(--line-soft);background:transparent;padding:12px 16px;color:var(--muted)}.tab.active{color:var(--text);box-shadow:inset 0 -2px 0 0 var(--accent);background:#fff}.toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.record-form{display:grid;grid-template-columns:1.5fr 100px 110px 1.8fr 110px auto;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line-soft);background:#fbfcfe}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#171f2b4d;display:flex;align-items:flex-start;justify-content:center;padding:56px 16px;z-index:40}.modal{width:min(920px,100%);background:#f3f4f6;border:1px solid #cfd6df}.modal h2{margin:14px 16px;font-size:22px;line-height:1.1;font-weight:400;color:#1e2b3c}.record-modal-form{display:grid;grid-template-columns:190px 1fr;gap:14px 16px;align-items:start;padding:0 16px 16px}.record-modal-form label{font-size:16px;color:#1f2d3f;padding-top:7px}.record-modal-form input,.record-modal-form select{width:100%;max-width:500px;background:#fff}.record-modal-form small{display:block;color:#586a82;margin-top:5px;font-size:13px}.name-with-suffix{display:flex;align-items:center;gap:8px}.name-with-suffix span{color:#364d67;font-size:16px}.required{color:#cc2f2f}.modal-required{grid-column:1 / -1;font-size:14px;color:#334960}.modal-actions{grid-column:1 / -1;display:flex;gap:10px;padding-top:6px}.modal-actions button{min-width:150px}.meta{padding:12px 16px 0;margin:0;color:var(--muted);font-size:14px}.table-wrap{overflow:auto;padding:8px 0 16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid var(--line-soft);text-align:left;font-size:15px;padding:9px 12px}th{color:#3f5269;font-weight:600}tbody tr:hover{background:#f7fbff}.empty{text-align:center;color:var(--muted);padding:20px}.settings-panel{padding:16px}.settings-panel h3{margin-top:0;font-weight:500}.settings-panel p{margin-top:-4px;color:var(--muted)}.ptr-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;margin-bottom:14px}.premium-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.premium-card{border:1px solid var(--line);background:#f8fafc;padding:12px}.premium-card h4{margin:0 0 8px}.premium-card ul{margin:0;padding-left:18px}textarea{width:100%;min-height:150px;margin-bottom:8px}pre{margin:10px 0 0;background:#1f2937;color:#e2e8f0;padding:12px;overflow:auto}@media (max-width: 920px){.login-grid,.record-form,.signup-grid,.ptr-grid,.premium-grid{grid-template-columns:1fr}.domain-actions,.row-inline{width:100%}.record-modal-form{grid-template-columns:1fr}.modal h2{font-size:32px}.record-modal-form label{font-size:18px}.record-modal-form small{font-size:13px}.name-with-suffix span,.modal-required{font-size:14px}}