:root{color:#111827;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#f4f7fb;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.landing-shell{gap:40px;width:min(1200px,100%);margin:0 auto;padding:40px 24px;display:grid}.landing-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.logo{font-size:1.4rem;font-weight:800}nav{align-items:center;gap:16px;display:flex}nav a{color:#0f172a;font-weight:600;text-decoration:none}.button-outline{background:#fff;border:1px solid #0f172a1f;border-radius:14px;padding:12px 18px}.hero-section{background:#fff;border-radius:32px;grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;padding:48px;display:grid;box-shadow:0 36px 90px #0f172a14}.hero-copy{max-width:580px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#0ea5e9;margin-bottom:18px;font-size:.82rem}.hero-section h1{margin:0 0 22px;font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1.02}.hero-section p{color:#475569;margin:0 0 30px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-cta,.hero-secondary{border-radius:16px;justify-content:center;align-items:center;padding:16px 24px;font-weight:700;text-decoration:none;display:inline-flex}.hero-cta{color:#fff;background:#0f172a}.hero-secondary{color:#0f172a;background:#eff6ff}.hero-preview{display:grid}.preview-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #0f172a14;border-radius:32px;gap:18px;padding:26px;display:grid}.preview-card h2{margin:0}.preview-card p{color:#475569;margin:0}.features-section{background:#fff;border:1px solid #0f172a14;border-radius:32px;gap:24px;padding:48px;display:grid}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.feature-grid article{background:#f8fafc;border:1px solid #0f172a14;border-radius:24px;padding:24px}.feature-grid h3{margin-top:0}.feature-grid p{color:#475569;margin:0}.auth-shell{padding:40px 20px}.auth-card{background:#fff;border:1px solid #0f172a14;border-radius:28px;width:min(520px,100%);padding:32px}.auth-card h1{margin:0 0 18px}.auth-form{gap:16px;display:grid}.auth-form label{font-weight:700}.auth-form input{border:1px solid #0f172a1f;border-radius:16px;width:100%;padding:14px 16px}.auth-form button{color:#fff;background:#0f172a;border:none;border-radius:16px;padding:14px 18px;font-weight:700}.auth-hint{color:#64748b;margin:0}.error-message{color:#b91c1c}.dashboard-shell{grid-template-columns:320px minmax(0,1fr);gap:24px;min-height:100vh;padding:24px;display:grid}.sidebar{background:#fff;border:1px solid #0f172a14;border-radius:28px;flex-direction:column;gap:22px;padding:24px;display:flex}.sidebar-head{align-items:center;gap:16px;display:flex}.brand-square{color:#fff;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:18px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand-title{margin:0;font-size:1rem;font-weight:700}.brand-subtitle{color:#64748b;margin:4px 0 0}.sidebar-action{color:#1d4ed8;background:#eff6ff;border:none;border-radius:18px;width:100%;padding:14px 18px;font-weight:700}.sidebar-section{flex-direction:column;gap:12px;display:flex}.section-title{margin:0;font-weight:700}.doc-list{gap:10px;display:grid}.doc-tree-node{gap:6px;display:grid}.doc-link{color:#0f172a;background:#f8fafc;border-radius:16px;width:100%;padding:12px 14px;text-decoration:none;display:inline-flex}.doc-link.active{background:#e0f2fe;border:1px solid #3b82f659}.empty-state{color:#64748b;background:#f8fafc;border-radius:18px;padding:14px 16px}.sidebar-footer{border-top:1px solid #0f172a14;gap:16px;padding-top:16px;display:grid}.sidebar-user{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background:#0f172a;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.signout-link{color:#0f172a;font-weight:700;text-decoration:none}.dashboard-main{gap:24px;display:grid}.stats-panel,.list-panel,.card-panel,.table-panel{background:#fff;border:1px solid #0f172a14;border-radius:28px;padding:24px}.stats-panel{grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}.info-card{background:#f8fafc;border-radius:24px;padding:22px}.tab-menu{gap:12px;display:flex}.tab{background:#f8fafc;border:1px solid #0f172a1f;border-radius:18px;padding:12px 18px}.tab.active{color:#fff;background:#0f172a;border-color:#0000}.grid-list{gap:16px;display:grid}.tree-row{align-items:center;gap:10px;display:grid}.tree-link{text-align:left;color:#0f172a;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-weight:700}.template-card,.plan-card,.page-card{text-align:left;background:#f8fafc;border:1px solid #0f172a14;border-radius:24px;gap:12px;padding:20px;display:grid}.template-add{justify-content:center;align-items:center}.secondary-button,.primary-button{color:#0f172a;background:#eff6ff;border:none;border-radius:16px;padding:12px 18px;font-weight:700}.primary-button{color:#fff;background:#0f172a}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.plan-card.active-plan{color:#fff;background:#0f172a}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #0f172a14;padding:14px 12px}.editor-page{gap:20px;display:grid}.editor-topbar{background:#fff;border:1px solid #0f172a14;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.editor-info{gap:12px;width:min(700px,100%);display:grid}.breadcrumbs{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.breadcrumb-link{color:#0f172a;cursor:pointer;background:0 0;border:none;font-weight:700}.breadcrumb-separator{margin:0 6px}.page-title-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:2rem;font-weight:700}.editor-meta{color:#64748b;margin:0}.editor-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.editor-tools{background:#fff;border:1px solid #0f172a14;border-radius:28px;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 24px;display:flex}.editor-blocks{gap:16px;display:grid}.editor-block{background:#fff;border:1px solid #0f172a14;border-radius:28px;gap:14px;padding:22px;display:grid}.block-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.block-actions button{background:#f8fafc;border:1px solid #0f172a1f;border-radius:12px;padding:6px 10px}.block-order{color:#64748b;font-size:.85rem}.block-input,.block-textarea{border:1px solid #0f172a1f;border-radius:18px;width:100%;padding:14px 16px}.block-textarea{resize:vertical;min-height:120px}.todo-row{align-items:flex-start;gap:14px;display:flex}.todo-row input[type=checkbox]{width:18px;height:18px;margin-top:6px}.child-pages{gap:16px;display:grid}.page-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.page-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0f172a14}@media (max-width:1100px){.landing-shell,.dashboard-shell{grid-template-columns:1fr}}@media (max-width:720px){.hero-section{grid-template-columns:1fr}.hero-actions,.tab-menu,.editor-actions{flex-direction:column}}