:root{--bg: #0b0b10;--bg-2: #12121a;--surface: #171722;--surface-2: #1d1d2a;--text: #f3f4f7;--muted: #a8acbb;--border: #2b2d3a;--primary: #ff2fb9;--primary-2: #7c3aed;--danger: #ff4d6d;--radius: 3px;--focus: 0 0 0 2px rgba(255, 47, 185, .35);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(circle at 85% 10%,rgba(124,58,237,.18),transparent 35%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.muted{color:var(--muted);margin:0}.page-padding{padding:18px}.app-shell{min-height:100vh;background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%)}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:#0b0b10eb}.brand-row{display:flex;align-items:center;gap:12px}.brand-logo{width:124px;height:auto;filter:drop-shadow(0 0 12px rgba(255,47,185,.2))}.brand-logo.small{width:92px}.header-actions{display:flex;align-items:center;gap:10px}.user-menu{position:relative}.user-pill{font-size:13px;color:#f8fafc;background:#1a1b26;border:1px solid var(--border);border-radius:999px;padding:6px 10px;cursor:pointer}.user-menu-popover{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;background:#161826;border:1px solid var(--border);display:grid;z-index:20}.user-menu-popover button{background:transparent;color:var(--text);border:0;text-align:left;padding:10px 12px;cursor:pointer}.user-menu-popover button:hover,.user-menu-popover button.active{background:#222538}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,#09090f,#121223 55%,#141427)}.brand-card{position:relative;overflow:hidden}.brand-card:after{content:"";position:absolute;inset:auto -120px -140px auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,#ff2fb947,#7c3aed00);pointer-events:none}.login-card,.surface-card{width:100%;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:20px}.login-card{max-width:480px}.surface-grid{display:grid;grid-template-columns:330px 1fr;gap:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.edit-actions{display:flex;gap:10px}.login-form{display:grid;gap:12px}.login-form label,.field-group{display:grid;gap:6px;font-size:14px}.field-label{color:var(--text)}.login-form input,.login-form select,.login-form textarea{width:100%;padding:10px 12px;border:1px solid #3a3d4d;border-radius:var(--radius);font:inherit;background:var(--surface-2);color:var(--text)}.login-form input:focus,.login-form select:focus,.login-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}.error-text{margin:0;font-size:14px;color:#ff8ca2}.btn{margin-top:6px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius);font-weight:700;letter-spacing:.02em;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(90deg,var(--primary),#d633ff)}.btn-ghost{border-color:var(--border);background:transparent;color:var(--text)}.btn-danger{color:#fff;background:linear-gradient(90deg,#ff4d6d,#ff6b4a)}.btn:disabled{opacity:.7;cursor:not-allowed}.tree-item{width:100%;text-align:left;border:1px solid var(--border);background:#141520;color:var(--text);border-radius:var(--radius);padding:8px 10px;cursor:pointer}.tree-item.active{border-color:var(--primary);background:#1f1a2c}.rich-editor{border:1px solid #3a3d4d;background:var(--surface-2)}.rich-toolbar{display:flex;gap:6px;padding:6px;border-bottom:1px solid #3a3d4d}.rich-toolbar button{border:1px solid var(--border);background:#161826;color:var(--text);border-radius:2px;padding:4px 8px}.rich-content{min-height:220px;padding:10px;line-height:1.5;direction:ltr;text-align:left;unicode-bidi:plaintext}.rich-content table{width:100%;border-collapse:collapse;margin:8px 0}.rich-content th,.rich-content td{border:1px solid #4a4d61;padding:6px 8px}.rich-content a{color:#ff7ad7}.rich-content img{max-width:100%;height:auto}.rich-content:focus{outline:none;box-shadow:var(--focus)}.reader-content{border:1px solid var(--border);background:#131520;padding:12px;min-height:220px}.reader-content h1,.reader-content h2,.reader-content h3,.reader-content p{margin-top:0}.reader-content table{width:100%;border-collapse:collapse;margin:8px 0}.reader-content th,.reader-content td{border:1px solid #4a4d61;padding:6px 8px}.reader-content a{color:#ff7ad7}.reader-content img{max-width:100%;height:auto}@media (max-width: 900px){.surface-grid{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start}}