:root{--color-primary:#7c5cff;--color-primary-2:#38bdf8;--color-primary-soft:#9d8cff;--color-success:#22c55e;--color-warning:#ffd166;--color-danger:#ef4444;--color-bg:#f5f6fa;--color-bg-soft:#fbfbfe;--color-surface:#fff;--color-surface-muted:#f5f6fa;--color-sidebar:#121225;--color-sidebar-text:#f5f6fa;--color-sidebar-muted:#aeb3d1;--color-text:#1e1e2f;--color-text-muted:#686f8a;--color-text-soft:#7a819f;--color-border:#e6e8f2;--color-border-soft:#eef0f7;--color-input:#fbfbfe;--color-grid-dot:#cfd4e8;--control-height:40px;--control-radius:10px;--control-padding-x:12px;--control-bg:var(--color-input);--control-border:var(--color-border);--control-text:var(--color-text);--control-placeholder:var(--color-text-soft);--control-disabled-bg:#eef0f7;--control-disabled-text:#8f94b3;--control-focus-ring:#7c5cff2e;--shadow-soft:0 14px 34px #1e1e2f0f;--shadow-strong:0 24px 70px #12122540;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--color-bg:#0f1020;--color-bg-soft:#17182a;--color-surface:#1b1c2f;--color-surface-muted:#24263a;--color-sidebar:#0b0c18;--color-sidebar-text:#f5f6fa;--color-sidebar-muted:#9ca3c7;--color-text:#f5f6fa;--color-text-muted:#b5bad1;--color-text-soft:#9ca3c7;--color-border:#30334a;--color-border-soft:#292c42;--color-input:#202235;--color-grid-dot:#34374e;--control-bg:#202235;--control-border:#3a3d55;--control-disabled-bg:#17182a;--control-disabled-text:#6f7594;--control-focus-ring:#7c5cff3d;--shadow-soft:0 14px 34px #0000003d;--shadow-strong:0 24px 70px #00000073}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}.admin-page input:not([type=checkbox]):not([type=radio]):not([type=range]),.admin-page select,.admin-page textarea,.account-page input:not([type=checkbox]):not([type=radio]):not([type=range]),.account-page select,.account-page textarea,.admin-modal input:not([type=checkbox]):not([type=radio]):not([type=range]),.admin-modal select,.admin-modal textarea,.login-form input:not([type=checkbox]):not([type=radio]):not([type=range]),.login-form select,.login-form textarea,.paywall-modal input:not([type=checkbox]):not([type=radio]):not([type=range]),.paywall-modal select,.paywall-modal textarea,.company-setup-page input:not([type=checkbox]):not([type=radio]):not([type=range]),.company-setup-page select,.company-setup-page textarea,.form-input,.topbar-search input{width:100%;min-height:var(--control-height);min-width:0;padding:0 var(--control-padding-x);border:1px solid var(--control-border);border-radius:var(--control-radius);color:var(--control-text);background-color:var(--control-bg);box-shadow:none;outline:none;transition:border-color .15s,background-color .15s,box-shadow .15s,color .15s}.admin-page select,.account-page select,.admin-modal select,.login-form select,.paywall-modal select,.company-setup-page select,.language-switcher select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23686f8a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:38px}:root[data-theme=dark] .admin-page select,:root[data-theme=dark] .account-page select,:root[data-theme=dark] .admin-modal select,:root[data-theme=dark] .login-form select,:root[data-theme=dark] .paywall-modal select,:root[data-theme=dark] .company-setup-page select,:root[data-theme=dark] .language-switcher select{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b5bad1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.admin-page select[multiple],.account-page select[multiple],.admin-modal select[multiple],.paywall-modal select[multiple],.company-setup-page select[multiple]{background-image:none;min-height:116px;padding:10px 12px}.admin-page textarea,.account-page textarea,.admin-modal textarea,.login-form textarea,.paywall-modal textarea,.company-setup-page textarea,.form-input:is(textarea){resize:vertical;min-height:104px;padding:10px 12px;line-height:1.45}.admin-page input::placeholder,.admin-page textarea::placeholder,.account-page input::placeholder,.account-page textarea::placeholder,.admin-modal input::placeholder,.admin-modal textarea::placeholder,.login-form input::placeholder,.login-form textarea::placeholder,.paywall-modal input::placeholder,.paywall-modal textarea::placeholder,.company-setup-page input::placeholder,.company-setup-page textarea::placeholder,.form-input::placeholder,.topbar-search input::placeholder{color:var(--control-placeholder);opacity:1}.admin-page input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.admin-page select:focus,.admin-page textarea:focus,.account-page input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.account-page select:focus,.account-page textarea:focus,.admin-modal input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.admin-modal select:focus,.admin-modal textarea:focus,.login-form input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.login-form select:focus,.login-form textarea:focus,.paywall-modal input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.paywall-modal select:focus,.paywall-modal textarea:focus,.company-setup-page input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.company-setup-page select:focus,.company-setup-page textarea:focus,.form-input:focus,.topbar-search input:focus{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 3px var(--control-focus-ring)}.admin-page input:disabled,.admin-page select:disabled,.admin-page textarea:disabled,.account-page input:disabled,.account-page select:disabled,.account-page textarea:disabled,.admin-modal input:disabled,.admin-modal select:disabled,.admin-modal textarea:disabled,.login-form input:disabled,.login-form select:disabled,.login-form textarea:disabled,.paywall-modal input:disabled,.paywall-modal select:disabled,.paywall-modal textarea:disabled,.company-setup-page input:disabled,.company-setup-page select:disabled,.company-setup-page textarea:disabled,.form-input:disabled{cursor:not-allowed;color:var(--control-disabled-text);background-color:var(--control-disabled-bg);border-color:var(--control-border);opacity:1}.admin-page option,.account-page option,.admin-modal option,.login-form option,.paywall-modal option,.company-setup-page option,.language-switcher option{color:var(--color-text);background:var(--color-surface)}input[type=checkbox]{appearance:none;border:1px solid var(--control-border);background:var(--control-bg);cursor:pointer;vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:13px 13px;border-radius:5px;flex:none;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;transition:background-color .15s,border-color .15s,box-shadow .15s}input[type=checkbox]:checked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 12 4 4 10-10'/%3E%3C/svg%3E")}input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--control-focus-ring);outline:none}input[type=checkbox]:disabled{cursor:not-allowed;border-color:var(--control-border);background-color:var(--control-disabled-bg);opacity:.72}button{cursor:pointer;border:0}#root{height:100vh;min-height:100vh;overflow:hidden}.app-shell{--sidebar-width:280px;--properties-width:320px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--properties-width);background:#f5f6fa;height:100vh;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0, 1fr) var(--properties-width)}.app-shell.sidebar-collapsed .sidebar{pointer-events:none;border-right:0;width:0;padding:0;overflow:hidden}.sidebar-toggle-button{color:#606986;background:#fff;border:1px solid #e6e8f2;border-radius:8px;justify-content:center;align-items:center;width:38px;min-height:38px;padding:0;display:inline-flex}.sidebar-backdrop,.properties-backdrop{display:none}.sidebar{color:#f5f6fa;background:linear-gradient(#6c5ce724,#0000 38%),#121225;border-right:1px solid #ffffff14;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-width:0;height:100vh;min-height:0;max-height:100vh;padding:22px 18px;display:grid;overflow:hidden}.sidebar-fixed-top{flex:none;gap:14px;min-height:0;display:grid}.sidebar-scroll-area{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#a78bfa94 #ffffff0f;scrollbar-width:thin;grid-auto-rows:max-content;align-content:start;gap:16px;min-height:0;max-height:100%;padding:2px 4px 10px 0;display:grid;overflow:hidden auto}.sidebar-scroll-area::-webkit-scrollbar{width:6px}.sidebar-scroll-area::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:linear-gradient(#7c5cffb8,#38bdf885);border-radius:999px}.brand,.login-brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:0 0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand-mark img{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.brand-logo-image{object-fit:contain;flex:none;width:132px;height:auto;max-height:40px;display:block}.brand-logo-image.large{width:min(220px,100%);max-height:58px}.brand-mark.large{border-radius:16px;width:58px;height:58px;font-size:30px}.brand strong,.profile strong{font-size:15px;display:block}.brand span,.profile span{color:#aeb3d1;margin-top:3px;font-size:12px;line-height:1.35;display:block}.new-note-button,.primary-button,.share-button{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex;box-shadow:0 12px 22px #6c5ce740}.sidebar-nav,.sidebar-list{gap:6px;display:grid}.sidebar-nav button,.sidebar-list button,.sidebar-section-title button{color:#d7daf0;text-align:left;background-color:#0000;border-radius:8px;align-items:center;gap:9px;min-width:0;min-height:36px;padding:0 10px;display:flex}.sidebar-list button span,.sidebar-nav button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-nav button:hover,.sidebar-nav button.active,.sidebar-list button:hover,.sidebar-list button.active{color:#fff;background:#ffffff17}.inline-title-input{color:#fff;background:#ffffff17;border:1px solid #a78bfaa6;border-radius:8px;outline:none;width:100%;min-height:36px;padding:0 10px}.inline-title-input.compact{border-radius:999px;width:140px;min-height:30px}.sidebar-section{border-top:1px solid #ffffff14;min-width:0;min-height:0;padding-top:4px}.sidebar-section.compact{border-top:0;padding-top:0}.pages-section{min-height:0}.branches{margin-top:0}.sidebar-section-title{color:#8f94b3;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;min-height:30px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.sidebar-section-title button{justify-content:center;width:28px;min-height:28px;padding:0}.chip-row{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.sidebar-item{grid-template-columns:minmax(0,1fr) repeat(2,28px);align-items:center;gap:4px;min-width:0;display:grid}.sidebar-item-main{width:100%}.sidebar-item-main>span{white-space:normal;gap:2px;min-width:0;display:grid;overflow:hidden}.sidebar-owner-label{color:var(--color-sidebar-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.sidebar-shared-badge,.view-only-indicator{color:#ddd6fe;white-space:nowrap;background:#6c5ce738;border:1px solid #a78bfa57;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.sidebar-shared-badge{margin-left:auto}.sidebar-delete-button{color:#aeb3d1;opacity:.72;justify-content:center;align-items:center;width:28px;min-width:28px;min-height:28px;padding:0;display:inline-flex}.sidebar-delete-button:hover{color:#fff;opacity:1;background:#ef44442e}.sidebar-share-button{color:#38bdf8;opacity:1;background:#080c1cb8;border:1px solid #7c5cff6b;box-shadow:inset 0 0 0 1px #ffffff0a}.sidebar-share-button:hover,.sidebar-share-button:focus-visible{color:#fff;background:linear-gradient(135deg,#7c5cffd1,#38bdf894);border-color:#38bdf8b8;box-shadow:0 0 0 3px #38bdf824}.sidebar-delete-button:disabled,.sidebar-section-title button:disabled,.inline-tool-button:disabled{cursor:not-allowed;opacity:.38}.chip-item{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.chip-item .chip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-delete-button{background:#ffffff0f;border-radius:999px}.chip{color:#d7daf0;background:#ffffff0f;border:1px solid #8b5cf6;border-radius:999px;max-width:100%;min-height:30px;padding:0 10px}.chip.active{color:#fff;background:#6c5ce773}.profile{border-top:1px solid #ffffff14;flex:none;gap:12px;min-width:0;padding-top:16px;display:grid}.profile-summary{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.profile-copy{min-width:0}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-actions{gap:6px;display:grid}.profile-actions button{color:#d7daf0;text-align:left;background:#ffffff12;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:36px;padding:0 9px 0 5px;display:grid}.profile-actions button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-actions button:hover{color:#fff;background:#ffffff24}.avatar{color:#121225;background:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.admin-feedback{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:700}.admin-feedback.success{color:#047857;background:#10b9811f;border:1px solid #10b98147}.admin-feedback.error{color:#b91c1c;background:#ef44441f;border:1px solid #ef444447}.workspace{grid-template-rows:64px minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid}.canvas-stage{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-navigation-warning{z-index:90;color:#74520a;text-align:center;background:#fff9e2;border:1px solid #ffd166;border-radius:8px;max-width:min(420px,100% - 32px);padding:10px 14px;font-size:13px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #1e1e2f1f}.canvas-save-status{z-index:90;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-panel);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;top:16px;right:16px;box-shadow:0 14px 34px #1e1e2f1f}.canvas-save-status.saving{color:#4c3bc8;border-color:#a78bfa}.canvas-save-status.saved{color:#15803d;border-color:#22c55e}.canvas-save-status.error{color:#b91c1c;border-color:#ef4444}.topbar{background:#ffffffe6;border-bottom:1px solid #e6e8f2;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex}.topbar-search,.topbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.topbar-search-wrapper{flex:320px;min-width:0;max-width:520px;position:relative}.topbar-search{width:100%;min-height:var(--control-height);border-radius:var(--control-radius);color:#606986;background:#fff;border:1px solid #e6e8f2;padding:0 12px}.topbar-search input{color:#1e1e2f;background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:0;padding:0}.topbar-search input::placeholder{color:#8f94b3}.search-results-dropdown{z-index:220;background:#fff;border:1px solid #e6e8f2;border-radius:10px;width:min(560px,100vw - 24px);max-height:min(360px,100vh - 92px);padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 24px 70px #12122529}.search-result-item{color:#1e1e2f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:3px;width:100%;min-height:72px;padding:9px 10px;display:grid}.search-result-item:hover,.search-result-item:focus-visible{background:#f6f2ff;outline:none}.search-result-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.search-result-context,.search-result-preview{text-overflow:ellipsis;white-space:nowrap;color:#7a819f;font-size:12px;overflow:hidden}.search-result-preview mark{color:#3f2ec0;background:#fff4c7;border-radius:3px;padding:0 2px}.search-results-status{color:#7a819f;padding:14px 12px;font-size:13px}.topbar-actions{flex:none;justify-content:flex-end;gap:10px}.topbar-actions .properties-toggle{display:none}.properties-toggle.active{color:#fff;background:#6c5ce7;border-color:#6c5ce7}.breadcrumb,.breadcrumb span,.breadcrumb strong{min-width:0}.breadcrumb span,.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb span{color:#7a819f;font-size:13px}.breadcrumb strong{color:#1e1e2f;font-size:14px}.breadcrumb button,.topbar-actions button,.canvas-toolbar button,.block-chrome button,.layer-control button,.toggle{color:#606986;background:#fff;border:1px solid #e6e8f2;border-radius:8px;justify-content:center;align-items:center;min-width:34px;min-height:34px;display:inline-flex}.topbar-actions button{gap:7px;padding:0 10px;font-size:13px}.topbar-actions .share-button{color:#fff;background:linear-gradient(135deg,#2d236f,#0f5f86);border-color:#7c5cff5c;box-shadow:0 10px 24px #38bdf82e}.topbar-actions .share-button:hover,.topbar-actions .share-button:focus-visible{border-color:#38bdf8b3;box-shadow:0 0 0 3px #7c5cff24,0 12px 26px #38bdf833}.canvas-shell{overscroll-behavior:contain;cursor:grab;-webkit-user-select:none;user-select:none;background-color:#fbfbfe;background-image:radial-gradient(#cfd4e8 1px,#0000 1px);background-size:22px 22px;background-attachment:local;width:100%;height:100%;min-height:0;position:relative;overflow:auto scroll}.canvas-shell.panning{cursor:grabbing}.canvas-surface{min-width:0;min-height:0;position:relative}.canvas-world{transform-origin:0 0;width:10000px;min-width:10000px;height:10000px;min-height:10000px;transition:transform .1s ease-out;position:absolute;top:0;left:0}.canvas-toolbar{z-index:50;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#ffffffeb;border:1px solid #e6e8f2;border-radius:10px;grid-template-rows:auto 1fr;gap:0;width:48px;display:grid;position:absolute;top:0;left:0;transform:translate(calc(-100% - 12px),-50%);box-shadow:0 16px 36px #1e1e2f1a}.toolbar-drag-handle{cursor:grab;background:linear-gradient(#e6e8f2,#f0f2f8);border-radius:6px 6px 0 0;justify-content:center;align-items:center;width:100%;height:8px;padding:4px 0;display:flex}.toolbar-drag-handle:before{content:"";background:#c0c3d4;border-radius:1px;width:20px;height:2px}.toolbar-drag-handle:active,.canvas-toolbar.dragging .toolbar-drag-handle{cursor:grabbing;background:linear-gradient(#d4d7e8,#e6e8f2)}.canvas-toolbar-buttons{gap:7px;padding:8px;display:grid}.canvas-toolbar button{color:#606986;cursor:pointer;background:#fff;border:1px solid #e6e8f2;border-radius:8px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0;transition:all .15s;display:inline-flex}.canvas-toolbar button:hover{color:#6c5ce7;background:#f6f2ff;border-color:#c7bdf8}.canvas-toolbar button:focus-visible{outline-offset:2px;outline:2px solid #6c5ce7}.canvas-toolbar button.active{color:#fff;background:#6c5ce7;border-color:#6c5ce7}.canvas-top-right-controls{z-index:80;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:var(--shadow-soft);pointer-events:auto;border-radius:10px;align-items:center;gap:8px;padding:6px;display:inline-flex;position:absolute;top:14px;right:14px}.center-view-button{border:1px solid var(--color-border);background:var(--color-surface);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .15s;display:inline-flex}.center-view-button:hover{color:#6c5ce7;background:#f6f2ff;border-color:#c7bdf8}.center-view-button:focus-visible{outline-offset:2px;outline:2px solid #6c5ce7}[data-theme=dark] .center-view-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .center-view-button:hover{color:#8b5cf6;background:#2a2d42eb;border-color:#4a4d6a}.zoom-controls{background:#ffffffeb;border:1px solid #e6e8f2;border-radius:8px;align-items:center;gap:6px;padding:0;display:flex}.zoom-current{color:#424963;background:0 0;border-left:1px solid #e6e8f2;border-right:1px solid #e6e8f2;border-radius:0;justify-content:center;align-items:center;min-width:54px;min-height:36px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.zoom-controls button{color:#606986;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:36px;min-height:36px;font-size:12px;font-weight:600;display:inline-flex}.zoom-controls button:hover{color:#6c5ce7;background:#f6f2ff;border-color:#c7bdf8}.zoom-controls button:disabled{cursor:not-allowed;opacity:.5}.empty-workspace{background:#fbfbfe;place-items:center;min-width:0;min-height:0;padding:32px;display:grid}.empty-workspace div{color:#7a819f;background:#fff;border:1px dashed #d8dced;border-radius:8px;align-content:center;place-items:center;gap:8px;width:min(360px,100%);min-height:160px;display:grid}.empty-workspace h2,.empty-workspace p{text-align:center;margin:0}.empty-workspace h2{color:#1e1e2f;font-size:18px}.workspace-onboarding{min-width:0;min-height:0;color:var(--color-text);background:var(--color-bg);place-items:center;padding:32px;display:grid}.workspace-onboarding-panel{border:1px solid var(--color-border);background:var(--color-surface);width:min(720px,100%);box-shadow:var(--shadow-soft);border-radius:8px;gap:22px;padding:28px;display:grid}.workspace-onboarding-copy{gap:8px;display:grid}.workspace-onboarding-eyebrow{color:var(--color-primary);text-transform:uppercase;font-size:12px;font-weight:700}.workspace-onboarding h2,.workspace-onboarding p{margin:0}.workspace-onboarding h2{color:var(--color-text);font-size:28px;line-height:1.15}.workspace-onboarding p{max-width:560px;color:var(--color-text-muted);line-height:1.6}.workspace-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.workspace-onboarding-steps li{border:1px solid var(--color-border-soft);min-width:0;color:var(--color-text);background:var(--color-bg-soft);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.workspace-onboarding-steps span{color:#fff;background:var(--color-primary);border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.workspace-onboarding-actions{flex-wrap:wrap;gap:10px;display:flex}.workspace-onboarding-action{border:1px solid var(--color-border);min-height:42px;color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.workspace-onboarding-action.primary{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.workspace-onboarding-action:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.workspace-onboarding-action.primary:hover:not(:disabled){color:#fff;background:color-mix(in srgb, var(--color-primary) 88%, #000)}.workspace-onboarding-action:disabled{cursor:not-allowed;opacity:.62}.workspace-onboarding-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px}.guided-onboarding-spotlight{z-index:240;border:2px solid var(--color-primary-2);pointer-events:none;border-radius:12px;transition:top .18s,left .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 9999px #1212252e,0 18px 38px #1212252e}.guided-onboarding-card{z-index:250;width:min(420px,100vw - 28px);max-height:min(76vh,560px);color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 96%, transparent);box-shadow:var(--shadow-strong);border:1px solid #7c5cff42;border-radius:12px;gap:14px;padding:18px;display:grid;position:fixed;bottom:clamp(14px,3vw,32px);right:clamp(14px,3vw,32px);overflow-y:auto}.guided-onboarding-header,.guided-onboarding-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.guided-onboarding-header span{min-height:26px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.guided-onboarding-header button{width:32px;height:32px;color:var(--color-text-muted);background:0 0;border-radius:8px;place-items:center;display:grid}.guided-onboarding-header button:hover{color:var(--color-text);background:var(--color-surface-muted)}.guided-onboarding-copy{gap:7px;display:grid}.guided-onboarding-copy h2,.guided-onboarding-copy p,.guided-onboarding-error{margin:0}.guided-onboarding-copy h2{font-size:18px;line-height:1.2}.guided-onboarding-copy p{color:var(--color-text-muted);font-size:14px;line-height:1.55}.guided-onboarding-field{gap:7px;display:grid}.guided-onboarding-field span{color:var(--color-text-muted);font-size:12px;font-weight:700}.guided-onboarding-field input{border:1px solid var(--color-border);width:100%;min-height:40px;color:var(--color-text);background:var(--color-input);border-radius:8px;padding:0 12px}.guided-onboarding-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 11px;font-size:13px}.guided-onboarding-secondary,.guided-onboarding-primary{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-weight:800;display:inline-flex}.guided-onboarding-secondary{color:var(--color-text-muted);background:var(--color-surface-muted)}.guided-onboarding-primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2))}.guided-onboarding-secondary:disabled,.guided-onboarding-primary:disabled{cursor:not-allowed;opacity:.58}.company-setup-page{min-height:100vh;color:var(--color-text);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 38%), var(--color-bg);place-items:center;padding:32px;display:grid;overflow-y:auto}.company-setup-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(720px,100%);box-shadow:var(--shadow-soft);border-radius:10px;gap:24px;padding:28px;display:grid}.company-setup-hero{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;display:grid}.company-setup-icon{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2));border-radius:10px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 28px #6c5ce73d}.company-setup-eyebrow{color:var(--color-primary);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.company-setup-card h1,.company-setup-card h2,.company-setup-card p{margin:0}.company-setup-card h1{color:var(--color-text);font-size:30px;line-height:1.15}.company-setup-card h2{color:var(--color-text);font-size:18px}.company-setup-card p{color:var(--color-text-muted);margin-top:8px;line-height:1.55}.company-setup-progress{align-items:center;gap:8px;display:flex}.company-setup-progress span{border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-text-muted);background:var(--color-bg-soft);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid}.company-setup-progress span.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.company-setup-form{gap:16px;display:grid}.company-setup-form label{color:var(--color-text-muted);gap:8px;font-size:13px;font-weight:800;display:grid}.company-setup-invite-heading{border:1px solid var(--color-border-soft);background:var(--color-bg-soft);border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.company-setup-invite-heading svg{color:var(--color-primary)}.company-setup-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px}.company-setup-actions{justify-content:flex-end;gap:10px;display:flex}.company-setup-actions.split{justify-content:space-between}.company-setup-actions.split>div{gap:10px;display:flex}.company-setup-button{border:1px solid var(--color-border);min-height:40px;color:var(--color-text);background:var(--color-surface);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}.company-setup-button.primary{color:#fff;border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2))}.company-setup-button:disabled{cursor:not-allowed;opacity:.65}.plans-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(1200px,100%);min-height:100dvh;max-height:100dvh;margin:0 auto;padding:clamp(16px,4vw,32px);overflow-y:auto}.canvas-block{touch-action:none;-webkit-user-select:none;user-select:none;color:var(--block-text-color,#1e1e2f);background-color:var(--block-bg,#fff);border:1px solid #e3e6f1;border-color:var(--block-border-color,#e3e6f1);border-radius:8px;outline:0 solid #0000;grid-template-rows:34px minmax(0,1fr);display:grid;position:absolute;overflow:visible}.canvas-block.todo-auto-height{overflow:visible}.canvas-block.with-shadow{box-shadow:0 18px 34px #1e1e2f1f}.canvas-block.selected{outline:2px solid #6c5ce7}.canvas-block.locked{opacity:.88}.block-chrome{min-width:0;color:var(--block-header-text-color,#626987);background:var(--block-header-bg,#ffffffb8);border-bottom:1px solid var(--block-border-color,#e3e6f1b3);touch-action:none;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex;overflow:hidden}.block-chrome span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-size:11px;font-weight:800;overflow:hidden}.canvas-block .block-chrome button{color:var(--block-header-text-color,#606986);border-color:var(--block-border-color,#e6e8f2);background:#ffffff9e}.canvas-block .block-chrome button:hover{background:#ffffffd1}.block-drag-handle{cursor:grab;z-index:5;touch-action:none;position:relative}.block-drag-handle svg{pointer-events:none}.block-body{pointer-events:auto;min-width:0;min-height:0;color:var(--block-text-color,#1e1e2f);padding:12px;overflow:hidden}.canvas-block .block-body.block-body-todo{overflow:visible}.resize-handle{z-index:6;pointer-events:auto;touch-action:none;background:#fff;border:1px solid #6c5ce7;border-radius:3px;width:10px;height:10px;display:block;position:absolute;box-shadow:0 2px 6px #1e1e2f2e}.resize-handle-top-left{cursor:nwse-resize;top:-5px;left:-5px}.resize-handle-top{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.resize-handle-top-right{cursor:nesw-resize;top:-5px;right:-5px}.resize-handle-right{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.resize-handle-bottom-right{cursor:nwse-resize;bottom:-5px;right:-5px}.resize-handle-bottom{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.resize-handle-bottom-left{cursor:nesw-resize;bottom:-5px;left:-5px}.resize-handle-left{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.text-block-input,.reminder-block textarea,.todo-row input[type=text],.todo-row input:not([type]),.simple-table input,.file-block-url-input,.block-title-input{width:100%;color:var(--block-text-color,#1e1e2f);background:0 0;border:0;outline:none}.text-block-input{resize:none;pointer-events:auto;-webkit-user-select:text;user-select:text;height:100%;line-height:1.5}.reminder-block{flex-direction:column;gap:10px;height:100%;display:flex}.todo-block{align-content:start;gap:10px;height:100%;padding-bottom:4px;display:grid}.todo-block-spacer{flex-shrink:0;height:12px}.block-title-input{flex-shrink:0;font-weight:800}.todo-row{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.todo-row input:not([type]),.todo-row input[type=text]{background:#ffffffbf;border-radius:6px;min-height:30px;padding:4px 8px;border:1px solid #22c55e4d!important}.todo-row input:not([type]):focus,.todo-row input[type=text]:focus{background:#ffffffe6;border-color:#22c55e99!important}.inline-tool-button{color:#6c5ce7;background:#f6f2ff;border:0;border-radius:8px;align-items:center;gap:6px;width:fit-content;min-height:30px;padding:0 10px;display:inline-flex}.file-block-image-placeholder{background:#f0f2f8;border-radius:8px;width:100%;height:100%;min-height:120px}.reminder-block textarea{resize:none;flex:1;min-height:64px}.reminder-block input[type=datetime-local]{background:#ffffffa6;border:1px solid #b6aaeacc;border-radius:8px;flex-shrink:0;min-height:34px;margin-top:auto;padding:0 8px}.reminder-email-helper{color:var(--block-muted-text-color,#7a819f);flex-shrink:0;margin-bottom:8px;font-size:12px;line-height:1.35;display:block}.file-block{flex-direction:column;gap:8px;height:100%;display:flex}.file-block-empty{color:var(--block-muted-text-color,#7a819f);align-content:center;place-items:center}.file-block-hidden-input{display:none}.file-block-upload-btn{color:#6c5ce7;cursor:pointer;background:#f6f2ff;border:1px dashed #c7bdf8;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:160px;min-height:40px;padding:0 18px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.file-block-upload-btn:hover{background:#ede7ff;border-color:#a78bfa}.file-block-upload-btn:disabled{opacity:.6;cursor:wait}.file-block-error{color:#c33;text-align:center;word-break:break-word;background:#fee;border:1px solid #fcc;border-radius:6px;max-width:100%;margin-top:8px;padding:8px 12px;font-size:12px;line-height:1.4;display:block}[data-theme=dark] .file-block-error{color:#f88;background:#3a1f1f;border-color:#6a2f2f}.file-block-divider{color:var(--block-muted-text-color,#aeb3d1);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.file-block-url-input{border:1px solid var(--block-border-color,#e3e6f1);width:100%;min-height:34px;color:var(--block-text-color,#1e1e2f);background:#fff;border-radius:8px;outline:none;padding:0 10px}.file-block-image-area{background:#f8f9fc;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.file-block-image{object-fit:contain;border-radius:6px;width:100%;height:100%}.file-block-doc-icon{color:#6c5ce7;justify-content:center;align-items:center;padding:16px 0;display:flex}.file-block-doc-info{text-align:center;gap:2px;display:grid}.file-block-name{text-overflow:ellipsis;white-space:nowrap;color:var(--block-text-color,#424963);min-width:0;font-size:12px;font-weight:600;overflow:hidden}.file-block-size{color:var(--block-muted-text-color,#8f94b3);font-size:10px;font-weight:600}.file-block-actions{flex-shrink:0;justify-content:center;gap:8px;margin-top:auto;padding-bottom:8px;display:flex}.file-block-action{color:#6c5ce7;cursor:pointer;background:#f6f2ff;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.file-block-action:hover{background:#ede7ff}.file-block-action-secondary{color:#606986;background:#f0f2f8}.file-block-action-secondary:hover{background:#e3e6f1}.block-rename-input{min-height:30px;margin:0 8px 4px;font-size:12px}.simple-table{border-collapse:collapse;width:100%}.simple-table td{border:1px solid var(--block-border-color,#e3e6f1);padding:6px}.properties-panel{background:#fff;border-left:1px solid #e6e8f2;min-width:0;padding:22px 18px;overflow:auto}.panel-title{color:#1e1e2f;text-transform:uppercase;align-items:center;min-height:36px;font-size:12px;font-weight:800;display:flex}.empty-panel{color:#8a91aa;border:1px dashed #d8dced;border-radius:8px;place-items:center;min-height:140px;display:grid}.property-group{border-top:1px solid #eef0f7;padding:16px 0}.property-group h3{color:#1e1e2f;margin:0 0 10px;font-size:13px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.number-field{border:1px solid #e6e8f2;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;min-height:38px;padding:0 10px;display:grid}.number-field span{color:#7a819f;font-size:12px;font-weight:800}.number-field input{border:0;outline:none;min-width:0}.layer-control{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.layer-control span{border:1px solid #e6e8f2;border-radius:8px;place-items:center;min-height:34px;display:grid}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;width:26px;height:26px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #dfe3f1}.color-swatch:hover{transform:scale(1.15);box-shadow:0 0 0 1px #b0b5cf}.color-swatch.active{transform:scale(1.1);box-shadow:0 0 0 2px #6c5ce7}.custom-color-row{align-items:center;gap:10px;margin-top:12px;display:flex}.color-preview{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:26px;height:26px;box-shadow:0 0 0 1px #dfe3f1}.custom-color-btn{color:#6c5ce7;cursor:pointer;background:#f6f2ff;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:background-color .15s;display:inline-flex}.custom-color-btn:hover{background:#ede7ff}.hidden-color-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle-row{color:#424963;justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.toggle{width:42px;min-width:42px}.toggle.active{color:#fff;background:#6c5ce7;border-color:#6c5ce7}.toggle span{background:currentColor;border-radius:50%;width:16px;height:16px}.login-page{background:#f5f6fa;grid-template-columns:minmax(320px,440px) minmax(0,1fr);min-height:100vh;display:grid}.login-panel{background:#fff;border-right:1px solid #e6e8f2;align-content:center;gap:28px;padding:48px;display:grid}.login-brand h1{margin:0;font-size:40px}.login-brand p{color:#686f8a;margin:4px 0 0}.login-form{gap:16px;display:grid}.login-form label{color:#424963;gap:8px;font-size:13px;font-weight:700;display:grid}.input-with-icon{background:#fbfbfe;border:1px solid #e1e4ef;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:0 14px;display:grid}.input-with-icon input{background:0 0;border:0;outline:none;min-width:0}.form-error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:10px 12px}.login-preview{background:radial-gradient(circle at 20% 20%,#6c5ce72e,#0000 26%),radial-gradient(circle at 80% 30%,#22c55e24,#0000 24%),#f5f6fa;place-items:center;padding:48px;display:grid}.preview-window{aspect-ratio:16/9;background:#fff;border:1px solid #e0e4ef;border-radius:16px;grid-template-columns:132px minmax(360px,720px);width:min(100%,860px);display:grid;overflow:hidden;box-shadow:0 28px 70px #1e1e2f2e}.preview-sidebar{background:#121225}.preview-canvas{background-color:#fbfbfe;background-image:radial-gradient(#cfd4e8 1px,#0000 1px);background-size:18px 18px;position:relative}.preview-card{border-radius:8px;position:absolute;box-shadow:0 16px 30px #1e1e2f1f}.preview-card.purple{background:#f6f2ff;border:1px solid #a78bfa;width:220px;height:120px;top:72px;left:70px}.preview-card.yellow{background:#fff4c7;border:1px solid #ffd166;width:180px;height:120px;top:150px;left:330px}.preview-card.green{background:#ebfbef;border:1px solid #22c55e;width:190px;height:160px;top:86px;right:70px}@keyframes blockHighlight{0%{box-shadow:0 18px 34px #1e1e2f1f,0 0 0 3px #a855f799}to{box-shadow:0 18px 34px #1e1e2f1f,0 0 #a855f700}}.canvas-block.block-highlight{animation:2.5s ease-out blockHighlight}.page-block-list{border-top:1px solid #ffffff14;grid-column:1/-1;gap:0;padding-top:8px;display:grid}.page-block-list-header{color:#8f94b3;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.page-block-list-header:hover{color:#a8adc6}.page-block-list-items{gap:4px;padding:0 8px 8px;display:grid}.page-block-list-item{color:#d7daf0;text-align:left;cursor:pointer;background:0 0;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;padding:0 8px;transition:background-color .15s ease-out;display:grid}.page-block-list-item:hover{color:#e8ecf8;background:#ffffff14}.page-block-list-item.active{color:#fff;background:#a855f759}.page-block-list-icon{color:#a7a8c0;flex:none}.page-block-list-item:hover .page-block-list-icon,.page-block-list-item.active .page-block-list-icon{color:#c7bdf8}.page-block-list-content{gap:1px;min-width:0;display:grid}.page-block-list-preview{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.page-block-list-type{text-overflow:ellipsis;white-space:nowrap;color:#8f94b3;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;overflow:hidden}@media (width<=1180px){.app-shell{--sidebar-width:250px;--properties-width:290px}.topbar{overflow:hidden}.topbar-search-wrapper{flex:auto;max-width:none}.topbar-actions{overscroll-behavior-x:contain;scrollbar-width:none;flex:none;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}}@media (width<=1023px){.app-shell{--properties-width:0px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.app-shell.sidebar-collapsed{--sidebar-width:0px;--properties-width:0px;grid-template-columns:0 minmax(0,1fr)}.topbar-actions .properties-toggle{gap:7px;min-width:38px;min-height:38px;padding:0 10px;display:inline-flex}.properties-panel{z-index:160;border-left:1px solid #e6e8f2;width:min(360px,88vw);height:100vh;max-height:100vh;transition:transform .2s;display:block;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:0 24px 70px #12122547}.app-shell.properties-panel-open .properties-panel{transform:translate(0)}.properties-backdrop{z-index:150;opacity:0;pointer-events:none;background:#1212256b;border:0;width:100%;min-height:100%;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.app-shell.properties-panel-open .properties-backdrop{opacity:1;pointer-events:auto}.properties-panel .number-field,.properties-panel .toggle,.properties-panel .layer-control button,.properties-panel .custom-color-btn{min-height:42px}}.list-view-container{background-color:#fbfbfe;flex-direction:column;height:100%;padding:40px 60px;display:flex;overflow-y:auto}.list-view-header{margin-bottom:32px}.list-view-header h2{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.list-view-header p{color:#686f8a;margin:0;font-size:14px}.list-view-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:20px;display:grid}.list-view-card{background:#fff;border:1px solid #e1e4ef;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s ease-out;display:flex;box-shadow:0 4px 12px #1e1e2f05}.list-view-card:hover{border-color:#d1d5eb;transform:translateY(-2px);box-shadow:0 8px 24px #1e1e2f0f}.list-view-card .card-icon{color:#6c5ce7;background:#f0f2f8;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.list-view-card .card-icon[data-type=notebook]{color:#4338ca;background:#e0e7ff}.list-view-card .card-icon[data-type=section]{color:#c026d3;background:#fae8ff}.list-view-card .card-icon[data-type=page]{color:#15803d;background:#dcfce7}.list-view-card.reminder-card .card-icon{color:#d97706;background:#fffbeb}.list-view-card.reminder-card.overdue .card-icon{color:#dc2626;background:#fef2f2}.card-content{flex-direction:column;flex:1;gap:8px;margin-bottom:20px;display:flex}.card-content h3{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-description{color:#686f8a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta{color:#8f94b3;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:12px;font-weight:500;display:flex}.page-badge,.date-badge{color:#686f8a;background:#f5f6fa;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.date-badge.overdue{color:#dc2626;background:#fef2f2}.card-actions{border-top:1px solid #f0f2f8;justify-content:flex-end;padding-top:16px;display:flex}.action-button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.action-button.primary{color:#6c5ce7;background:#f6f2ff}.action-button.primary:hover{background:#ede7ff}.action-button.secondary{color:#686f8a;background:0 0}.action-button.secondary:hover{color:#1a1a2e;background:#f5f6fa}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.text{color:#6c5ce7;background:#f6f2ff}.badge.reminder{color:#d97706;background:#fffbeb}.date-text{color:#a0a5ba;font-size:12px}.card-preview{color:#424963;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.path-badge{color:#686f8a;background:#f5f6fa;border-radius:6px;align-items:center;gap:4px;width:100%;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.path-badge span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.split-actions{justify-content:space-between;width:100%;display:flex}.action-button.danger-outline{color:#dc2626;background:0 0;border:1px solid #fca5a5}.action-button.danger-outline:hover{background:#fef2f2}@media (width<=900px){.app-shell{--sidebar-width:220px;--properties-width:0px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.app-shell.sidebar-collapsed{--sidebar-width:0px;grid-template-columns:0 minmax(0,1fr)}.login-page{grid-template-columns:1fr}.login-preview{display:none}}@media (width<=767px){.properties-panel{border-top:1px solid #e6e8f2;border-left:0;border-radius:14px 14px 0 0;width:100vw;height:min(78vh,620px);max-height:78vh;inset:auto 0 0;transform:translateY(105%)}.app-shell.properties-panel-open .properties-panel{transform:translateY(0)}}@media (width<=768px){.share-modal-backdrop{align-items:end;padding:12px}.share-modal{border-radius:16px 16px 10px 10px;max-height:min(86vh,760px)}.share-form,.share-form.enhanced{grid-template-columns:minmax(0,1fr)}.share-submit-button{width:100%}.app-shell,.app-shell.sidebar-collapsed{--sidebar-width:min(84vw, 320px);grid-template-columns:minmax(0,1fr);width:100vw}.sidebar{z-index:130;width:var(--sidebar-width);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.app-shell.sidebar-mobile-open .sidebar{transform:translate(0)}.sidebar-backdrop{z-index:120;opacity:0;pointer-events:none;background:#1212257a;width:100%;min-height:100%;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.app-shell.sidebar-mobile-open .sidebar-backdrop{opacity:1;pointer-events:auto}.workspace{grid-template-rows:58px minmax(0,1fr);width:100vw;min-width:0}.topbar{gap:8px;min-width:0;padding:0 10px;overflow:hidden}.topbar-search-wrapper{flex:auto;max-width:none}.topbar-search{flex:auto;max-width:none;min-height:36px;padding:0 9px}.topbar-actions{overscroll-behavior-x:contain;scrollbar-width:none;flex:none;gap:6px;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}.canvas-toolbar-buttons::-webkit-scrollbar{display:none}.zoom-controls::-webkit-scrollbar{display:none}.topbar-actions .preference-controls{flex:none}.canvas-stage,.canvas-shell,.list-view-container,.empty-workspace,.workspace-onboarding{width:100%;min-width:0;max-width:100vw}.canvas-toolbar{grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);width:auto;max-width:calc(100vw - 24px);top:12px;left:12px;transform:translate(-50%,-50%)}.canvas-top-right-controls{gap:6px;padding:5px;top:10px;right:10px}.toolbar-drag-handle{border-radius:8px 0 0 8px;width:8px;height:100%;min-height:44px;padding:0 4px}.toolbar-drag-handle:before{width:2px;height:20px}.canvas-toolbar-buttons{scrollbar-width:none;max-width:calc(100vw - 48px);display:flex;overflow-x:auto}.zoom-controls{max-width:calc(100vw - 24px)}.list-view-container{padding:24px 16px}.workspace-onboarding{padding:20px 16px}.workspace-onboarding-panel{padding:22px}.workspace-onboarding-steps{grid-template-columns:1fr}.guided-onboarding-card{right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:min(70vh,520px);padding:16px}.guided-onboarding-actions{grid-template-columns:1fr;display:grid}.guided-onboarding-secondary,.guided-onboarding-primary{width:100%}}@media (width<=640px){.workspace{grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:38px minmax(0,1fr);grid-template-areas:"sidebar search""actions actions";align-items:center;row-gap:8px;min-height:104px;padding:8px 10px;display:grid}.header-sidebar-toggle{grid-area:sidebar}.topbar-search-wrapper{grid-area:search;width:100%}.topbar-actions{grid-area:actions;justify-content:flex-start;justify-self:stretch;gap:5px;width:100%;max-width:100%}.topbar-actions .properties-toggle{flex:0 0 38px;padding:0}.topbar-actions .properties-toggle span{display:none}.topbar-actions .zoom-controls{gap:0}.topbar-actions .zoom-controls button{min-width:34px;min-height:34px}.topbar-actions .zoom-current{min-width:48px;min-height:34px}.topbar-actions .preference-controls{gap:5px}.topbar-actions .language-switcher,.topbar-actions .theme-toggle{gap:5px;padding:0 7px}.language-switcher select{min-width:76px}.preference-controls.compact .language-switcher select{min-width:54px}.workspace-onboarding{align-items:start;overflow-y:auto}.workspace-onboarding-panel{gap:18px;padding:18px}.workspace-onboarding h2{font-size:24px}.workspace-onboarding-actions{grid-template-columns:1fr;display:grid}.workspace-onboarding-action{width:100%}.company-setup-page{align-items:start;padding:18px}.company-setup-card{gap:20px;padding:20px}.company-setup-hero{grid-template-columns:1fr}.company-setup-card h1{font-size:24px}.company-setup-actions,.company-setup-actions.split,.company-setup-actions.split>div{grid-template-columns:1fr;display:grid}.company-setup-button{width:100%}}.block-actions{gap:4px;display:flex}.block-actions button{color:#a0a5ba;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.block-actions button:hover{color:#dc2626;background:#f1f2f6}.favorite-button.active{color:#f59e0b}.favorite-button.active:hover{color:#d97706;background:#fffbeb}.admin-shell{background:#f5f6fa;grid-template-columns:276px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.admin-sidebar{color:#f5f6fa;background:linear-gradient(#6c5ce729,#0000 42%),#121225;border-right:1px solid #ffffff14;grid-template-rows:auto minmax(0,1fr) auto;gap:24px;min-height:0;padding:24px 18px;display:grid}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand strong,.admin-company-card strong{color:#fff;font-size:15px;display:block}.admin-brand span,.admin-company-card span,.admin-topbar span{color:#aeb3d1;font-size:12px;display:block}.admin-nav{align-content:start;gap:7px;min-height:0;display:grid;overflow-y:auto}.admin-nav a{color:#d7daf0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;text-decoration:none;display:flex}.admin-nav a:hover,.admin-nav a.active{color:#fff;background:#ffffff1a}.admin-nav a.admin-nav-secondary{opacity:.92;min-height:36px;margin-left:14px;padding-left:12px;font-size:12px}.admin-nav a.admin-nav-secondary svg{width:16px;height:16px}.admin-company-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:14px 12px;display:grid}.admin-main{grid-template-rows:64px minmax(0,1fr);min-width:0;min-height:0;display:grid}.admin-topbar{background:#fffffff0;border-bottom:1px solid #e6e8f2;justify-content:space-between;align-items:center;gap:16px;padding:0 26px;display:flex}.admin-topbar strong{color:#1e1e2f;font-size:14px;display:block}.admin-content{min-width:0;min-height:0;padding:28px;overflow:auto}.admin-page{gap:22px;width:min(1320px,100%);margin:0 auto;display:grid}.admin-page-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.admin-page-header span,.admin-card-header span,.admin-stat-card span,.admin-role-heading span{color:#6c5ce7;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.admin-page-header h1{color:#1e1e2f;margin:4px 0 6px;font-size:30px;line-height:1.2}.admin-page-header p,.admin-role-card p,.admin-stat-card p{color:#686f8a;margin:0;font-size:14px}.admin-page-action{flex:none}.admin-page-action-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-card{background:#fff;border:1px solid #e6e8f2;border-radius:8px;min-width:0;padding:18px;box-shadow:0 14px 34px #1e1e2f0f}.account-page{background:var(--color-bg);height:100vh;overflow-y:auto}.account-shell{gap:18px;width:min(1120px,100% - 32px);margin:0 auto;padding:22px 0 40px;display:grid}.account-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.account-grid{grid-template-columns:1fr}}.account-info-list{gap:12px;display:grid}.account-info-list>div{border-bottom:1px solid #eef0f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.account-info-list span,.account-muted{color:#686f8a;font-size:13px}.account-storage-bar{background:#eef0f7;border-radius:999px;height:10px;overflow:hidden}.account-storage-bar span{border-radius:inherit;background:#6c5ce7;max-width:100%;height:100%;display:block}.admin-stat-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;display:grid}.admin-stat-card{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.admin-stat-card strong{color:#1e1e2f;margin:4px 0;font-size:28px;line-height:1;display:block}.admin-stat-icon{color:#6c5ce7;background:#f6f2ff;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.admin-card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-card-header h2{color:#1e1e2f;margin:4px 0 0;font-size:18px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-toolbar input,.admin-toolbar select,.admin-form-grid input,.admin-form-grid select,.admin-field input,.admin-toolbar textarea,.admin-form-grid textarea{min-height:var(--control-height);min-width:0;padding:0 var(--control-padding-x);border:1px solid var(--control-border);border-radius:var(--control-radius);color:var(--control-text);background-color:var(--control-bg);outline:none;font-family:inherit;font-size:14px;transition:all .15s}.admin-toolbar select:not([multiple]),.admin-form-grid select:not([multiple]){background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:38px}.admin-toolbar input:focus,.admin-toolbar select:focus,.admin-form-grid input:focus,.admin-form-grid select:focus,.admin-field input:focus,.admin-toolbar textarea:focus,.admin-form-grid textarea:focus{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.admin-toolbar textarea,.admin-form-grid textarea{resize:vertical;min-height:100px;padding:12px}.admin-toolbar input{width:min(320px,100%)}.admin-button,.admin-icon-button,.admin-row-actions button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.admin-button:focus-visible,.admin-icon-button:focus-visible,.admin-row-actions button:focus-visible{outline-offset:2px;outline:2px solid #6c5ce7}.admin-button.primary{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);box-shadow:0 12px 22px #6c5ce738}.admin-button.primary:hover{background:linear-gradient(135deg,#5d4dd1,#7a4ce0);box-shadow:0 14px 28px #6c5ce752}.admin-button.primary:active{background:linear-gradient(135deg,#4d3db5,#6a3cc0)}.admin-button.ghost,.admin-icon-button,.admin-row-actions button{color:#606986;background:#fff;border:1px solid #e6e8f2}.admin-button.ghost:hover,.admin-icon-button:hover,.admin-row-actions button:hover{background:#f5f6fa;border-color:#d0d3e0}.admin-button.ghost:active,.admin-icon-button:active,.admin-row-actions button:active{background:#eff0f7}.admin-button:disabled,.admin-pagination button:disabled{cursor:not-allowed;opacity:.55}.admin-icon-button{width:40px;min-width:40px;height:40px;padding:0}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:760px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef0f7;padding:13px 12px}.admin-table th{color:#7a819f;text-transform:uppercase;font-size:11px;font-weight:800}.admin-table td{color:#424963;font-size:14px}.platform-ops{gap:20px;width:min(1320px,100%);margin:0 auto;display:grid}.platform-ops-anchor-target{scroll-margin-top:24px}.platform-ops-tabs{background:#fff;border:1px solid #eef0f7;border-radius:8px;flex-wrap:wrap;gap:8px;padding:10px;display:flex;box-shadow:0 10px 28px #2a2f450f}.platform-ops-tabs a{color:#424963;background:#f6f7fb;border-radius:8px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.platform-ops-tabs a:hover{color:#fff;background:#6c5ce7}.platform-ops-section,.platform-ops-audit{gap:16px;display:grid}.platform-ops-section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.platform-ops-section-header h2,.platform-ops-actions h2{color:#1e1e2f;margin:0 0 5px;font-size:18px;line-height:1.25}.platform-ops-section-header p{color:#686f8a;margin:0;font-size:13px}.platform-ops-section-header svg{color:#6c5ce7;flex:none}.platform-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.platform-setting-control{background:#fbfcff;border:1px solid #eef0f7;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:14px;padding:12px;display:grid}.platform-setting-control span{min-width:0}.platform-setting-control strong{color:#1e1e2f;margin-bottom:4px;font-size:13px;display:block}.platform-setting-control small{color:#686f8a;font-size:12px;line-height:1.35;display:block}.platform-setting-control input:not([type=checkbox]),.platform-setting-control select,.platform-test-row input,.platform-test-row select{min-width:0;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--control-border);border-radius:var(--control-radius);color:var(--control-text);background-color:var(--control-bg);font:inherit}.platform-setting-control input[type=checkbox]{accent-color:#6c5ce7;justify-self:end;width:22px;height:22px}.platform-template-registry{border-top:1px solid #eef0f7;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;display:flex}.platform-template-registry strong{color:#1e1e2f;font-size:13px}.platform-template-registry div{flex-wrap:wrap;gap:8px;display:flex}.platform-template-registry span{color:#424963;background:#f1f3f9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.platform-ops-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.platform-test-row{gap:10px;display:flex}.platform-test-row input,.platform-test-row select{flex:auto}.admin-alert{border-radius:8px;padding:12px 14px;font-size:14px;font-weight:700}.admin-alert.success{color:#116329;background:#eaf8ee;border:1px solid #bce8ca}.admin-alert.danger{color:#8a1f1f;background:#fff0f0;border:1px solid #ffd0d0}.maintenance-page{text-align:center;background:#f6f7fb;place-content:center;gap:12px;min-height:100vh;padding:24px;display:grid}.maintenance-page h1{color:#1e1e2f;margin:0;font-size:30px}.maintenance-page p{color:#686f8a;max-width:560px;margin:0}@media (width<=1100px){.platform-ops-grid,.platform-ops-actions{grid-template-columns:1fr}}@media (width<=680px){.platform-setting-control,.platform-test-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.platform-setting-control input[type=checkbox]{justify-self:start}}.admin-link-cell{color:#1e1e2f;text-align:left;background:0 0;gap:3px;max-width:360px;padding:0;display:grid}.admin-link-cell strong,.admin-table td>strong{color:#1e1e2f;font-size:14px}.admin-link-cell span,.admin-muted{color:#7a819f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-row-actions{gap:6px;display:flex}.admin-row-actions button{width:40px;min-height:40px;padding:0}.admin-row-actions button:hover{color:#6c5ce7;background:#f6f2ff;border-color:#c7bdf8}.admin-status{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.admin-status.active{color:#15803d;background:#dcfce7}.admin-status.inactive{color:#991b1b;background:#fee2e2}.admin-status.success{color:#15803d;background:#dcfce7}.admin-status.warning{color:#b45309;background:#fef3c7}.admin-status.expired{color:#991b1b;background:#fee2e2}.admin-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.admin-pagination span{color:#686f8a;font-size:13px;font-weight:700}.confirmation-dialog-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1212256b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirmation-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;width:min(500px,100%);max-height:min(600px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 70px #12122540}.confirmation-dialog-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.confirmation-dialog-header h2{color:var(--color-text);flex:1;margin:0;font-size:18px}.confirmation-dialog-icon-warning{color:#dc2626;flex-shrink:0}.confirmation-dialog-close{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.confirmation-dialog-close:hover{background:var(--color-surface-muted);color:var(--color-text)}.confirmation-dialog-close:focus-visible{outline-offset:2px;outline:2px solid #6c5ce7}.confirmation-dialog-body{color:var(--color-text);padding:20px;overflow-y:auto}.confirmation-dialog-body p{color:var(--color-text-muted);white-space:pre-line;margin:0;line-height:1.6}.confirmation-dialog-controls{gap:12px;margin-top:16px;display:grid}.confirmation-dialog-check,.confirmation-dialog-text-confirm{color:var(--color-text);gap:8px;font-size:13px;font-weight:700;display:grid}.confirmation-dialog-check{grid-template-columns:auto minmax(0,1fr);align-items:start}.confirmation-dialog-check input{margin-top:2px}.confirmation-dialog-text-confirm input{border:1px solid var(--color-border);min-height:40px;color:var(--color-text);background:var(--color-bg-soft);border-radius:10px;padding:0 12px}.confirmation-dialog-error{color:#991b1b;background:#ef44441a;border:1px solid #ef44443d;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.notebook-delete-dialog{width:min(620px,100vw - 32px)}.notebook-delete-body{gap:14px;display:grid}.notebook-delete-danger-text{background:#ef444417;border:1px solid #ef44443d;border-radius:8px;padding:10px 12px;font-weight:800;color:#991b1b!important}.notebook-delete-state,.notebook-delete-error{border-radius:8px;padding:10px 12px;font-size:13px}.notebook-delete-state{color:var(--color-text-muted);background:var(--color-bg-soft)}.notebook-delete-state strong,.notebook-delete-state span{display:block}.notebook-delete-state strong{color:var(--color-text)}.notebook-delete-state span{margin-top:2px}.notebook-delete-error{color:#991b1b;background:#ef44441a}.notebook-delete-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.notebook-delete-impact-item{border:1px solid var(--color-border-soft);background:var(--color-bg-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.notebook-delete-impact-item span{color:var(--color-text-muted);font-size:12px}.notebook-delete-impact-item strong{color:var(--color-text);font-size:16px}.notebook-delete-check,.notebook-delete-title-confirm{color:var(--color-text);gap:8px;font-size:13px;display:grid}.notebook-delete-check{grid-template-columns:auto minmax(0,1fr);align-items:start}.notebook-delete-check input{margin-top:2px}.notebook-delete-title-confirm input{border:1px solid var(--color-border);min-height:40px;color:var(--color-text);background:var(--color-bg-soft);border-radius:8px;padding:0 12px}@media (width<=560px){.notebook-delete-impact-grid{grid-template-columns:minmax(0,1fr)}}.confirmation-dialog-actions{border-top:1px solid var(--color-border);background:var(--color-bg);justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.confirmation-dialog-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.confirmation-dialog-button.cancel{color:#606986;background:#fff;border:1px solid #e6e8f2}.confirmation-dialog-button.cancel:hover{background:#f5f6fa;border-color:#d0d3e0}.confirmation-dialog-button.confirm{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);box-shadow:0 8px 16px #6c5ce738}.confirmation-dialog-button.confirm:hover{background:linear-gradient(135deg,#5d4dd1,#7a4ce0);box-shadow:0 12px 24px #6c5ce752}.confirmation-dialog-button.confirm.danger{background:#dc2626;box-shadow:0 8px 16px #dc262638}.confirmation-dialog-button.confirm.danger:hover{background:#b91c1c;box-shadow:0 12px 24px #dc262652}.confirmation-dialog-button:disabled{opacity:.6;cursor:not-allowed}.confirmation-dialog-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .confirmation-dialog-button.cancel{color:#b5bad1;background:#1b1c2f;border-color:#30334a}[data-theme=dark] .confirmation-dialog-button.cancel:hover{background:#24263a;border-color:#3d4158}.admin-modal-backdrop{z-index:200;background:#1212256b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);max-height:min(780px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 70px #12122540}.admin-modal-header,.admin-modal-actions{border-bottom:1px solid #eef0f7;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.admin-modal-header h2{color:#1e1e2f;margin:0;font-size:18px}.admin-modal-header button{color:#606986;cursor:pointer;background:#f5f6fa;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;min-height:40px;transition:all .15s;display:inline-flex}.admin-modal-header button:hover{color:#1e1e2f;background:#eff0f7}.admin-modal-body{gap:16px;min-height:0;padding:18px;display:grid;overflow:auto}.admin-modal-actions{border-top:1px solid #eef0f7;border-bottom:0;justify-content:flex-end}.share-modal-backdrop{z-index:240;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1212257a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.share-modal{border:1px solid var(--color-border);width:min(680px,100%);max-height:min(760px,100vh - 48px);color:var(--color-text);background:var(--color-surface);border-radius:12px;gap:18px;padding:20px;display:grid;overflow:auto;box-shadow:0 28px 80px #12122547}.share-modal-header,.share-list-header,.share-user-row{align-items:center;gap:12px;display:flex}.share-modal-header{justify-content:space-between}.share-modal-header.enhanced{grid-template-columns:44px minmax(0,1fr) 38px;align-items:start;display:grid}.share-modal-icon{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2));border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.share-modal-header span,.share-modal-header p,.share-user-main span,.share-list-header span{color:var(--color-text-muted)}.share-modal-header h2,.share-modal-header p{margin:0}.share-modal-header h2{margin-top:4px;font-size:20px}.share-modal-header button,.share-remove-button{width:38px;min-width:38px;min-height:38px;color:var(--color-text-muted);background:var(--color-bg-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.share-form{grid-template-columns:minmax(0,1.3fr) minmax(140px,.7fr) auto;align-items:end;gap:12px;display:grid}.share-form.enhanced{grid-template-columns:minmax(0,1fr) minmax(150px,.36fr) auto}.share-form .full-span{grid-column:1/-1}.share-form label{color:var(--color-text-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.share-form input,.share-form select{border:1px solid var(--color-border);min-height:42px;color:var(--color-text);background:var(--color-bg-soft);border-radius:8px;padding:0 12px}.share-email-field{border:1px solid var(--color-border);min-height:42px;color:var(--color-text-muted);background:var(--color-bg-soft);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.share-email-field input{background:0 0;border:0;min-height:40px;padding:0}.share-submit-button{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.share-submit-button:disabled,.share-remove-button:disabled{cursor:not-allowed;opacity:.55}.share-error,.share-success,.share-inline-state,.share-empty{border-radius:10px;padding:12px 14px;font-size:13px}.share-error{color:#b91c1c;background:#ef44441f}.share-success{color:#047857;background:#10b9811f}.share-inline-state{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.share-empty{color:var(--color-text-muted);background:var(--color-bg-soft)}.share-empty.compact{padding:9px 11px}.share-list-header{justify-content:space-between;padding-top:4px}.share-list{gap:10px;display:grid}.share-list.compact{gap:8px}.share-search-results{border:1px solid var(--color-border-soft);background:color-mix(in srgb, var(--color-bg-soft) 84%, transparent);border-radius:10px;gap:10px;padding:12px;display:grid}.share-found-card{border:1px solid color-mix(in srgb, var(--color-primary) 42%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 12px 28px #7c5cff1a}.share-user-row{border:1px solid var(--color-border-soft);background:var(--color-bg-soft);border-radius:10px;min-width:0;padding:12px}.share-user-option{border:1px solid var(--color-border-soft);width:100%;min-height:54px;color:var(--color-text);background:var(--color-surface);text-align:left;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.share-user-option:hover:not(:disabled),.share-user-option:focus-visible:not(:disabled){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.share-user-option:disabled{cursor:not-allowed;opacity:.58}.share-avatar{color:#fff;background:linear-gradient(135deg,#6c5ce7,#22d3ee);border-radius:999px;place-items:center;width:38px;min-width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.share-user-main{min-width:0;margin-right:auto;display:grid}.share-user-main strong,.share-user-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-role-badge{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.share-role-badge.viewer{color:#0369a1;background:#0ea5e924}.share-role-badge.editor{color:#6d28d9;background:#8b5cf629}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-form-grid.single{grid-template-columns:minmax(0,1fr)}.admin-license-context{border:1px solid var(--color-border-soft);min-width:0;color:var(--color-text);background:var(--color-bg-soft);border-radius:10px;gap:4px;padding:12px 14px;display:grid}.admin-license-context strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-license-context span{color:var(--color-text-muted);font-size:13px}.form-group{align-content:start;gap:8px;min-width:0;display:grid}.form-group>label,.admin-form-grid label,.admin-field{color:#424963;align-content:start;gap:8px;font-size:13px;font-weight:800;display:grid}.form-row,.admin-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-checkbox-row{color:#424963;align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.admin-form-grid label.admin-checkbox-row,.form-group>label.admin-checkbox-row{justify-content:flex-start;align-items:center;display:flex}.admin-checkbox-row input{accent-color:#6c5ce7;border-radius:5px;width:18px;min-width:18px;height:18px;min-height:18px;padding:0}.admin-inline-form-card{border:1px solid var(--color-border);background:var(--color-bg-soft);border-radius:10px;gap:16px;margin-bottom:20px;padding:18px;display:grid}.admin-inline-form-card h3,.admin-inline-form-card h4{color:var(--color-text);margin:0}.admin-inline-form-card p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.admin-form-section{border-top:1px solid var(--color-border-soft);gap:14px;padding-top:16px;display:grid}.plan-feature-editor{gap:8px;display:grid}.plan-feature-editor>span,.admin-help-text{color:var(--color-text-muted);font-size:13px}.plan-feature-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:minmax(0,1fr) repeat(3,34px);align-items:center;gap:8px;padding:8px;display:grid}.plan-feature-row>span{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.plan-feature-row button{width:34px;height:34px;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:8px;place-items:center;display:grid}.plan-feature-row button:disabled{cursor:not-allowed;opacity:.4}.plan-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;display:grid}.plan-status-chip{width:max-content;min-height:24px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.plan-status-chip.featured{color:#0f766e;background:#ccfbf1;margin-left:8px}.plan-meta-stack{flex-wrap:wrap;gap:6px;display:flex}.plan-meta-stack span{min-height:22px;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;align-items:center;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.admin-form-grid .full-span,.admin-form-row .full-span,.admin-table-edit-form .full-span{grid-column:1/-1}.admin-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-assignment-grid>div{background:#fbfbfe;border:1px solid #eef0f7;border-radius:8px;align-content:start;gap:6px;min-height:120px;max-height:220px;padding:12px;display:grid;overflow:auto}.admin-assignment-grid h3{color:#1e1e2f;margin:0 0 6px;font-size:13px}.admin-role-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;display:grid}.admin-role-card{align-content:start;gap:14px;display:grid}.admin-role-heading{align-items:center;gap:12px;display:flex}.admin-role-heading svg{color:#6c5ce7}.admin-role-heading h2{color:#1e1e2f;margin:3px 0 0;font-size:18px}.admin-permission-list{gap:8px;display:grid}.admin-permission-list span{color:#424963;background:#f5f6fa;border-radius:8px;align-items:center;gap:8px;min-height:30px;padding:0 9px;font-size:13px;font-weight:700;display:flex}.admin-permission-list svg{color:#22c55e}.admin-activity-list{gap:8px;display:grid}.admin-activity-item{background:#fbfbfe;border:1px solid #eef0f7;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.admin-activity-item strong{color:#1e1e2f;font-size:14px;display:block}.admin-activity-item span,.admin-activity-item time{color:#7a819f;font-size:12px}.admin-state,.admin-error,.admin-loading,.admin-denied{color:#7a819f;text-align:center;place-items:center;min-height:140px;display:grid}.admin-state.compact{min-height:74px}.admin-error{color:#991b1b;background:#fee2e2;border-radius:8px;min-height:46px;padding:10px 12px}.admin-error.inline{min-height:0}.admin-loading,.admin-denied{background:#f5f6fa;gap:12px;min-height:100vh;padding:32px}.admin-denied h1,.admin-denied p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.preference-controls{align-items:center;gap:8px;display:inline-flex}.language-switcher,.theme-toggle{min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--control-radius);color:var(--color-text-muted);background:var(--color-surface);align-items:center;gap:7px;padding:0 10px;display:inline-flex}.language-switcher select{width:auto;min-width:92px;min-height:var(--control-height);color:var(--color-text);box-shadow:none;cursor:pointer;background-color:#0000;border:0;border-radius:0;outline:none;padding:0 24px 0 0}.theme-toggle{font-weight:700}.preference-controls.compact .language-switcher select{min-width:70px}.topbar-actions .preference-controls,.admin-topbar-actions .preference-controls{flex:none}.admin-topbar-actions{align-items:center;gap:10px;display:flex}body,#root,.app-shell,.workspace,.login-page,.admin-shell,.admin-main,.admin-content,.empty-workspace,.list-view-container{color:var(--color-text);background:var(--color-bg)}.sidebar,.admin-sidebar,.preview-sidebar{color:var(--color-sidebar-text);background:linear-gradient(180deg, #6c5ce729, transparent 42%), var(--color-sidebar)}.brand span,.profile span,.admin-brand span,.admin-company-card span,.admin-topbar span{color:var(--color-sidebar-muted)}.topbar,.topbar-search,.search-results-dropdown,.admin-topbar,.login-panel,.properties-panel,.admin-card,.admin-modal,.preview-window,.list-view-card,.empty-workspace div{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.search-result-item{color:var(--color-text)}.search-result-context,.search-result-preview,.search-results-status{color:var(--color-text-muted)}.search-result-item:hover,.search-result-item:focus-visible{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.canvas-shell,.preview-canvas{background-color:var(--color-bg-soft);background-image:radial-gradient(var(--color-grid-dot) 1px, transparent 1px)}.canvas-toolbar,.zoom-controls{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 92%, transparent);border-color:var(--color-border);box-shadow:var(--shadow-soft)}.number-field input,.topbar-search input,.admin-toolbar input,.admin-toolbar select,.admin-toolbar textarea,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.admin-field input,.input-with-icon input{color:var(--color-text);background-color:#0000}.input-with-icon,.admin-toolbar input,.admin-toolbar select,.admin-toolbar textarea,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.admin-field input,.number-field{color:var(--color-text);background-color:var(--color-input);border-color:var(--color-border)}.admin-table th{color:var(--color-text-soft)}:root[data-theme=dark] .form-group>label,:root[data-theme=dark] .admin-form-grid label,:root[data-theme=dark] .admin-field,:root[data-theme=dark] .admin-checkbox-row,:root[data-theme=dark] .admin-table-edit-form label,:root[data-theme=dark] .login-form label,.admin-table td,.card-description,.card-preview,.admin-page-header p,.admin-role-card p,.admin-stat-card p,.login-brand p,.empty-workspace p{color:var(--color-text-muted)}.admin-page-header h1,.admin-card-header h2,.admin-role-heading h2,.admin-link-cell strong,.admin-table td>strong,.list-view-header h2,.card-content h3,.breadcrumb strong,.empty-workspace h2,.login-brand h1,.property-group h3{color:var(--color-text)}.admin-table th,.admin-table td,.admin-modal-header,.admin-modal-actions,.card-actions,.property-group{border-color:var(--color-border-soft)}.admin-button.ghost,.admin-icon-button,.admin-row-actions button,.sidebar-toggle-button,.canvas-toolbar button,.zoom-controls button,.zoom-current,.breadcrumb button,.topbar-actions button,.layer-control button,.toggle{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border)}.new-note-button,.primary-button,.share-button,.admin-button.primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2))}.list-view-card,.admin-card{box-shadow:var(--shadow-soft)}.admin-modal{box-shadow:var(--shadow-strong)}:root[data-theme=dark] .page-badge,:root[data-theme=dark] .date-badge,:root[data-theme=dark] .path-badge,:root[data-theme=dark] .admin-permission-list span,:root[data-theme=dark] .admin-assignment-grid>div,:root[data-theme=dark] .admin-activity-item{background:var(--color-surface-muted);border-color:var(--color-border)}@media (width<=1120px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.admin-role-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:18px}.admin-page-header,.admin-activity-item{flex-direction:column;align-items:flex-start}.admin-stat-grid,.account-grid,.admin-form-grid,.admin-form-row,.plan-toggle-grid,.admin-assignment-grid{grid-template-columns:minmax(0,1fr)}.account-topbar{flex-direction:column;align-items:stretch}}.admin-table-edit-row td{background:#f6f2ff;padding:16px 12px}.admin-table-edit-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:16px;display:grid}.admin-table-edit-title{color:var(--color-text);grid-column:1/-1;font-size:14px;font-weight:800}.admin-table-edit-form .form-group{gap:6px;display:grid}.admin-table-edit-form label{color:#424963;gap:6px;font-size:13px;font-weight:800;display:grid}.admin-table-edit-form label span{color:#7a819f;font-weight:700}.admin-table-edit-form input,.admin-table-edit-form select{min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--control-border);border-radius:var(--control-radius);color:var(--control-text);background-color:var(--control-bg);font-size:14px}.admin-table-edit-form select:not([multiple]){background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:38px}.admin-table-edit-form input:focus,.admin-table-edit-form select:focus{border-color:#6c5ce7;outline:none;box-shadow:0 0 0 3px #6c5ce71a}.admin-form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-form-actions button{min-height:var(--control-height);padding:0 16px}.customer-detail-card{margin-top:16px}.customer-detail-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.customer-detail-grid>div{border:1px solid var(--color-border-soft);background:var(--color-surface-muted);border-radius:8px;gap:5px;padding:12px;display:grid}.customer-detail-grid span{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.customer-detail-grid strong{color:var(--color-text);font-size:15px}.customer-detail-section{gap:10px;margin-top:18px;display:grid}.customer-detail-section h3{color:var(--color-text);margin:0;font-size:15px}.spin{animation:.8s linear infinite spin}.paywall-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12122580;place-items:center;padding:24px;display:none;position:fixed;inset:0}.paywall-overlay.paywall-overlay-active{animation:.2s ease-out fadeIn;display:grid}.paywall-modal{background:var(--color-surface);opacity:0;border-radius:12px;grid-template-rows:auto 1fr auto;width:min(520px,100%);max-height:min(700px,100vh - 48px);display:grid;overflow:hidden;transform:scale(.9);box-shadow:0 24px 70px #12122540}.paywall-modal.paywall-modal-active{animation:.3s ease-out forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.paywall-header{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex}.paywall-title{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.paywall-close{width:36px;height:36px;color:var(--color-text-muted);background:var(--color-surface-muted);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:inline-flex}.paywall-close:hover{color:var(--color-text);background:var(--color-border)}.paywall-body{color:var(--color-text);gap:16px;padding:24px;display:grid;overflow:auto}.paywall-message{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.6}.paywall-blocked-actions,.paywall-allowed-actions{border-radius:8px;padding:12px;font-size:13px}.paywall-blocked-actions{background:#ef444414;border:1px solid #ef444433}.paywall-blocked-title,.paywall-allowed-title{color:var(--color-text);margin:0 0 8px;font-weight:600}.paywall-blocked-title{color:#dc2626}.paywall-allowed-title{color:#16a34a}.paywall-blocked-list{color:var(--color-text-muted);margin:0;padding-left:20px}.paywall-blocked-list li{margin:4px 0;font-size:13px}.paywall-allowed-actions{background:#22c55e14;border:1px solid #22c55e33}.paywall-footer{border-top:1px solid var(--color-border-soft);justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}.paywall-btn{cursor:pointer;border:0;border-radius:8px;min-height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.paywall-btn-secondary{color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border)}.paywall-btn-secondary:hover{color:var(--color-text);background:var(--color-border)}.paywall-btn-primary{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6)}.paywall-btn-primary:hover{background:linear-gradient(135deg,#5e4dc7,#7c4ce6);box-shadow:0 8px 16px #6c5ce74d}:root[data-theme=dark] .paywall-overlay{background:#0009}:root[data-theme=dark] .paywall-modal{background:var(--color-surface)}:root[data-theme=dark] .paywall-header,:root[data-theme=dark] .paywall-footer{border-color:var(--color-border)}:root[data-theme=dark] .paywall-close{background:var(--color-surface-muted)}:root[data-theme=dark] .paywall-close:hover{background:var(--color-border)}