.sidebar-footer{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .5rem 0;border-top:1px solid var(--color-border)}.sidebar-icon-button{width:36px;height:36px;border-radius:12px;border:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface),rgba(142,202,230,.65));box-shadow:0 6px 18px #0230471a;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background .16s ease;color:var(--color-accent-strong)}.sidebar-icon-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0230472e;background:var(--color-accent-soft)}[data-theme=dark] .sidebar-icon-button{background:linear-gradient(135deg,#1e293beb,#303f60d9);box-shadow:0 8px 18px #0f172a66;color:var(--color-accent)}[data-theme=dark] .sidebar-icon-button:hover{background:#60a5fa2e}.sidebar-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--max-content-width: 1080px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--gap-xl: clamp(2rem, 3vw, 3rem);--gap-lg: clamp(1.5rem, 3vw, 2.5rem);--gap-md: 1.5rem;--gap-sm: .75rem;--color-background: #f7f9fc;--color-background-elevated: #ffffff;--color-surface: #ffffff;--color-surface-muted: #eef6fa;--color-border: rgba(2, 48, 71, .12);--color-border-strong: rgba(2, 48, 71, .22);--color-text-primary: #023047;--color-text-secondary: rgba(2, 48, 71, .82);--color-text-muted: rgba(2, 48, 71, .64);--color-shadow: rgba(2, 48, 71, .08);--color-accent: #219EBC;--color-accent-soft: rgba(33, 158, 188, .12);--color-accent-strong: #023047;--color-accent-hover: #017A99;--color-accent-light: #8ECAE6;--color-accent-mid: #034a6e;--color-accent-muted: #c9e6f2;--color-hero-gradient: linear-gradient(135deg, #219EBC 0%, #023047 100%);--color-brand-gold: #FFB703;--color-brand-orange: #FB8500;--color-success: #FFB703;--color-danger: #FB8500;color-scheme:light}[data-theme=dark]{--color-background: #021e30;--color-background-elevated: #032a42;--color-surface: #04344f;--color-surface-muted: #02293f;--color-border: rgba(142, 202, 230, .16);--color-border-strong: rgba(142, 202, 230, .36);--color-text-primary: #f8fafc;--color-text-secondary: rgba(226, 232, 240, .78);--color-text-muted: rgba(142, 202, 230, .55);--color-shadow: rgba(2, 30, 48, .42);--color-accent: #8ECAE6;--color-accent-soft: rgba(142, 202, 230, .14);--color-accent-strong: #219EBC;--color-accent-hover: #1A8BA8;--color-accent-light: #b8ddf0;--color-accent-mid: #1A759F;--color-accent-muted: #0a4d6b;--color-hero-gradient: linear-gradient(135deg, #219EBC 0%, #023047 100%);--color-brand-gold: #FFB703;--color-brand-orange: #FB8500;--color-success: #FFB703;--color-danger: #FB8500;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background .18s ease,color .18s ease}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.admin-container,.app-container{min-height:100vh;padding:clamp(1.5rem,2.5vw,2.5rem) clamp(1.5rem,4vw,3rem);display:flex;justify-content:center;width:100%}.admin-shell,.app-shell{width:min(100%,var(--max-content-width));display:flex;flex-direction:column;gap:var(--gap-lg)}.admin-navbar,.app-navbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:linear-gradient(135deg,var(--color-surface-muted),var(--color-surface));border-radius:var(--radius-md);color:var(--color-text-primary);box-shadow:0 16px 40px #0230471f;position:sticky;top:clamp(1rem,3vw,2rem);z-index:10}[data-theme=dark] .admin-navbar,[data-theme=dark] .app-navbar{background:linear-gradient(135deg,#1e293bf2,#0f172aeb);color:var(--color-text-primary);box-shadow:0 16px 34px #0f172a8c}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;letter-spacing:.01em}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent));display:grid;place-items:center;position:relative;overflow:hidden}[data-theme=dark] .brand-mark{background:linear-gradient(135deg,#219ebc,#8ecae6)}.brand-mark:after{content:"";width:50%;height:50%;border-radius:8px;background:#ffffff47;transform:rotate(35deg) translate(4px,-6px)}.navbar-actions{display:flex;align-items:center;gap:.75rem}.app-nav{display:inline-flex;align-items:center;background:var(--color-surface-muted);border-radius:999px;padding:.3rem;margin-right:clamp(.75rem,2vw,1.5rem);border:1px solid var(--color-border);gap:.15rem}[data-theme=dark] .app-nav{background:#1e293be6;border-color:#94a3b82e}.nav-link{border:none;background:transparent;padding:.45rem .95rem;border-radius:999px;color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}.nav-link:hover{background:#60a5fa1f;color:var(--color-text-primary)}.nav-link.active{background:var(--color-accent);color:#f8fafc;box-shadow:0 6px 16px #219ebc47}[data-theme=dark] .nav-link.active{color:#0b1736;background:var(--color-accent)}main .button,.ghost-button,.chip,.plan-badge{font:inherit}.button,.ghost-button{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.2rem;border-radius:var(--radius-md);font-weight:600;letter-spacing:.01em;border:none;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background-color .16s ease;white-space:nowrap}.button.primary{background:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent));color:#f8fafc;box-shadow:0 8px 18px #219ebc4d}.button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #219ebc61}.button.secondary{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.button.secondary:hover{background:#60a5fa1f;color:var(--color-accent-strong)}.button.subtle{background:var(--color-accent-soft);color:var(--color-accent-strong);border:1px solid transparent}.button.subtle:hover{background:#0230471f}.ghost-button{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .ghost-button{color:var(--color-text-secondary);border-color:#94a3b840}.ghost-button:hover{background:#60a5fa1f;text-decoration:none}.workspace-main{background:var(--color-surface);border-left:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2.5rem);overflow-y:auto}.account-panel{display:grid;gap:var(--gap-lg)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.section-subtitle{margin:0;font-size:.95rem;color:var(--color-text-muted)}.account-grid{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.account-card{display:grid;gap:.85rem;padding:1.15rem 1.35rem;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);min-height:180px}[data-theme=dark] .account-card{background:#1e293b99;border-color:#94a3b82e}.account-card .muted{color:var(--color-text-muted)}.settings-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.settings-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:0 24px 48px -20px var(--color-shadow);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .16s ease,box-shadow .16s ease}[data-theme=dark] .card{box-shadow:0 24px 40px -24px #0f172acc}.card:hover{transform:translateY(-3px);box-shadow:0 28px 60px -25px #02304747}.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#8ecae659,#0230472e);border:1px solid rgba(2,48,71,.15)}.profile-header{display:flex;gap:1.25rem;align-items:center}.avatar{width:clamp(72px,7vw,88px);height:clamp(72px,7vw,88px);border-radius:22px;object-fit:cover;box-shadow:0 16px 34px #219ebc33;border:3px solid var(--color-background-elevated);background:#ffffffb3}[data-theme=dark] .avatar{background:#94a3b829;box-shadow:0 16px 34px #0f172a73}.profile-meta{display:flex;flex-direction:column;gap:.4rem}.profile-meta h1{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.01em}.profile-meta p{margin:0;color:var(--color-text-muted)}.chip,.plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .9rem;border-radius:999px;font-weight:600;font-size:.85rem;background:#0230471f;color:var(--color-navy-800);border:1px solid rgba(2,48,71,.14)}.plan-badge.uppercase{text-transform:uppercase;letter-spacing:.08em}.metric-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric{padding:1rem 1.15rem;border-radius:var(--radius-md);background:#ffffffb3;border:1px solid rgba(2,48,71,.12);box-shadow:inset 0 1px #fff9}.metric span{display:block;font-size:.85rem;color:var(--color-text-muted)}.metric strong{font-size:1.4rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:var(--gap-sm)}.section-heading h2{margin:0;font-size:1.2rem}.section-description{color:var(--color-text-secondary);margin-bottom:var(--gap-md)}.workspace-table{width:100%;border-collapse:collapse;margin-top:var(--gap-sm)}.workspace-table th,.workspace-table td{text-align:left;padding:.85rem .75rem;border-bottom:1px solid var(--color-border)}.workspace-table thead tr{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.workspace-table tbody tr:hover{background:#8ecae633}.tag,.role-tag{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;background:#02304724;color:var(--color-navy-900);text-transform:capitalize;font-weight:600;font-size:.85rem}.state-card{max-width:520px;margin:0 auto;text-align:center;display:grid;gap:1.25rem}.state-card h1{margin:0;font-size:1.8rem}.state-card p{margin:0;color:var(--color-text-secondary)}.admin-overview{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-overview li{list-style:none;padding:1rem 1.2rem;border-radius:var(--radius-md);background:#ffffffbf;border:1px solid rgba(2,48,71,.12)}.admin-overview li strong{display:block;font-size:1.1rem}.app-grid{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#8ecae661,#0230472e);border:1px solid rgba(2,48,71,.15)}.workspace-summary{display:grid;gap:var(--gap-sm)}.workspace-shell{display:grid;grid-template-columns:clamp(240px,18vw,320px) minmax(0,1fr);width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - clamp(4rem,8vw,5rem));background:var(--color-background);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--color-border);overflow:hidden}@media (max-width: 1200px){.workspace-shell{max-width:100%}}@media (max-width: 960px){.workspace-shell{grid-template-columns:1fr}}.workspace-app{width:100%;display:flex;flex-direction:column;gap:var(--gap-lg)}.workspace-sidebar{background:var(--color-surface-muted);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1rem .75rem .5rem}[data-theme=dark] .workspace-sidebar{background:#141c2c;border-color:#94a3b81f}.sidebar-scroll{overflow-y:auto;overflow-x:hidden;padding:0 .25rem .75rem;scrollbar-width:thin;flex:1 1 auto}.sidebar-section{display:grid;gap:.65rem;padding:.75rem .5rem 1rem;border-bottom:1px solid var(--color-border)}.sidebar-section:last-of-type{border-bottom:none}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.sidebar-header{padding:.5rem .75rem .25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--color-text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.sidebar-tree{list-style:none;padding:0;margin:0;display:grid;gap:.2rem}.tree-item{display:flex;flex-direction:column}.tree-button{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;background:transparent;border:none;color:var(--color-text-secondary);font-weight:500;width:100%;text-align:left;cursor:pointer;transition:color .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.tree-button:before{content:"";width:6px;height:6px;border-radius:999px;background:#219ebc2e;transition:transform .14s ease,background .14s ease}.tree-button:hover{color:var(--color-text-primary)}.tree-button:hover:before{transform:scale(1.2);background:#219ebc59}.tree-button.active{color:var(--color-accent-strong);font-weight:600}.tree-button.active:before{background:var(--color-accent-strong);transform:scale(1.3)}.tree-button:focus-visible{color:var(--color-accent-strong)}.tree-button:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:1px dashed var(--color-accent);opacity:.5;pointer-events:none}.tree-item{position:relative}.page-branch{padding-left:1.85rem;display:grid;gap:.15rem;margin-top:.15rem}.branch-link{padding:.32rem .55rem .32rem 1.5rem;color:var(--color-text-secondary);text-decoration:none;font-weight:500;position:relative;transition:color .12s ease;border:none;background:transparent;width:100%;text-align:left;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.branch-link:hover{color:var(--color-text-primary)}.branch-link.active{color:var(--color-accent-strong)}.branch-link:before{content:"";position:absolute;left:.75rem;top:50%;width:6px;height:6px;border-radius:999px;background:#219ebc26;transform:translateY(-50%);transition:background .14s ease,transform .14s ease}.branch-link:hover:before{background:#219ebc4d;transform:translateY(-50%) scale(1.1)}.branch-link.active:before{background:var(--color-accent-strong);transform:translateY(-50%) scale(1.25)}.branch-link:focus-visible{color:var(--color-accent-strong)}.branch-link:focus-visible:after{content:"";position:absolute;top:.1rem;right:.1rem;bottom:.1rem;left:.1rem;border-radius:6px;border:1px dashed var(--color-accent);opacity:.5;pointer-events:none}.page-list{list-style:none;margin:0;padding:0;display:grid;gap:.05rem}.tree-meta{margin-left:auto;font-size:.72rem;color:var(--color-text-muted)}.branch-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .4rem;color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.ghost-button.small{padding:.2rem .55rem;font-size:.75rem}.sidebar-actions{display:grid;gap:.4rem;padding:.75rem}.sidebar-actions .button{width:100%;justify-content:center}.user-chip{display:flex;align-items:center;gap:.9rem}.user-chip strong{display:block}.user-chip span{color:var(--color-text-muted);font-size:.9rem}.usage-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.usage-item{display:grid;gap:.15rem;padding:.65rem .75rem;border-radius:10px;background:#ffffffb8;box-shadow:0 6px 18px #02304714}.usage-item dt{margin:0;color:var(--color-text-muted);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.usage-item dd{margin:0;font-weight:600;font-size:1.05rem}.usage-item span{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.usage-item strong{font-size:1.35rem}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.inline-form{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto}.inline-form input{border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.55rem .75rem;font:inherit;background:var(--color-background-elevated);color:var(--color-text-primary)}.inline-form input:focus{outline:2px solid rgba(33,158,188,.35);border-color:#219ebc73}.workspace-pills,.page-list,.my-day-list,.connector-summary ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.pill,.page-link{width:100%;text-align:left;padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid rgba(2,48,71,.14);background:#fffc;display:flex;flex-direction:column;gap:.2rem;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease}.pill:hover,.page-link:hover{transform:translateY(-1px);box-shadow:0 16px 30px -24px #02304766}.pill.active,.page-link.active{border-color:#219ebc4d;background:linear-gradient(135deg,#8ecae661,#0230471f)}.page-link span,.pill span{font-weight:600}.page-link small,.pill small{color:var(--color-text-muted);font-size:.8rem}.workspace-main{display:flex;flex-direction:column;gap:var(--gap-md)}.my-day-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid rgba(2,48,71,.12);background:#ffffffd9}.my-day-list span{display:block;color:var(--color-text-muted);font-size:.8rem}.my-day-list small{color:var(--color-text-secondary);font-weight:600}.workspace-main{background:var(--color-background);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:var(--gap-md)}.page-view{display:flex;flex-direction:column;gap:var(--gap-md)}.page-cover{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(2,48,71,.12);min-height:160px;background:linear-gradient(120deg,#8ecae659,#02304729)}.page-cover img{width:100%;height:clamp(180px,32vw,260px);object-fit:cover;display:block}.cover-placeholder{padding:clamp(2rem,5vw,3.5rem);color:#ffffffe6;font-weight:600;letter-spacing:.02em}.cover-actions{position:absolute;right:1rem;bottom:1rem;display:flex;gap:.75rem}.cover-actions input[type=file]{display:none}.page-header{display:flex;flex-direction:column;gap:.35rem}.page-title{font:inherit;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;border:none;background:transparent;color:var(--color-text-primary)}.page-title:focus{outline:2px solid rgba(96,165,250,.35);border-radius:var(--radius-sm);padding:.25rem .4rem}.page-meta{color:var(--color-text-muted);font-size:.85rem}.block-list{display:grid;gap:var(--gap-sm)}.block-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);padding:1rem 1.1rem;display:grid;gap:.65rem}.block-card header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.block-type{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-text-muted)}.block-task label{display:flex;gap:.65rem;align-items:center;font-weight:600}.block-task input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-navy-700)}.task-completed{text-decoration:line-through;opacity:.6}.block-reminder{display:flex;justify-content:space-between;align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-md);padding:.75rem .9rem;border:1px solid var(--color-border)}.block-reminder span{color:var(--color-text-secondary);font-size:.85rem}.block-image{display:grid;gap:.4rem}.block-image img{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border)}.block-empty{padding:.75rem .9rem;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px dashed var(--color-border-strong);text-align:center;color:var(--color-text-secondary)}.connector-summary{border-top:1px solid rgba(2,48,71,.12);padding-top:var(--gap-sm)}.connector-summary h3{margin:0;font-size:.95rem;letter-spacing:.04em;color:var(--color-text-muted)}.composer,.block-form{display:grid;gap:var(--gap-sm)}.field-group{display:grid;gap:.4rem}.field-group label{font-weight:600;color:var(--color-text-secondary)}.field-group input,.field-group textarea,.field-group select{font:inherit;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.55rem .75rem;background:#ffffffe6}.field-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end}.workspace-actions{display:grid;gap:.75rem;align-content:flex-start;padding:1.1rem 1.25rem;border-radius:var(--radius-md);background:#ffffffb3;border:1px solid rgba(2,48,71,.12)}.workspace-actions strong{font-size:1.35rem}.workspace-actions p{margin:0;color:var(--color-text-secondary)}.workspace-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.workspace-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:var(--radius-md);background:#ffffffb3;border:1px solid rgba(2,48,71,.1);transition:transform .12s ease,box-shadow .16s ease}.workspace-item:hover{transform:translateY(-2px);box-shadow:0 20px 40px -24px #02304740}.workspace-item small{color:var(--color-text-muted)}.workspace-meta{display:flex;flex-direction:column;gap:.4rem}.empty-state{padding:1rem 1.25rem;border-radius:var(--radius-md);background:#ffffffa6;border:1px dashed rgba(2,48,71,.2);text-align:center;color:var(--color-text-secondary)}@media (max-width: 820px){.admin-navbar,.app-navbar{position:static}.admin-hero,.workspace-hero{grid-template-columns:1fr}.navbar-actions{flex-wrap:wrap;justify-content:flex-end}.brand{font-size:1rem}.workspace-table th,.workspace-table td{padding:.75rem .5rem}}@media (max-width: 540px){.admin-container,.app-container{padding-inline:1rem}.card{padding:1.4rem}.metric-grid{grid-template-columns:1fr 1fr}.app-grid{gap:var(--gap-md)}}