:root{color:#172033;font-synthesis:none;--primary:#5b5ce2;--primary-dark:#4747c7;--border:#e1e7ef;--muted:#6c788d;--shadow:0 12px 32px #1f2a441f;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,select,summary,[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}.primary-button,.secondary-button,.ghost-button,.filter-button{cursor:pointer;white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:600;display:inline-flex}.primary-button{background:var(--primary);color:#fff;box-shadow:0 5px 12px #5b5ce23d}.primary-button:hover{background:var(--primary-dark)}.secondary-button{border:1px solid var(--border);background:#fff}.secondary-button:hover,.ghost-button:hover,.filter-button:hover{background:#f1f4f9}.ghost-button,.filter-button{background:0 0}.primary-button.small,.secondary-button.small{min-height:34px;padding:0 12px;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}.full-button{width:100%;margin-top:8px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{background:#edf1f6}.danger{color:#c52d40!important}.muted{color:var(--muted)}.app-header,.editor-header{border-bottom:1px solid var(--border);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;height:60px;padding:0 24px;display:flex;position:relative}.app-header{justify-content:space-between}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark,.auth-logo{color:#a9a9ff;background:#17192b;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.header-actions{align-items:center;gap:8px;display:flex}.user-name{color:var(--muted);padding:0 8px;font-size:13px}.auth-page{background:radial-gradient(circle at 30% 10%,#e8e9ff 0,#0000 34%),#f4f7fb;place-items:center;min-height:100%;padding:24px;display:grid}.auth-card,.modal-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px}.auth-card{width:min(430px,100%);padding:34px}.auth-logo{width:48px;height:48px;margin-bottom:22px}.auth-card h1,.modal-card h2,.page-heading h1{letter-spacing:-.035em;margin:0}.auth-card>p,.modal-card>p,.page-heading p{color:var(--muted);line-height:1.55}.auth-card label,.modal-card label{gap:7px;margin-top:17px;font-size:13px;font-weight:600;display:grid}.auth-card input,.modal-card input,.modal-card select{border:1px solid #cfd8e5;border-radius:9px;outline:none;width:100%;min-height:42px;padding:0 12px}.auth-card input:focus,.modal-card input:focus,.modal-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b5ce21f}.field-hint{margin:6px 0 0;font-size:12px}.form-error{font-size:13px;color:#c52d40!important}.page-shell{min-height:100%}.boards-page,.users-page{width:min(1180px,100% - 48px);margin:0 auto;padding:42px 0 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{font-size:34px}.page-heading p{margin:7px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--primary)!important}.board-filters{align-items:center;gap:10px;margin-bottom:22px;display:flex}.search-box{border:1px solid var(--border);min-width:260px;max-width:400px;height:40px;color:var(--muted);background:#fff;border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{border:0;outline:0;width:100%;min-width:0}.filter-button{border:1px solid var(--border);background:#fff;font-size:13px}.filter-button.active{color:var(--primary);background:#eef;border-color:#c6c6fb}.filter-select{border:1px solid var(--border);background:#fff;border-radius:9px;height:40px;padding:0 12px}.view-switch{background:#e9edf3;border-radius:9px;margin-left:auto;padding:3px;display:flex}.view-switch button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.view-switch button.active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #1f2a441f}.board-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.board-item{border:1px solid var(--border);background:#fff;border-radius:14px;min-width:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:visible}.board-item.tag-picker-open{z-index:20}.board-grid .board-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1f2a441a}.board-preview{cursor:pointer;background:#edf2f7;border:0;border-radius:13px 13px 0 0;width:100%;height:176px;padding:0;overflow:hidden}.board-preview img{object-fit:cover;width:100%;height:100%;display:block}.preview-placeholder{color:#a4afbf;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:18px 18px;place-items:center;width:100%;height:100%;display:grid}.board-info{padding:16px 48px 17px 17px}.board-title{text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;max-width:100%;padding:0;font-size:16px;font-weight:700;overflow:hidden}.board-info small{color:var(--muted);margin-top:10px;font-size:11px;display:block}.favorite-button{color:#f0a72f;position:absolute;bottom:51px;right:43px}.board-menu{z-index:5;position:absolute;bottom:51px;right:9px}.board-menu summary{list-style:none}.board-menu summary::-webkit-details-marker{display:none}.popover-menu,.canvas-context-menu{border:1px solid var(--border);box-shadow:var(--shadow);z-index:40;background:#fff;border-radius:10px;padding:6px;position:absolute}.popover-menu{width:210px;top:39px;right:0}.popover-menu button,.canvas-context-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:13px;display:flex}.popover-menu button:hover,.canvas-context-menu button:hover{background:#f0f3f8}.tag-row{flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;margin-top:5px;padding:5px 0;display:flex;overflow:visible}.tag-pill{--tag-color:#5b5ce2;background:color-mix(in srgb, var(--tag-color) 14%, white);color:color-mix(in srgb, var(--tag-color) 80%, black);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.tag-empty-pill{color:#7a8699;white-space:nowrap;background:#edf1f5;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.tag-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.quick-tag-picker{display:inline-flex;position:relative}.tag-add-button{width:22px;height:22px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #cfd8e5;border-radius:50%;place-items:center;padding:0;display:grid}.tag-add-button:hover,.tag-add-button[aria-expanded=true]{background:#eef;border-color:#b9baf7}.quick-tag-popover{z-index:50;border:1px solid var(--border);width:230px;box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:9px;position:absolute;top:calc(100% + 7px);left:0}.quick-tag-popover>strong{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:2px 3px 8px;font-size:11px;display:block}.quick-tag-options{gap:2px;max-height:180px;display:grid;overflow-y:auto}.quick-tag-options>button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:10px 1fr 16px;align-items:center;gap:7px;width:100%;min-height:34px;padding:0 7px;font-size:13px;display:grid}.quick-tag-options>button:hover{background:#f0f3f8}.quick-tag-options>button>svg{color:var(--primary)}.quick-tag-empty{color:var(--muted);margin:2px 3px 8px;font-size:12px}.quick-tag-create{border-top:1px solid var(--border);grid-template-columns:1fr 34px;gap:6px;margin-top:7px;padding-top:8px;display:grid}.quick-tag-create input{border:1px solid #cfd8e5;border-radius:7px;outline:none;width:100%;min-width:0;height:34px;padding:0 9px;font-size:12px}.quick-tag-create input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b5ce21f}.quick-tag-create button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.quick-tag-error{color:#c52d40;margin:7px 3px 1px;font-size:11px;line-height:1.35}.board-list{gap:9px;display:grid}.board-list .board-item{grid-template-columns:120px 1fr 42px 42px;min-height:92px;display:grid;overflow:visible}.board-list .board-preview{border-radius:13px 0 0 13px;grid-row:1;width:120px;height:90px}.board-list .board-info{grid-column:2;padding:14px 16px}.board-list .favorite-button,.board-list .board-menu{align-self:center;position:relative;inset:auto}.board-list .board-menu{grid-column:4}.empty-state{text-align:center;min-height:320px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty-state h2{color:#273248;margin-bottom:0}.empty-illustration{width:72px;height:72px;color:var(--primary);background:#e9eaff;border-radius:20px;place-items:center;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141b2b6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(460px,100%);padding:26px}.tag-delete-backdrop{z-index:110}.confirmation-modal{width:min(420px,100%)}.confirmation-modal>p{color:var(--muted);margin:12px 0 0;line-height:1.55}.danger-confirm{background:#dc2626}.danger-confirm:hover{background:#b91c1c}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.tag-create{grid-template-columns:1fr 48px auto;align-items:end;gap:8px;display:grid}.tag-create-color{border:1px solid #cfd8e5;border-radius:9px;place-items:center;min-height:42px;display:grid}.tag-manager-list{gap:4px;margin-top:18px;display:grid}.tag-manager-list>div{border-bottom:1px solid #edf1f5;grid-template-columns:36px 1fr 36px;align-items:center;gap:4px;min-height:44px;display:grid}.tag-manager-list .palette-picker{justify-self:center}.users-table-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:auto}.users-table-card table{border-collapse:collapse;width:100%;min-width:760px}.users-table-card th,.users-table-card td{text-align:left;border-bottom:1px solid #edf1f5;padding:15px 18px;font-size:13px}.users-table-card th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.user-cell{align-items:center;gap:10px;display:flex}.user-cell>span{width:34px;height:34px;color:var(--primary);background:#eef0ff;border-radius:9px;place-items:center;display:grid}.user-cell small{color:var(--muted);margin-top:3px;display:block}.role-badge{align-items:center;gap:5px;display:inline-flex}.status-active,.status-inactive{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.status-active{color:#18794e;background:#e5f6ee}.status-inactive{color:#9f2936;background:#feecef}.table-actions{justify-content:flex-end;gap:6px;display:flex}.editor-page{background:#eef3f8;height:100%;overflow:hidden}.editor-header{gap:8px;padding:0 14px}.editor-brand{border-right:1px solid var(--border);padding:0 8px;font-weight:700}.board-title-input{background:0 0;border:1px solid #0000;border-radius:8px;outline:none;width:min(340px,30vw);height:36px;padding:0 9px;font-weight:600}.board-title-input:hover,.board-title-input:focus{border-color:var(--border);background:#f5f7fa}.editor-spacer{flex:1}.save-state{min-width:86px;color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.save-state.saved{color:#18794e}.save-state.error,.save-state.conflict{color:#b42336}.editor-loading{height:calc(100% - 60px);color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.error-panel{color:#b42336;flex-direction:column}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-error{z-index:80;color:#a11225;max-width:430px;box-shadow:var(--shadow);cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex;position:fixed;bottom:20px;right:20px}.export-modal{gap:10px;display:grid}.export-choice{text-align:left;border:1px solid var(--border);cursor:pointer;background:#f7f8fb;border-radius:10px;gap:4px;width:100%;padding:14px;display:grid}.export-choice:hover{border-color:var(--primary);background:#f1f1ff}.export-choice span{color:var(--muted);font-size:12px}.infinite-canvas{cursor:default;background-color:#f4f8fb;background-image:radial-gradient(circle,#c8d3de 1.15px,#0000 1.2px);background-size:var(--grid-size) var(--grid-size);background-position:var(--grid-x) var(--grid-y);-webkit-user-select:none;user-select:none;outline:none;width:100%;height:calc(100% - 60px);position:relative;overflow:hidden}.infinite-canvas.hand-active{cursor:grab}.infinite-canvas.panning{cursor:grabbing}.canvas-drop-overlay{z-index:70;border:2px dashed var(--primary);color:var(--primary);pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#eeeeffe0;border-radius:16px;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:14px}.canvas-drop-overlay strong{font-size:17px}.canvas-drop-overlay span{color:#5f6680;font-size:12px}.canvas-import-error{position:absolute}.canvas-svg{display:block;overflow:visible}.canvas-element{cursor:move}.infinite-canvas.line-active .canvas-element{cursor:crosshair}.canvas-element.locked{cursor:default}.canvas-element.selected{filter:drop-shadow(0 3px 5px #1820331f)}.shape-label{pointer-events:none}.canvas-connection{cursor:grab}.canvas-connection:active{cursor:grabbing}.infinite-canvas.line-active .canvas-connection{pointer-events:none}.canvas-connection.selected>path:first-child{filter:drop-shadow(0 0 2px #5b5ce2)}.connection-label{pointer-events:none;paint-order:stroke;stroke:#f4f8fb;stroke-width:4px;stroke-linejoin:round;font-weight:600}.selection-overlay{pointer-events:none}.selection-overlay circle,.connection-handles,.connection-endpoints{pointer-events:all}.connection-anchor-hit{cursor:crosshair}.connection-anchor-target{pointer-events:all}.connection-anchor-dot{pointer-events:none;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 1px 2px #22254859);transition:transform .15s}.connection-anchor-hit:hover .connection-anchor-dot,.connection-anchor-hit.active .connection-anchor-dot{animation:.9s ease-in-out infinite connection-anchor-pulse}@keyframes connection-anchor-pulse{0%,to{filter:drop-shadow(0 1px 2px #22254859)drop-shadow(0 0 #5b5ce200);transform:scale(1.35)}50%{filter:drop-shadow(0 1px 2px #22254859)drop-shadow(0 0 5px #5b5ce2b3);transform:scale(1.75)}}.connection-endpoints circle{cursor:grab;filter:drop-shadow(0 1px 3px #22254859)}.connection-endpoints circle:active{cursor:grabbing}.rotate-handle{cursor:crosshair}.canvas-toolbox{z-index:25;background:#171925;border-radius:12px;flex-direction:column;gap:4px;width:48px;padding:6px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 10px 24px #17192540}.tool-button,.tool-text-button{color:#bdc6d3;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.tool-button:hover,.tool-button.active,.tool-text-button:hover,.tool-text-button.active{color:#fff;background:#5b35dc}.tool-button:disabled{opacity:.3}.tool-symbol{font-size:22px;line-height:1}.tool-divider{background:#35394b;height:1px;margin:3px 4px}.tool-text-button{font-size:11px;font-weight:700}.selection-toolbar{z-index:23;border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:3px;min-height:42px;padding:5px;display:flex;position:absolute;transform:translate(-50%,-100%)}.selection-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:32px;height:32px;padding:0 8px;font-size:12px;display:inline-flex}.selection-toolbar button:hover,.selection-toolbar button.active{color:var(--primary);background:#ececff}.toolbar-divider{background:var(--border);width:1px;height:26px;margin:0 3px}.color-control{height:32px;color:var(--muted);align-items:center;gap:5px;padding:0 7px;font-size:10px;display:flex}.palette-picker{position:relative}.palette-trigger{cursor:pointer;border-radius:7px;place-items:center;width:28px;height:28px;list-style:none;display:grid}.palette-trigger::-webkit-details-marker{display:none}.palette-trigger:hover,.palette-picker[open] .palette-trigger{background:#ececff}.palette-current{border:2px solid #fff;border-radius:5px;width:18px;height:18px;box-shadow:0 0 0 1px #aab3c2}.palette-menu{z-index:35;border:1px solid var(--border);width:112px;box-shadow:var(--shadow);background:#fff;border-radius:10px;grid-template-columns:repeat(3,28px);gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.palette-swatch{width:28px;box-shadow:0 0 0 1px #d4d9e2;border:2px solid #fff!important;border-radius:7px!important;min-width:28px!important;height:28px!important;padding:0!important}.palette-swatch:hover{transform:scale(1.08)}.palette-swatch.active{box-shadow:0 0 0 2px var(--primary)}.palette-swatch.transparent,.palette-current.transparent{background-image:linear-gradient(45deg,#d9dee7 25%,#0000 25%),linear-gradient(-45deg,#d9dee7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9dee7 75%),linear-gradient(-45deg,#0000 75%,#d9dee7 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;background-color:#fff!important}.font-size{text-align:center;min-width:22px;color:var(--muted);font-size:11px}.canvas-text-editor{z-index:24;resize:none;-webkit-user-select:text;user-select:text;box-shadow:none;caret-color:currentColor;border:0;border-radius:0;outline:none;line-height:1.25;position:absolute;overflow:hidden}.canvas-text-editor.code-editor{border:2px solid var(--primary);border-radius:7px;font-family:SFMono-Regular,Consolas,monospace;box-shadow:0 0 0 3px #5b5ce21f;text-align:left!important;color:#172033!important;background:#fff!important;padding:8px!important;font-size:13px!important}.canvas-text-editor.connection-label-editor{border:2px solid var(--primary);white-space:nowrap;background:#fff;border-radius:7px;box-shadow:0 0 0 3px #5b5ce21f}.canvas-context-menu{width:205px;transform:translate(3px,3px)}.context-divider{background:var(--border);height:1px;margin:4px;display:block}.zoom-indicator{z-index:20;border:1px solid var(--border);color:var(--muted);background:#ffffffeb;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:600;position:absolute;bottom:14px;right:15px}.mermaid-svg{pointer-events:none}@media (width<=780px){.boards-page,.users-page{width:min(100% - 28px,1180px);padding-top:28px}.board-filters{flex-wrap:wrap}.search-box{flex-basis:100%;max-width:none}.view-switch{margin-left:0}.user-name,.editor-brand,.save-state span{display:none}.save-state{min-width:20px}}