.editor-page{height:100vh;overflow:hidden;background:#f6f5f2}.editor-loading{height:100vh;display:grid;place-content:center;justify-items:center;gap:15px;color:var(--muted)}.editor-topbar{height:62px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7e4de;position:relative;z-index:20}.editor-actions,.editor-brand{display:flex;align-items:center;gap:8px;min-width:0}.editor-brand .brand{font-size:14px}.editor-brand .brand-mark{width:30px;height:30px;font-size:17px}.icon-button{width:38px;height:38px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#5f6070;cursor:pointer}.icon-button:hover{background:#f2f0eb;color:var(--ink)}.icon-button.with-label{width:auto;padding:0 10px;font-size:13px;font-weight:700}.tooltip{position:relative}.tooltip-text{position:absolute;z-index:40;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-3px);padding:6px 8px;border-radius:6px;background:#2c2d40;color:white;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.tooltip:focus-visible .tooltip-text,.tooltip:hover .tooltip-text{opacity:1;transform:translateX(-50%) translateY(0)}.board-title{width:min(26vw,260px);border:0;background:transparent;font-weight:700;color:var(--ink);padding:8px;border-radius:8px;outline:none}.board-title:focus{background:#f4f2ed}.save-status{color:#92929c;font-size:11px;white-space:nowrap}.user-chip{width:34px;height:34px;border-radius:50%;background:#2c2d40;color:white;display:grid;place-items:center;font-size:13px;font-weight:800;border:0;padding:0;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.user-chip:hover{opacity:.9}.file-label input{position:absolute;opacity:0;width:1px;height:1px}.export-menu,.user-menu{position:relative;display:flex;align-items:center}.export-menu-trigger{width:24px;margin-left:-7px}.export-menu-popover,.user-menu-popover{position:absolute;z-index:30;top:calc(100% + 7px);right:0;min-width:178px;padding:5px;border:1px solid #dedbe4;border-radius:10px;background:white;box-shadow:0 12px 30px rgba(31,32,48,.16)}.export-menu-popover button,.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;box-sizing:border-box}.export-menu-popover button:hover,.user-menu-item:hover{background:#f4f2ed}.canvas-stage{position:relative;height:calc(100vh - 62px)}.canvas-stage .default-sidebar-trigger{display:none}.canvas-top-actions{display:flex;align-items:center;gap:8px}.canvas-ai-button{border-color:#cfc8ff;color:#5749d6}.canvas-components-button .sidebar-trigger__label{font-weight:700}.ai-diagram-dialog{width:min(940px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #d9d5e2;border-radius:22px;background:white;color:var(--ink);box-shadow:0 30px 90px rgba(31,32,48,.3);overflow:hidden}.ai-diagram-dialog::backdrop{background:rgba(25,25,35,.55);backdrop-filter:blur(3px)}.ai-diagram-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.ai-diagram-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.ai-diagram-heading{display:flex;align-items:center;gap:12px;min-width:0}.ai-diagram-heading h2{margin:5px 0 0;font:700 24px/1 Georgia,serif}.ai-sidebar-toggle{border-color:#dedbe6;color:#555365}.ai-sidebar-toggle:hover{background:#f2effa;color:#5749d6;border-color:#cfc8ff}.ai-diagram-body{display:flex;height:100%;min-height:0;position:relative}.ai-diagram-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #ece8f3;background:#fcfbfa;transition:width .2s cubic-bezier(.4,0,.2,1),opacity .2s ease;overflow:hidden}.ai-diagram-sidebar.collapsed{width:0;border-right:none;opacity:0;pointer-events:none}.ai-diagram-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #eee9f4}.ai-sidebar-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#888694}.ai-new-thread-btn{padding:4px 10px;font-size:12px;border-radius:7px;display:inline-flex;align-items:center;gap:4px}.ai-diagram-threads-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.ai-thread-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:600;color:#4b4b58;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.ai-thread-item:focus-visible,.ai-thread-item:hover{background:#f2effa;color:var(--ink)}.ai-thread-item.active{background:#ece8ff;color:#5749d6;font-weight:700}.ai-thread-icon{flex-shrink:0;color:inherit;opacity:.75}.ai-thread-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-thread-delete{opacity:0;border:0;background:transparent;color:#92909e;cursor:pointer;padding:3px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease,color .15s ease,background .15s ease}.ai-thread-item:focus-within .ai-thread-delete,.ai-thread-item:hover .ai-thread-delete{opacity:1}.ai-thread-delete:hover{color:#e03131;background:rgba(224,49,49,.1)}.ai-diagram-main{min-width:0}.ai-diagram-main,.ai-diagram-messages{flex:1;display:flex;flex-direction:column}.ai-diagram-messages{min-height:0;overflow-y:auto;padding:22px;gap:14px;background:#f8f7f4}.ai-diagram-welcome{margin:auto;max-width:470px;display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px dashed #cbc6d5;border-radius:17px;color:#686875;background:rgba(255,255,255,.75)}.ai-diagram-welcome-icon{flex-shrink:0;margin-top:2px}.ai-diagram-welcome-content{display:flex;flex-direction:column;gap:4px;width:100%}.ai-diagram-welcome strong{color:var(--ink)}.ai-diagram-welcome p{margin:2px 0 0;font-size:13px;line-height:1.55}.ai-diagram-prompt-examples{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ai-diagram-example-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e1dde8;border-radius:8px;background:#ffffff;color:#444352;font-size:12px;line-height:1.4;text-align:left;cursor:pointer;transition:all .15s ease}.ai-diagram-example-btn:hover{border-color:#5749d6;color:#5749d6;background:#f7f6ff}.ai-diagram-example-btn svg{flex-shrink:0;color:#5749d6}.ai-chat-message{max-width:88%;display:grid;gap:6px}.ai-chat-message>span{color:#8b8994;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ai-chat-message>p{margin:0;white-space:pre-wrap;line-height:1.55}.ai-chat-message.user{align-self:flex-end;justify-items:end}.ai-chat-message.user>p{padding:10px 13px;border-radius:15px 15px 4px 15px;background:#5749d6;color:white}.ai-chat-message.assistant{align-self:flex-start}.ai-diagram-result{display:grid;gap:10px;padding:14px;border:1px solid #e1dde8;border-radius:5px 16px 16px;background:white;box-shadow:0 7px 20px rgba(31,32,48,.06);min-width:0}.ai-diagram-result>p{margin:0;line-height:1.55;word-break:break-word}.ai-diagram-result details{min-width:0;border-top:1px solid #ece9ef;padding-top:9px}.ai-diagram-result summary{color:#686875;cursor:pointer;font-size:12px;font-weight:800}.ai-diagram-result-content{display:flex;flex-direction:column;gap:12px;border-top:1px solid #ece9ef;padding-top:9px}.ai-diagram-result-content.has-code{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px}.ai-diagram-preview-pane.full-width{width:100%}.ai-diagram-code-details{min-width:0;border-top:0!important;padding-top:0!important;display:flex;flex-direction:column}.ai-diagram-code-details summary{color:#686875;cursor:pointer;font-size:12px;font-weight:800;margin-bottom:9px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-diagram-code-details pre{margin:0;padding:12px;background:#f8f7fa;border:1px solid #e5e2eb;border-radius:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;color:var(--ink);overflow:auto;min-height:120px;max-height:220px;box-sizing:border-box;flex:1}.ai-diagram-code-details pre code{white-space:pre;word-break:normal;overflow-wrap:normal}.ai-diagram-preview-pane{min-width:0;display:flex;flex-direction:column}.ai-diagram-preview-header{color:#686875;font-size:12px;font-weight:800;margin-bottom:9px;display:block}.mermaid-preview-container{flex:1;min-height:120px;max-height:220px;overflow:auto;padding:12px;border-radius:9px;background:#f8f7fa;border:1px solid #e5e2eb;box-sizing:border-box}.mermaid-preview-container,.mermaid-preview-svg{display:flex;align-items:center;justify-content:center}.mermaid-preview-svg{width:100%;height:100%}.mermaid-preview-svg svg{max-width:100%;height:auto;max-height:190px}.mermaid-preview-placeholder{color:#888693;font-size:12px;font-style:italic}.mermaid-preview-error{color:#c92a2a;font-size:12px;font-weight:600}@media (max-width:768px){.ai-diagram-result-content.has-code{grid-template-columns:1fr}}.ai-diagram-result-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ai-diagram-result-actions>button:not(.button){display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:0;background:transparent;color:#686875;font-weight:700;cursor:pointer}.ai-diagram-result-actions>button:not(.button):hover{color:var(--ink)}.ai-diagram-thinking{display:flex;align-items:center;gap:5px;color:#85838f;font-size:12px}.ai-diagram-thinking span{width:6px;height:6px;border-radius:50%;background:#7468d8;animation:ai-diagram-pulse 1s infinite alternate}.ai-diagram-thinking span:nth-child(2){animation-delay:.2s}.ai-diagram-thinking span:nth-child(3){animation-delay:.4s}.ai-diagram-thinking em{margin-left:4px;font-style:normal}@keyframes ai-diagram-pulse{to{opacity:.25;transform:translateY(-2px)}}.ai-diagram-generating{color:var(--muted);font-size:13px}.ai-diagram-error,.ai-diagram-notice{padding:11px 13px;border-radius:10px;font-size:13px}.ai-diagram-error{border:1px solid #ffc9c9;background:#fff5f5;color:#a61e4d}.ai-diagram-error p{margin:4px 0 8px}.ai-diagram-error button{border:0;padding:0;background:none;color:inherit;font-weight:800;cursor:pointer;text-decoration:underline}.ai-diagram-notice{margin:0;border:1px solid #ffe8a1;background:#fff9db;color:#7a4d00}.ai-diagram-composer{padding:14px 18px 16px;border-top:1px solid var(--line);background:white}.ai-diagram-composer textarea{width:100%;min-height:82px;max-height:180px;resize:vertical;padding:12px;border:1px solid #d8d4df;border-radius:12px;outline:none;background:#fbfaf8;color:var(--ink);font:inherit;line-height:1.45}.ai-diagram-composer textarea:focus{border-color:#877ce0;box-shadow:0 0 0 3px rgba(135,124,224,.14)}.ai-diagram-composer-footer{min-height:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:8px}.ai-diagram-composer-footer small{color:#92909b;font-size:10px}.ai-diagram-composer-actions{display:flex;align-items:center;gap:8px}.ai-diagram-locked{grid-row:2/4;align-self:center;justify-self:center;width:min(470px,calc(100% - 40px));display:grid;justify-items:center;text-align:center;gap:10px}.ai-diagram-lock-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:22px 18px 23px 20px;background:#ece8ff;color:#5749d6;box-shadow:3px 4px 0 #d5ceff}.ai-diagram-locked h3{margin:12px 0 0;font:700 28px/1.1 Georgia,serif}.ai-diagram-locked p{margin:0;color:var(--muted);line-height:1.55}.ai-diagram-locked .button{margin-top:9px}.ai-diagram-locked .ai-diagram-manual-note{margin-top:8px;font-size:12px}.ai-diagram-locked-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.toolbox{position:fixed;z-index:50;inset:72px 14px 14px auto;width:min(480px,calc(100vw - 28px));background:white;border:1px solid #dedbe4;border-radius:20px;box-shadow:0 25px 70px rgba(31,32,48,.2);padding:22px;display:flex;flex-direction:column;max-height:calc(100vh - 86px)}.toolbox-header{display:flex;justify-content:space-between;align-items:flex-start}.toolbox-header h2{margin:10px 0 18px;font:700 25px/1 Georgia,serif}.toolbox-search{display:flex;align-items:center;gap:9px;border:1px solid #dcd9e4;padding:10px 12px;border-radius:11px}.toolbox-search input{min-width:0;flex:1;border:0;outline:none}.toolbox-tabs{display:flex;gap:6px;padding:13px 0}.toolbox-tabs button{border:0;background:#f3f1ed;color:#71717d;white-space:nowrap;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.toolbox-tabs button.active{background:#ece8ff;color:#5749d6}.toolbox-grid{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-right:3px}.toolbox-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px 2px}.toolbox-empty .empty-message{margin:0}.toolbox-empty button{flex:0 0 auto;border:0;background:transparent;color:#5749d6;padding:5px 0;font-size:12px;font-weight:800;cursor:pointer}.toolbox-empty button:hover{text-decoration:underline}.catalog-item{min-width:0;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #ebe8e2;background:white;border-radius:12px;padding:10px;cursor:pointer}.catalog-item:hover{background:#faf9ff;border-color:#cfc8ff}.catalog-icon{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border:2px solid;border-radius:11px 8px 10px 9px;font:800 11px/1 Georgia,serif}.catalog-icon.image{border:0;border-radius:0}.catalog-icon.image img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.catalog-icon.component-preview{width:58px;height:42px;border:1px solid #e5e1ee;border-radius:7px;background:#fbfaff;overflow:hidden}.catalog-icon.component-preview svg{width:100%;height:100%;color:#1f2030}.catalog-item span:last-child{display:grid;min-width:0}.catalog-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.catalog-item small{color:#94949e;font-size:10px;margin-top:3px}.share-toast{position:fixed;z-index:60;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border-radius:14px;background:#292a3d;color:white;box-shadow:0 16px 50px rgba(0,0,0,.22)}.share-toast strong{grid-column:1/-1}.share-toast input{min-width:0;background:#3b3c50;border:0;color:#d8d8e0;padding:8px;border-radius:7px}.share-toast button{border:0;background:transparent;color:white;cursor:pointer}.dashboard-page{min-height:100vh;background:#f7f6f2}.dashboard-header{height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white}.dashboard-content{max-width:1120px;margin:auto;padding:54px 24px}.dashboard-title{margin-bottom:36px}.dashboard-title h1{margin:12px 0 8px;font:700 44px/1 Georgia,serif}.dashboard-title p{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.file-section{margin-top:45px}.file-section h2{display:flex;align-items:center;gap:9px;font-size:18px}.file-section h2 span{color:var(--muted);font-size:13px}.file-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.file-card{position:relative;min-width:0;border:1px solid var(--line);background:white;border-radius:15px}.file-card-open{min-width:0;display:grid;gap:7px;padding:12px;color:inherit;text-decoration:none}.file-card-open:focus-visible{outline:2px solid var(--lavender);outline-offset:2px;border-radius:15px}.file-card-open>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-open>small{color:var(--muted);font-size:11px}.file-thumb{height:110px;display:grid;place-items:center;color:#8b8c96;background-image:radial-gradient(#d9d8dd 1px,transparent 0);background-size:15px 15px;border-radius:9px}.file-thumb.cloud{color:var(--lavender)}.file-card .delete{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.9);opacity:0}.file-card:focus-within .delete,.file-card:hover .delete{opacity:1}.empty-panel{padding:24px;border:1px dashed #ccc8c0;border-radius:14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.empty-message{color:var(--muted);font-size:13px}.auth-card{max-width:520px}.stack-form{display:grid;gap:15px;margin-top:28px}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#9999a3;font-size:12px}.divider:after,.divider:before{content:"";height:1px;background:var(--line);flex:1}.full-button{width:100%}.back-link{display:inline-block;border:0;background:none;padding:0;margin-top:24px;color:var(--muted);cursor:pointer;font-size:13px}.account-layout{max-width:1080px;margin:auto;padding:60px 24px;display:grid;grid-template-columns:260px 1fr;gap:28px}.account-profile{align-self:start;display:grid;justify-items:start}.account-avatar{width:70px;height:70px;border-radius:22px 18px 23px 20px;background:#292a3d;color:white;display:grid;place-items:center;font:700 28px/1 Georgia,serif;box-shadow:3px 4px 0 #cfc8ff}.account-profile h2{margin:18px 0 4px}.account-profile>p{color:var(--muted);margin:0 0 22px;font-size:13px}.account-main{display:grid;gap:18px}.settings-card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.settings-card h1{margin:12px 0 3px;font:700 40px/1 Georgia,serif}.settings-card h2{margin:0 0 18px;font-size:20px}.muted,.settings-card .muted{color:var(--muted);line-height:1.6}.plan-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.plan-row p{color:var(--muted);margin:0}.plan-row>strong{font-size:13px}.usage-track{height:9px;overflow:hidden;margin-top:22px;background:#eeece7;border-radius:999px}.usage-track span{display:block;height:100%;background:var(--lavender);border-radius:inherit}.billing-action{margin-top:22px;max-width:450px}.billing-toggle.light{background:#efede8}.billing-toggle.light button{color:var(--muted)}.billing-toggle.light button.active{color:var(--ink)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0 18px}.admin-page .settings-card{margin-bottom:18px}.inline-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}.admin-card-form input:not([type=checkbox]):not([type=radio]),.admin-card-form select,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.inline-admin-form input:not([type=checkbox]):not([type=radio]),.inline-admin-form select,table select{min-width:0;width:100%;height:42px;box-sizing:border-box;font:inherit;font-size:13.5px;color:var(--ink);border:1px solid #ddd9d1;background-color:#fbfaf8;border-radius:10px;padding:0 16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.admin-card-form select,.form-group select,.inline-admin-form select,table select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666677' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.admin-card-form input:not([type=checkbox]):not([type=radio]):focus,.admin-card-form select:focus,.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.inline-admin-form input:not([type=checkbox]):not([type=radio]):focus,.inline-admin-form select:focus,table select:focus{border-color:var(--lavender);box-shadow:0 0 0 3px #eeebff}.inline-admin-form select option,table select option{background-color:white;color:#111}.inline-admin-form label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.inline-admin-form small{align-self:center;color:var(--muted)}.admin-list{display:grid}.admin-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #eeece7}.admin-list span{color:var(--muted);font-size:12px;text-align:right}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}td,th{padding:12px 10px;border-bottom:1px solid #eeece7;vertical-align:top}td small{display:block;color:var(--muted);margin-top:3px}:root[data-theme=dark] .account-section,:root[data-theme=dark] .account-sidebar-nav,:root[data-theme=dark] .ai-diagram-composer,:root[data-theme=dark] .ai-diagram-dialog,:root[data-theme=dark] .ai-diagram-result,:root[data-theme=dark] .catalog-item,:root[data-theme=dark] .dashboard-header,:root[data-theme=dark] .editor-topbar,:root[data-theme=dark] .export-menu-popover,:root[data-theme=dark] .file-card,:root[data-theme=dark] .modal-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .toolbox,:root[data-theme=dark] .user-menu-popover{background:var(--card);border-color:var(--line)}:root[data-theme=dark] .catalog-item:hover,:root[data-theme=dark] .export-menu-popover button:hover,:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .user-menu-item:hover{background:#323440;color:var(--ink)}:root[data-theme=dark] .file-thumb,:root[data-theme=dark] .preview-board{background-color:#20212b;background-image:radial-gradient(#555665 1px,transparent 0)}:root[data-theme=dark] .admin-card-form input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] .admin-card-form select,:root[data-theme=dark] .field input,:root[data-theme=dark] .form-group input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] .form-group select,:root[data-theme=dark] .inline-admin-form input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] .inline-admin-form select,:root[data-theme=dark] .secret-key-box,:root[data-theme=dark] .toolbox-search,:root[data-theme=dark] table select{border-color:#4a4b5a;background-color:#20212b;color:var(--ink)}:root[data-theme=dark] .admin-card-form select,:root[data-theme=dark] .form-group select,:root[data-theme=dark] .inline-admin-form select,:root[data-theme=dark] table select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=dark] .admin-card-form select option,:root[data-theme=dark] .form-group select option,:root[data-theme=dark] .inline-admin-form select option,:root[data-theme=dark] table select option{background-color:#20212b;color:var(--ink)}:root[data-theme=dark] .admin-card-form input:not([type=checkbox]):not([type=radio]):focus,:root[data-theme=dark] .admin-card-form select:focus,:root[data-theme=dark] .form-group input:not([type=checkbox]):not([type=radio]):focus,:root[data-theme=dark] .form-group select:focus,:root[data-theme=dark] .inline-admin-form input:not([type=checkbox]):not([type=radio]):focus,:root[data-theme=dark] .inline-admin-form select:focus,:root[data-theme=dark] table select:focus{border-color:var(--lavender);box-shadow:0 0 0 3px #373352}:root[data-theme=dark] .dashboard-page,:root[data-theme=dark] .editor-page{background:var(--paper)}:root[data-theme=dark] .editor-topbar{background:rgba(37,38,49,.98)}:root[data-theme=dark] .icon-button{color:var(--muted)}:root[data-theme=dark] .board-title:focus{background:#32333f}:root[data-theme=dark] .export-menu-popover,:root[data-theme=dark] .user-menu-popover{box-shadow:0 12px 30px rgba(0,0,0,.36)}:root[data-theme=dark] .ai-diagram-dialog{background:#1c1d27;border-color:#3f4052;box-shadow:0 30px 90px rgba(0,0,0,.55)}:root[data-theme=dark] .ai-diagram-header{background:#1c1d27;border-color:#353646}:root[data-theme=dark] .ai-sidebar-toggle{border-color:#444556;color:#a4a3b2}:root[data-theme=dark] .ai-sidebar-toggle:hover{background:#323344;color:#d7d1ff;border-color:#5c558c}:root[data-theme=dark] .ai-diagram-sidebar{background:#1c1d27;border-color:#353646}:root[data-theme=dark] .ai-diagram-sidebar-header{border-color:#353646}:root[data-theme=dark] .ai-sidebar-title{color:#848394}:root[data-theme=dark] .ai-thread-item{color:#a4a3b2}:root[data-theme=dark] .ai-thread-item:focus-visible,:root[data-theme=dark] .ai-thread-item:hover{background:#2c2d3c;color:#ececf4}:root[data-theme=dark] .ai-thread-item.active{background:#3f3966;color:#d7d1ff}:root[data-theme=dark] .ai-thread-delete{color:#7b798b}:root[data-theme=dark] .ai-thread-delete:hover{color:#ff8787;background:rgba(255,135,135,.15)}:root[data-theme=dark] .ai-diagram-messages{background:#161722}:root[data-theme=dark] .ai-diagram-welcome{background:rgba(43,44,58,.8);border-color:#49495c;color:#b4b3c4}:root[data-theme=dark] .ai-diagram-welcome strong{color:#ffffff}:root[data-theme=dark] .ai-diagram-welcome p{color:#a4a3b6}:root[data-theme=dark] .ai-diagram-example-btn{border-color:#49495c;background:#242533;color:#d1d0e0}:root[data-theme=dark] .ai-diagram-example-btn:hover{border-color:#8275ee;color:#ffffff;background:#2e2f42}:root[data-theme=dark] .ai-diagram-example-btn svg{color:#9a8ff6}:root[data-theme=dark] .ai-diagram-result{background:#222330;border-color:#3f4052}:root[data-theme=dark] .ai-diagram-result details,:root[data-theme=dark] .ai-diagram-result-content{border-color:#3f4052}:root[data-theme=dark] .ai-diagram-code-details summary{color:#a4a3b0}:root[data-theme=dark] .ai-diagram-code-details pre{background:#1a1b24;border-color:#383946;color:#e1e0e6}:root[data-theme=dark] .ai-diagram-preview-header{color:#a4a3b0}:root[data-theme=dark] .mermaid-preview-container{background:#1a1b24;border-color:#383946}:root[data-theme=dark] .mermaid-preview-placeholder{color:#888796}:root[data-theme=dark] .mermaid-preview-error{color:#ff8787}:root[data-theme=dark] .ai-diagram-composer{background:#1c1d27;border-color:#353646}:root[data-theme=dark] .ai-diagram-composer textarea{border-color:#3f4052;background:#161722;color:var(--ink)}:root[data-theme=dark] .ai-diagram-composer-footer small{color:#858394}:root[data-theme=dark] .ai-diagram-error{border-color:#862e3d;background:#3d252d;color:#ffa8b8}:root[data-theme=dark] .ai-diagram-notice{border-color:#765d24;background:#393220;color:#ffe08a}:root[data-theme=dark] .toolbox-tabs button{background:#30313d;color:var(--muted)}:root[data-theme=dark] .toolbox-tabs button.active{background:#403a65;color:#d1ccff}:root[data-theme=dark] .catalog-item:hover{border-color:#746ca7}:root[data-theme=dark] .share-toast{background:#30313f}:root[data-theme=dark] .share-toast input{background:#20212b;color:var(--ink)}:root[data-theme=dark] .billing-toggle.light,:root[data-theme=dark] .usage-track{background:#353641}:root[data-theme=dark] .billing-toggle.light button.active{background:#4a4960;color:var(--ink)}:root[data-theme=dark] .empty-panel{border-color:#535463}.header-left,.header-right{display:flex;align-items:center;gap:14px}.header-title{font-weight:700;font-size:15px;color:var(--muted);padding-left:12px;border-left:1px solid var(--line)}.account-dashboard-wrapper{max-width:1140px;margin:auto;padding:40px 24px}.account-dashboard-container{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.account-sidebar-nav{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.02)}.account-user-card{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--line)}.user-details h3{margin:0 0 2px;font-size:16px;font-weight:800}.user-details p{margin:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.account-nav-list{display:flex;flex-direction:column;gap:6px}.nav-tab{display:flex;align-items:center;gap:10px;padding:11px 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;text-align:left;transition:all .15s ease}.nav-tab:hover{background:#f4f2ed;color:var(--ink)}.nav-tab.active{background:#efeaff;color:#5545ee}.nav-tab.danger{color:#d93838}.nav-tab.danger:hover{background:#fff0f0}.nav-tab.danger.active{background:#ffe5e5;color:#cc1111}.tab-pill-active{margin-left:auto;font-size:10px;font-weight:800;background:#10b981;color:white;padding:2px 7px;border-radius:99px}.account-section-group,.account-tab-content{display:grid;gap:24px}.account-section{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.02)}.section-header{margin-bottom:24px}.section-header h2{margin:0 0 6px;font-size:22px;font-weight:800}.header-with-badge{display:flex;align-items:center;justify-content:space-between;gap:14px}.avatar-preview-row{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:#f9f8f5;margin-bottom:20px}.badge{display:inline-block;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:800;border-radius:99px;background:#e5e1ff;color:#5545ee}.input-disabled{background:#f4f2ed;color:var(--ink);opacity:.85;cursor:not-allowed}.settings-form{margin-top:0}.form-actions{margin-top:24px;display:flex;justify-content:flex-end}.status-banner{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;margin-top:16px}.status-banner.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-banner.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.status-banner.margin-bottom{margin-bottom:20px;margin-top:0}.status-pill{font-size:12px;font-weight:800;padding:4px 12px;border-radius:99px}.status-pill.active{background:#d1fae5;color:#065f46}.status-pill.inactive{background:#f3f4f6;color:#4b5563}.twofa-active-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0}.twofa-icon-badge{width:44px;height:44px;border-radius:12px;background:#10b981;color:white;display:grid;place-items:center;flex-shrink:0}.twofa-active-info h3{margin:0 0 2px;font-size:16px;font-weight:800;color:#065f46}.twofa-active-info p{margin:0}.twofa-active-actions{margin-left:auto}.twofa-setup-box{padding:36px 28px;border:1px dashed var(--line);border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.twofa-setup-box p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}.twofa-wizard{display:grid;gap:28px}.wizard-step{display:flex;gap:16px}.step-number{width:32px;height:32px;border-radius:50%;background:var(--lavender);color:white;font-weight:800;display:grid;place-items:center;flex-shrink:0;font-size:14px}.step-content{flex:1}.step-content h3{margin:0 0 4px;font-size:17px;font-weight:800}.qr-container{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:16px;background:#faf9f6;padding:18px;border-radius:16px;border:1px solid var(--line)}.qr-image{width:160px;height:160px;border-radius:12px;border:1px solid var(--line);background:white;padding:8px}.secret-key-box{display:flex;flex-direction:column;gap:8px}.secret-label{font-size:12px;font-weight:800;color:var(--muted)}.secret-code{font-family:monospace;font-size:15px;font-weight:700;background:white;padding:8px 12px;border-radius:8px;border:1px solid var(--line);letter-spacing:2px}.inline-form{display:flex;gap:12px;align-items:center;margin-top:16px}.code-input{width:160px!important;text-align:center;font-size:20px!important;letter-spacing:4px;font-weight:800}.backup-codes-wizard h3{margin:0 0 6px;font-size:18px;font-weight:800}.backup-codes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.backup-code-chip{background:#f3f1ed;border:1px solid var(--line);padding:10px;border-radius:8px;font-family:monospace;font-size:14px;font-weight:700;text-align:center}.backup-actions{display:flex;gap:12px;justify-content:flex-end}.button-danger{background:#dc2626;color:white;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 14px rgba(220,38,38,.3);transition:all .15s ease}.button-danger:hover{background:#b91c1c;box-shadow:0 6px 20px rgba(220,38,38,.45);transform:translateY(-1px)}.danger-zone{border-color:#fecaca}.danger-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:#fff5f5;border-radius:16px;border:1px solid #fee2e2}.danger-box h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#991b1b}.danger-box p{margin:0;line-height:1.6;font-size:14px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,480px);background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modal-card h3{margin:0 0 8px;font-size:20px;font-weight:800}.destructive-modal h3{color:#dc2626}.modal-actions{display:grid;gap:10px;margin-top:24px}:root[data-theme=dark] .nav-tab:hover{background:#2f303e;color:var(--ink)}:root[data-theme=dark] .nav-tab.active{background:#373356;color:#c3bbff}:root[data-theme=dark] .avatar-preview-row,:root[data-theme=dark] .qr-container{background:#20212b}:root[data-theme=dark] .twofa-active-card{background:#064e3b;border-color:#047857}:root[data-theme=dark] .twofa-active-info h3{color:#a7f3d0}:root[data-theme=dark] .danger-zone{border-color:rgba(239,68,68,.3)}:root[data-theme=dark] .danger-box{background:rgba(220,38,38,.08);border-color:rgba(239,68,68,.25)}:root[data-theme=dark] .danger-box h3{color:#fca5a5}:root[data-theme=dark] .danger-box p{color:#d1d5db}:root[data-theme=dark] .backup-code-chip{background:#20212b;border-color:#4a4b5a}:root[data-theme=dark] .input-disabled{background:#20212b!important;color:var(--ink)!important;border-color:#4a4b5a!important}@media (max-width:900px){.account-dashboard-container{grid-template-columns:1fr}.account-nav-list{flex-direction:row;overflow-x:auto;padding-bottom:6px}.nav-tab{flex-shrink:0}.backup-codes-grid{grid-template-columns:repeat(2,1fr)}.danger-box{flex-direction:column;align-items:flex-start}}.login-form-container{margin-top:32px}.auth-tab-group{display:flex;gap:6px;padding:6px;background:#f0eee8;border-radius:14px;margin-bottom:28px}.main-auth-tabs,.sub-auth-tabs{margin-bottom:20px}.sub-auth-tabs{background:#e8e6df}.auth-tab-btn{flex:1;border:0;background:transparent;color:var(--muted);padding:11px 16px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s ease}.auth-tab-btn.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.06)}:root[data-theme=dark] .auth-tab-group{background:#20212b}:root[data-theme=dark] .sub-auth-tabs{background:#1a1b24}:root[data-theme=dark] .auth-tab-btn.active{background:#323444;color:var(--ink)}.status-action-link{display:block;margin-top:8px;border:0;background:transparent;color:inherit;font-size:13px;font-weight:800;cursor:pointer;text-decoration:underline;padding:0;text-align:left}.status-action-link:hover{opacity:.85}@media (max-width:900px){.editor-actions .with-label span,.editor-brand .brand span:last-child,.save-status{display:none}.file-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.account-layout,.admin-grid,.inline-admin-form{grid-template-columns:1fr}}@media (max-width:600px){.editor-actions .button-secondary{display:none}.board-title{width:100px}.file-grid,.toolbox-grid{grid-template-columns:1fr}.canvas-top-actions{gap:5px}.canvas-top-actions .sidebar-trigger__label{display:none}.ai-diagram-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:16px}.ai-diagram-header{padding:14px}.ai-diagram-heading h2{font-size:20px}.ai-diagram-messages{padding:14px}.ai-chat-message{max-width:96%}.ai-diagram-composer{padding:11px}.ai-diagram-composer-footer small{max-width:180px}.ai-hire-link__label{display:none}.ai-hire-link{padding:0 11px}}.share-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.share-modal-card{width:min(100%,540px);background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.share-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.share-modal-header h2{margin:0 0 4px;font-size:22px;font-weight:800}.share-modal-subtitle{margin:0;font-size:13px;color:var(--muted)}.share-modal-error,.share-modal-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 0;color:var(--muted)}.share-modal-content{display:flex;flex-direction:column;gap:24px}.share-access-section h3,.share-link-section h3{margin:0 0 12px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.access-list{display:flex;flex-direction:column;gap:10px}.access-item{justify-content:space-between;gap:14px;padding:12px 14px;background:#faf9f6;border:1px solid var(--line);border-radius:14px}.access-item,.access-user-info{display:flex;align-items:center}.access-user-info{gap:12px;min-width:0}.user-avatar-chip{width:36px;height:36px;border-radius:50%;background:#2c2d40;color:white;display:grid;place-items:center;font-size:14px;font-weight:800;flex-shrink:0}.user-avatar-chip.icon-avatar{background:#efeaff;color:#5545ee}.user-text{display:flex;flex-direction:column;min-width:0}.user-text strong{font-size:14px;font-weight:700}.user-text small,.user-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-text small{font-size:11px;color:var(--muted)}.access-role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}.access-role-badge.owner-badge{background:#e5e1ff;color:#5545ee}.access-setting-control{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:10px;padding:0 10px}.setting-icon{color:var(--muted);display:grid;place-items:center;flex-shrink:0}.privacy-select{border:0;background:transparent;color:var(--ink);padding:8px 0;font-size:13px;font-weight:700;cursor:pointer;outline:none}.access-setting-control:focus-within{border-color:#5545ee}.active-link-box,.inactive-link-box{display:flex;flex-direction:column;gap:14px;padding:16px;background:#faf9f6;border:1px solid var(--line);border-radius:14px}.link-input-row{display:flex;gap:10px;align-items:center}.link-status-banner{display:flex;align-items:center;justify-content:space-between;gap:14px}.active-link-label{display:flex;align-items:center;gap:6px}.active-copy-icon-btn{width:30px;height:30px;border-radius:8px;color:var(--muted);border:1px solid var(--line);background:white;padding:0}.active-copy-icon-btn:hover{color:var(--ink);background:#f2f0eb}.rotate-button{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.share-link-input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:white;font-family:monospace;font-size:12px;color:var(--ink);outline:none}.copy-button{display:inline-flex;align-items:center;gap:6px}.revoke-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px dashed var(--line);padding-top:14px}.revoke-help-text{margin:0;font-size:12px;color:var(--muted);line-height:1.4;flex:1}.revoke-button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.share-status-message{font-size:12px;font-weight:700;color:#059669;margin-top:4px}:root[data-theme=dark] .share-modal-card{background:var(--card);border-color:var(--line)}:root[data-theme=dark] .access-item,:root[data-theme=dark] .access-setting-control,:root[data-theme=dark] .active-link-box,:root[data-theme=dark] .inactive-link-box{background:#20212b;border-color:#4a4b5a}:root[data-theme=dark] .user-avatar-chip.icon-avatar{background:#373356;color:#c3bbff}:root[data-theme=dark] .privacy-select,:root[data-theme=dark] .share-link-input{background:transparent;color:var(--ink)}:root[data-theme=dark] .share-link-input{background:#161720}:root[data-theme=dark] .active-copy-icon-btn{background:#161720;border-color:#4a4b5a;color:var(--muted)}:root[data-theme=dark] .active-copy-icon-btn:hover{background:#323440;color:var(--ink)}.share-invite-section h3{margin:0 0 12px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.invite-form-row,.invite-input-wrap{display:flex;gap:8px;align-items:center}.invite-input-wrap{flex:1;min-width:0;height:38px;box-sizing:border-box;border:1px solid var(--line);background:white;border-radius:10px;padding:0 12px}.invite-input-wrap .invite-icon{color:var(--muted);flex-shrink:0}.invite-email-input{width:100%;height:100%;border:0;background:transparent;padding:0}.invite-email-input,.invite-role-select{font-size:13px;outline:none;color:var(--ink)}.invite-role-select{height:38px;box-sizing:border-box;border:1px solid var(--line);background:white;border-radius:10px;padding:0 10px;font-weight:700;cursor:pointer}.invite-submit-btn{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.invited-members-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.invited-members-title{margin:4px 0 6px;font-size:12px;font-weight:800;color:var(--muted)}.member-item{justify-content:space-between}.user-avatar-chip.invite-chip{background:#10b981;color:white}.member-item-actions{display:flex;align-items:center;gap:8px}.access-role-badge.editor-badge{background:#d1fae5;color:#065f46}.revoke-member-btn{width:30px;height:30px;border-radius:8px;color:#dc2626}.revoke-member-btn:hover{background:#fee2e2;color:#991b1b}:root[data-theme=dark] .invite-input-wrap,:root[data-theme=dark] .invite-role-select{background:#20212b;border-color:#4a4b5a;color:var(--ink)}:root[data-theme=dark] .access-role-badge.editor-badge{background:#064e3b;color:#a7f3d0}:root[data-theme=dark] .revoke-member-btn:hover{background:rgba(220,38,38,.2);color:#fca5a5}.admin-nav-bar{border-bottom:1px solid #eeece7;background:#faf9f6;margin-bottom:24px;padding:0 24px}.admin-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:1200px;margin:0 auto}.admin-nav-item{display:inline-flex;align-items:center;flex-direction:row;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap;transition:all .15s ease}.admin-nav-item .nav-item-icon{margin-right:0;flex-shrink:0}.admin-nav-item:hover{color:var(--ink)}.admin-nav-item.active{color:#5545ee;border-bottom-color:#5545ee;font-weight:700}.admin-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:0}.admin-hub-card{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:white;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.admin-hub-card:hover{transform:translateY(-2px);border-color:#5545ee;box-shadow:0 12px 28px rgba(0,0,0,.06)}.admin-hub-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.admin-hub-card .card-icon{display:flex;align-items:center;justify-content:center;color:#5545ee}.admin-hub-card h2{margin:0;font-size:18px;font-weight:700;color:var(--ink)}.admin-hub-card p{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.5}.admin-hub-card .card-link-text{font-size:13px;font-weight:700;color:#5545ee}.admin-search-form{margin-bottom:18px}.search-input-group{display:flex;gap:8px;align-items:center}.search-input-group input{flex:1;max-width:400px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fbfaf8;font-size:13px;outline:none}.search-input-group input:focus{border-color:#5545ee;box-shadow:0 0 0 3px #eeebff}.admin-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-search-group{flex:1;min-width:220px;max-width:320px}.filter-group label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.filter-input,.filter-select{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fbfaf8;font-size:13px;color:var(--ink);outline:none;box-sizing:border-box}.filter-input:focus,.filter-select:focus{border-color:#5545ee;box-shadow:0 0 0 3px #eeebff}.filter-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.filter-label{font-size:13px;font-weight:700;color:var(--muted)}.filter-tabs{display:flex;gap:6px}.filter-tab{padding:6px 14px;border-radius:99px;border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;background:#faf9f6}.filter-tab:hover{color:var(--ink)}.filter-tab.active{background:#5545ee;color:white;border-color:#5545ee;font-weight:700}.admin-combobox{position:relative;width:100%}.combobox-selected{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#efeaff;border:1px solid #5545ee;border-radius:9px;font-size:13px}.combobox-clear{background:transparent;border:0;color:var(--muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px}.combobox-clear:hover{color:#dc2626;background:rgba(0,0,0,.05)}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:flex;flex-direction:column}.combobox-status{padding:12px;font-size:12px;color:var(--muted);text-align:center}.combobox-status.error{color:#dc2626}.combobox-status.hint{color:var(--muted);font-style:italic}.combobox-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:0;background:transparent;text-align:left;width:100%;cursor:pointer;border-bottom:1px solid #f4f3ef;font-size:13px;color:var(--ink)}.combobox-option:hover{background:#f7f5ff}.combobox-option strong{font-weight:600}.combobox-option small{font-size:11px;color:var(--muted)}.admin-pagination{flex-wrap:wrap;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #eeece7;font-size:13px}.admin-pagination,.pagination-info{display:flex;align-items:center;gap:16px}.pagination-info{color:var(--muted)}.pagination-size{display:flex;align-items:center;gap:6px}.pagination-size select{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:white;font-size:12px}.pagination-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pagination-buttons{display:flex;align-items:center;gap:4px}.pagination-link{padding:5px 10px;border-radius:6px;border:1px solid var(--line);background:white;color:var(--ink);text-decoration:none;font-size:12px;font-weight:600}.pagination-link:hover:not(.disabled):not(.active){background:#faf9f6;border-color:#bbb}.pagination-link.active{background:#5545ee;color:white;border-color:#5545ee}.pagination-link.disabled{opacity:.4;cursor:not-allowed}.pagination-goto{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.pagination-goto input{width:50px;height:32px;padding:0 6px;border:1px solid var(--line);border-radius:6px;text-align:center;font-size:12px}.empty-row{text-align:center;padding:24px!important;color:var(--muted);font-style:italic}.role-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase}.role-badge.super_admin{background:#efeaff;color:#5545ee}.role-badge.user{background:#eeece7;color:var(--muted)}.lead-status-wrapper{display:flex;flex-direction:column;gap:2px}.lead-status-error{color:#dc2626;font-size:11px;font-weight:600}.admin-skeleton-wrapper{padding:30px 0;display:flex;flex-direction:column;gap:16px}.skeleton-title{width:200px;height:28px;background:#e5e3dc;border-radius:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-card{height:200px;background:#f5f4ef;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton-line{height:16px;background:#e5e3dc;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:30%}.skeleton-line.medium{width:60%}.skeleton-line.long{width:90%}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}:root[data-theme=dark] .admin-nav-bar{background:#161720;border-color:var(--line)}:root[data-theme=dark] .admin-nav-item{color:var(--muted)}:root[data-theme=dark] .admin-nav-item.active{color:#c3bbff;border-bottom-color:#c3bbff}:root[data-theme=dark] .admin-hub-card{background:var(--card);border-color:var(--line)}:root[data-theme=dark] .admin-hub-card:hover{border-color:#c3bbff}:root[data-theme=dark] .admin-hub-card h2{color:var(--ink)}:root[data-theme=dark] .admin-hub-card .card-icon,:root[data-theme=dark] .admin-hub-card .card-link-text{color:#c3bbff}:root[data-theme=dark] .filter-input,:root[data-theme=dark] .filter-select,:root[data-theme=dark] .pagination-goto input,:root[data-theme=dark] .pagination-size select,:root[data-theme=dark] .search-input-group input{background:#20212b;border-color:#4a4b5a;color:var(--ink)}:root[data-theme=dark] .filter-select option,:root[data-theme=dark] .pagination-size select option{background:#20212b;color:var(--ink)}:root[data-theme=dark] .filter-tab{background:#20212b;border-color:#4a4b5a;color:var(--muted)}:root[data-theme=dark] .filter-tab.active{background:#5545ee;color:white}:root[data-theme=dark] .combobox-dropdown{background:#20212b;border-color:#4a4b5a}:root[data-theme=dark] .combobox-option{color:var(--ink);border-bottom-color:#2b2c3a}:root[data-theme=dark] .combobox-option:hover{background:#2b2c3a}:root[data-theme=dark] .combobox-selected{background:#2a2842;border-color:#5545ee}:root[data-theme=dark] .pagination-link{background:#20212b;border-color:#4a4b5a;color:var(--ink)}:root[data-theme=dark] .pagination-link:hover:not(.disabled):not(.active){background:#2e303d}:root[data-theme=dark] .role-badge.super_admin{background:#373356;color:#c3bbff}:root[data-theme=dark] .role-badge.user{background:#323440;color:var(--muted)}:root[data-theme=dark] .skeleton-line,:root[data-theme=dark] .skeleton-title{background:#323440}:root[data-theme=dark] .skeleton-card{background:#20212b}.admin-card{margin-bottom:24px}.card-section-header{margin-bottom:18px}.card-section-header h2{font-size:18px;font-weight:700;margin:0 0 4px;color:var(--ink)}.section-desc{font-size:13px;color:var(--muted);margin:0}.admin-card-form{margin-bottom:8px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}@media (max-width:640px){.admin-form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--ink)}.form-label-row{display:flex;align-items:center;justify-content:space-between}.inline-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500!important;color:var(--muted)!important;cursor:pointer}.form-actions-row{display:flex;align-items:center;gap:14px}.form-actions-row button{display:inline-flex;align-items:center;gap:6px}.admin-empty-state{padding:42px 24px;text-align:center;background:#faf9f6;border:1px dashed var(--line);border-radius:14px;margin:12px 0 20px}.admin-empty-state .empty-icon-box{width:52px;height:52px;background:#efeaff;color:#5545ee;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.admin-empty-state h3{font-size:16px;font-weight:700;margin:0 0 6px;color:var(--ink)}.admin-empty-state p{font-size:13px;color:var(--muted);margin:0 auto;max-width:420px;line-height:1.5}.admin-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.admin-data-table th{padding:10px 14px;text-align:left;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#faf9f6}.admin-data-table th:first-child{border-top-left-radius:8px}.admin-data-table th:last-child{border-top-right-radius:8px}.admin-data-table td{padding:14px;border-bottom:1px solid #f0eee8;vertical-align:middle}.admin-data-table tr:last-child td{border-bottom:none}.admin-data-table tr:hover td{background-color:rgba(85,69,238,.02)}.limit-pill,.plan-title{color:var(--ink);font-weight:600}.limit-pill{display:inline-block;background:#f0eee8;font-size:12px}.limit-pill,.status-badge{padding:3px 10px;border-radius:99px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.status-badge.active{background:#e6f7ed;color:#16a34a}.status-badge.archived{background:#f1f1f5;color:var(--muted)}.plan-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.plan-badge.free{background:#eeece7;color:var(--muted)}.plan-badge.pro{background:#efeaff;color:#5545ee}.plan-badge.custom{background:#e6f7ed;color:#16a34a}:root[data-theme=dark] .plan-badge.free{background:#323440;color:var(--muted)}:root[data-theme=dark] .plan-badge.pro{background:#2a2842;color:#c3bbff}:root[data-theme=dark] .plan-badge.custom{background:#143825;color:#4ade80}.icon-link{width:32px;height:32px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.nav-item-icon{margin-right:4px}:root[data-theme=dark] .admin-empty-state{background:#20212b;border-color:#3b3c4d}:root[data-theme=dark] .admin-empty-state .empty-icon-box{background:#2a2842;color:#c3bbff}:root[data-theme=dark] .admin-data-table th{background:#20212b;border-color:#3b3c4d}:root[data-theme=dark] .admin-data-table td{border-color:#2b2c3a}:root[data-theme=dark] .admin-data-table tr:hover td{background-color:rgba(195,187,255,.04)}:root[data-theme=dark] .limit-pill{background:#2b2c3a;color:var(--ink)}:root[data-theme=dark] .status-badge.active{background:#143825;color:#4ade80}:root[data-theme=dark] .status-badge.archived{background:#2b2c3a;color:var(--muted)}.table-toolbar-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.table-sort-btn{background:transparent;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.table-sort-btn:hover{color:var(--ink)}.sort-idle-icon{opacity:.4}.table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#5545ee}.column-visibility-dropdown-wrap{position:relative;margin-left:auto;align-self:flex-end}.column-visibility-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:50;min-width:170px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.column-visibility-menu .menu-header{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding-bottom:4px;border-bottom:1px solid #f0eee8}.column-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer}:root[data-theme=dark] .column-visibility-menu{background:#20212b;border-color:#4a4b5a}:root[data-theme=dark] .column-visibility-menu .menu-header{border-bottom-color:#3b3c4d}.selection-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#efeaff;border:1px solid #c3bbff;border-radius:10px;margin-bottom:16px;font-size:13px;color:#5545ee}:root[data-theme=dark] .selection-status-bar{background:#2a2842;border-color:#5545ee;color:#c3bbff}.row-selected td{background-color:rgba(85,69,238,.06)!important}:root[data-theme=dark] tr.row-selected td{background-color:rgba(195,187,255,.1)!important}@keyframes spin-rotate{to{transform:rotate(1turn)}}.spin{animation:spin-rotate .9s linear infinite}.dashboard-content.narrow{max-width:720px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-hint{color:var(--muted);font-size:12.5px;line-height:1.5}.form-error{border:1px solid #fecaca;border-radius:11px;background:#fef2f2;color:#b91c1c}.form-error,.form-success{margin:0;padding:11px 14px;font-size:14px}.form-success{border:1px solid #bbf7d0;border-radius:11px;background:#f0fdf4;color:#15803d}.status-pill.neutral{background:#f3f4f6;color:#4b5563}.status-pill.info{background:#e0e7ff;color:#3730a3}.status-pill.warn{background:#ffedd5;color:#9a3412}.status-pill.good{background:#d1fae5;color:#065f46}.status-pill.bad{background:#fee2e2;color:#991b1b}.order-list{display:grid;gap:10px}.order-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .15s ease,transform .15s ease}.order-row:hover{border-color:#bdb5f9;transform:translateY(-1px)}.order-row-main{display:grid;gap:4px;min-width:0}.order-row-main strong{font-size:15.5px}.order-row-meta{color:var(--muted);font-size:13px}.order-row-side{display:flex;align-items:center;gap:14px;flex:none}.order-row-side time{color:var(--muted);font-size:13px}.order-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start}.order-detail-head h1{margin:12px 0 6px;font:700 32px/1.15 Georgia,serif;letter-spacing:-.03em}.order-detail-sub{margin:0;color:var(--muted);font-size:14px}.order-brief,.order-note,.order-thread{margin-top:30px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.order-brief h2,.order-note h2,.order-thread h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 18px/1.2 Georgia,serif}.order-brief p,.order-note p{margin:0 0 12px;color:var(--muted);line-height:1.7}.order-board-note{margin:14px 0 0!important;padding-top:14px;border-top:1px solid var(--line);font-size:14px}.order-board-note a{color:var(--lavender);font-weight:700}.order-messages{display:grid;gap:12px;max-height:460px;overflow-y:auto;padding-right:4px}.order-message{padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.order-message.mine{background:#f4f1ff;border-color:#ddd7ff}.order-message-head{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}.order-message-head strong{font-size:13.5px}.order-message-head time{margin-left:auto;color:var(--muted);font-size:12px}.order-message p{margin:0;line-height:1.65;white-space:pre-wrap}.order-event{display:flex;align-items:center;gap:8px;margin:0;padding:6px 2px;color:var(--muted);font-size:13px}.order-event time{margin-left:auto;font-size:12px}.order-composer{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.order-composer textarea{width:100%;padding:11px 13px;border:1px solid #dcd9d3;border-radius:11px;background:var(--paper);color:var(--ink);resize:vertical;outline:none}.order-composer textarea:focus{border-color:var(--lavender)}.order-composer .button{justify-self:end}.order-sidebar{display:grid;gap:16px;position:sticky;top:24px}.order-action-card,.order-summary{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.order-action-card h2,.order-summary h2{margin:0 0 14px;font:700 17px/1.2 Georgia,serif}.order-summary dl{margin:0;display:grid;gap:9px}.order-summary dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.order-summary dt{color:var(--muted);font-size:14px}.order-summary dd{margin:0;font-weight:700;font-size:14.5px}.order-summary .order-total{padding-top:10px;border-top:1px solid var(--line)}.order-summary .order-total dd{font:700 20px/1 Georgia,serif}.order-summary .order-payout dd{color:#15803d}.order-deadline{display:flex;align-items:center;gap:7px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:#9a3412;font-size:13px;line-height:1.45}.order-action-card .field{margin-bottom:12px}.order-action-card .field span{font-size:13px;font-weight:800}.order-action-card input,.order-action-card textarea{width:100%;padding:10px 12px;border:1px solid #dcd9d3;border-radius:10px;background:var(--paper);color:var(--ink);outline:none}.order-action-card input:focus,.order-action-card textarea:focus{border-color:var(--lavender)}.order-quote-preview{margin:0 0 12px;color:var(--muted);font-size:14px}.order-escrow-note{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.55}.order-actions{display:grid;gap:9px}.button-secondary.danger{color:#b91c1c;border-color:#fecaca}.button-secondary.danger:hover{background:#fef2f2}.rating-picker{display:flex;gap:4px;margin-bottom:12px}.rating-picker button{border:0;background:none;padding:2px;cursor:pointer;color:#d4d4d8}.rating-picker button.on{color:#f59e0b}.provider-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:30px}.stat-card{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.stat-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.stat-card strong{display:block;margin-top:8px;font:700 26px/1 Georgia,serif}.stat-card strong small{color:var(--muted);font:600 14px/1 Inter,sans-serif}.stat-card>small{display:block;margin-top:5px;color:var(--muted);font-size:12.5px}.provider-status-bar{justify-content:space-between;gap:16px;margin-bottom:22px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.provider-status-bar,.provider-status-bar>div{display:flex;align-items:center;flex-wrap:wrap}.provider-status-bar>div{gap:12px;font-size:14px;color:var(--muted)}.provider-status-bar a{color:var(--lavender);font-weight:700}.provider-suspend-reason{color:#b91c1c}.provider-form-shell{max-width:760px}.hire-form,.provider-form{display:grid;gap:18px}.provider-fee-note{margin-top:22px}.hire-form-note,.provider-fee-note{color:var(--muted);font-size:13.5px;line-height:1.6}.hire-form-note{margin:0}.skill-input{display:flex;gap:9px}.skill-input input{flex:1}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0;padding:0;list-style:none}.skill-tags li{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 11px;border:1px solid #ddd7ff;border-radius:999px;background:#f4f1ff;color:#5545d9;font-size:12.5px;font-weight:700}.skill-tags button{display:grid;place-items:center;border:0;background:none;padding:0;color:inherit;cursor:pointer;opacity:.65}.skill-tags button:hover{opacity:1}:root[data-theme=dark] .order-message.mine{background:#2b2846;border-color:#4a4570}:root[data-theme=dark] .skill-tags li{background:#302d49;border-color:#5b5685;color:#c9c3ff}:root[data-theme=dark] .form-error{background:#3a2020;border-color:#7f3030;color:#fca5a5}:root[data-theme=dark] .form-success{background:#17301f;border-color:#2f6b45;color:#86efac}:root[data-theme=dark] .order-action-card input,:root[data-theme=dark] .order-action-card textarea,:root[data-theme=dark] .order-composer textarea{background:#20212b;border-color:#4a4b5a}@media (max-width:960px){.order-detail{grid-template-columns:1fr}.order-sidebar{position:static}}@media (max-width:620px){.field-row{grid-template-columns:1fr}.order-row{flex-direction:column;align-items:flex-start;gap:10px}.order-row-side{width:100%;justify-content:space-between}}.admin-provider-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.admin-provider-filters input,.admin-provider-filters select{min-height:38px;padding:0 12px;border:1px solid #dcd9d3;border-radius:10px;background:var(--paper);color:var(--ink);outline:none}.admin-provider-filters input{flex:1 1 220px}.admin-provider-list{display:grid;gap:10px}.admin-provider-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.admin-provider-main{display:grid;gap:4px;min-width:0}.admin-provider-main strong{font-size:15.5px}.admin-provider-meta{color:var(--muted);font-size:13px}.admin-provider-reason{color:#b91c1c;font-size:13px}.admin-provider-side{display:grid;justify-items:end;gap:7px;flex:none;text-align:right}.admin-provider-link{color:var(--lavender);font-size:13px;font-weight:700}.admin-provider-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:4px}.admin-provider-error{color:#b91c1c;font-size:12.5px}.admin-provider-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;color:var(--muted);font-size:13px}:root[data-theme=dark] .admin-provider-row{background:#20212b}:root[data-theme=dark] .admin-provider-filters input,:root[data-theme=dark] .admin-provider-filters select{background:#20212b;border-color:#4a4b5a}@media (max-width:720px){.admin-provider-row{flex-direction:column}.admin-provider-side{justify-items:start;text-align:left}.admin-provider-actions{justify-content:flex-start}}