:root{color-scheme:dark;--bg: #0b0b0f;--surface: #14141a;--surface-2: #1b1b22;--text: #f2f2f2;--muted: #b8b8c2;--border: rgba(255, 255, 255, .08);--primary: #fc4c02;--danger: #ff3b30;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.btn{appearance:none;border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:#111}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.input{width:100%;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px 14px;outline:none}.input:focus{border-color:#fc4c0299;box-shadow:0 0 0 3px #fc4c0226}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--surface),var(--bg));border-right:1px solid var(--border);padding:18px}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 14px}.brand{display:flex;gap:10px;align-items:center}.brandMark{width:12px;height:12px;border-radius:4px;background:var(--primary);box-shadow:0 0 0 4px #fc4c0226}.nav{display:flex;flex-direction:column;gap:8px}.navLink{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;color:var(--muted);border:1px solid transparent}.navLinkActive{color:var(--text);background:#fc4c0214;border-color:#fc4c022e}.content{padding:24px}.pageHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.h1{margin:0;font-size:22px;letter-spacing:.2px;font-weight:800}.muted{color:var(--muted)}.fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:16px;background:var(--primary);color:#111;border:0;font-weight:900;letter-spacing:.4px;cursor:pointer;box-shadow:0 16px 40px #00000073}.modalOverlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:24px;z-index:1000}.modal{width:100%;max-width:980px;height:min(80vh,780px);background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.modalBody{padding:12px 16px;overflow:auto}.modalFooter{padding:12px 16px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 140px;gap:10px}