@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&family=Fredoka+One&family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--slate-bg: #2F2F2F;--slate-bg-alt: #1E2A44;--chalk-white: #EDEDED;--pastel-yellow: #F4E4A3;--pastel-blue: #A3C8F4;--neon-pink: #FF69B4;--dusty-green: #8AB5A3;--soft-orange: #F4B3A3;--text-primary: var(--chalk-white);--text-secondary: rgba(237, 237, 237, .7);--text-disabled: rgba(237, 237, 237, .4);--surface-primary: rgba(46, 46, 46, .95);--surface-secondary: rgba(30, 42, 68, .85);--surface-hover: rgba(163, 200, 244, .1);--surface-selected: rgba(163, 200, 244, .2);--border-default: rgba(237, 237, 237, .2);--border-hover: rgba(237, 237, 237, .4);--border-selected: var(--pastel-blue);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--grid-color: rgba(237, 237, 237, .05);--selection-stroke: var(--pastel-blue);--selection-fill: rgba(163, 200, 244, .1);--sticky-yellow: var(--pastel-yellow);--sticky-yellow-dark: #E8D491;--sticky-shadow: 0 4px 8px rgba(0, 0, 0, .3)}body{background-color:var(--slate-bg);color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:inherit}.chalkboard-texture{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.15;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(237,237,237,.03) 2px,rgba(237,237,237,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(237,237,237,.02) 2px,rgba(237,237,237,.02) 4px);z-index:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-primary)}::-webkit-scrollbar-thumb{background:var(--dusty-green);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--pastel-blue)}.grid-settings{position:fixed;top:80px;right:20px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;padding:16px;box-shadow:var(--shadow-lg);z-index:9999;min-width:250px}.grid-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grid-settings-header h3{color:var(--chalk-white);font-size:16px;margin:0}.grid-settings-content{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;gap:8px}.setting-row label{display:flex;align-items:center;gap:8px;color:var(--chalk-white);font-size:14px;cursor:pointer;width:100%}.setting-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}.setting-row input[type=range]{flex:1;margin:0 8px;background:transparent;outline:none}.setting-row input[type=range]::-webkit-slider-track{width:100%;height:4px;background:var(--border-default);border-radius:2px}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--pastel-blue);cursor:pointer;border-radius:50%}.setting-row span{min-width:40px;text-align:right;color:var(--text-secondary);font-size:12px}.shape-library{position:fixed;top:80px;left:20px;width:320px;height:500px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:9999;display:flex;flex-direction:column}.shape-library-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-default)}.shape-library-header h3{color:var(--chalk-white);font-size:16px;margin:0}.shape-library-categories{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-default);overflow-x:auto}.category-button{padding:6px 12px;border:1px solid var(--border-default);border-radius:4px;background:transparent;color:var(--chalk-white);font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.category-button:hover{background:var(--surface-hover);border-color:var(--border-hover)}.category-button.active{background:var(--pastel-blue);color:var(--slate-bg);border-color:var(--pastel-blue)}.shape-library-grid{flex:1;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow-y:auto}.shape-template{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-secondary);cursor:pointer;transition:all .2s}.shape-template:hover{border-color:var(--pastel-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.shape-preview{width:60px;height:40px;margin-bottom:8px}.shape-name{font-size:12px;color:var(--chalk-white);text-align:center}.shape-library-footer{padding:16px;border-top:1px solid var(--border-default)}.add-custom-shape{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px dashed var(--border-default);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.add-custom-shape:hover{border-color:var(--pastel-blue);color:var(--pastel-blue)}:root{--font-chalk: "Kalam", "Comic Sans MS", "Marker Felt", "Kreon", cursive;--font-handwriting: "Caveat", "Dancing Script", "Shadows Into Light", cursive;--font-monospace: "Fira Code", "JetBrains Mono", "Cascadia Code", "Source Code Pro", monospace;--font-classic: "Times New Roman", "Georgia", serif;--font-modern: system-ui, "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-playful: "Fredoka One", "Nunito", "Comfortaa", sans-serif;font-family:var(--font-chalk);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--slate-bg);color:var(--chalk-white)}#root{width:100%;height:100%}a{font-weight:500;color:var(--pastel-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--neon-pink)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--chalk-white)}*{margin:0;padding:0;box-sizing:border-box}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--slate-bg);overflow:hidden;position:relative}.app-header{height:64px;background-color:var(--surface-primary);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:9999}.header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.app-logo{width:40px;height:40px;object-fit:contain}.header-left h1{font-size:24px;color:var(--chalk-white);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-center{flex:1;display:flex;justify-content:center}.toolbar-container{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:10}.toolbar-group{display:flex;align-items:center;gap:8px;background-color:var(--surface-secondary);padding:4px;border-radius:8px;border:1px solid var(--border-default)}.toolbar-divider{width:1px;height:32px;background-color:var(--border-default)}.toolbar{display:flex;gap:4px;align-items:center;background-color:var(--surface-secondary);padding:4px;border-radius:8px;border:1px solid var(--border-default)}.tool-button{min-width:40px;height:40px;border:1px solid transparent;background-color:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--chalk-white);position:relative;padding:0 8px;gap:6px}.tool-button:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-hover);color:var(--chalk-white)}.tool-button:hover:not(:disabled) svg{color:var(--chalk-white)}.tool-button.active{background-color:var(--pastel-blue);color:var(--slate-bg);border-color:var(--pastel-blue);min-width:auto}.tool-button.active svg{color:var(--slate-bg)}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-button.ai-button{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;position:relative;overflow:hidden}.tool-button.ai-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.tool-button.ai-button:hover:before{left:100%}.tool-button.ai-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#764ba2;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.tool-button.ai-button.active{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#764ba2;box-shadow:0 0 0 2px #667eea4d}.tool-label{font-size:12px;font-weight:500;white-space:nowrap;color:inherit}.header-right{display:flex;gap:15px;align-items:center}.export-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--pastel-blue);color:var(--slate-bg);border:1px solid var(--pastel-blue);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-button:hover{background-color:transparent;color:var(--pastel-blue)}.export-button:active{transform:scale(.98)}.app-main{flex:1;display:flex;overflow:hidden}.sidebar-left,.sidebar-right{width:60px;background-color:var(--surface-primary);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:10px;transition:width .3s ease}.sidebar-right{width:280px;border-left:1px solid var(--border-default);border-right:none;overflow-y:auto}.canvas-container{flex:1;position:relative;overflow:hidden;background-color:var(--slate-bg);z-index:1}.canvas{width:100%;height:100%;background-color:var(--slate-bg);position:relative;overflow:hidden}.canvas-container[data-tool=select]{cursor:default}.canvas-container[data-tool=pan]{cursor:grab}.canvas-container[data-tool=pan]:active{cursor:grabbing}.canvas-container[data-tool=rectangle],.canvas-container[data-tool=circle],.canvas-container[data-tool=line],.canvas-container[data-tool=arrow],.canvas-container[data-tool=diamond],.canvas-container[data-tool=parallelogram],.canvas-container[data-tool=connector],.canvas-container[data-tool=sticky-note],.canvas-container[data-tool=text],.canvas-container[data-tool=freehand]{cursor:crosshair}.text-editor-overlay{position:absolute;z-index:1000}.text-editor{border:2px solid var(--pastel-blue);border-radius:4px;padding:8px;font-family:Arial,sans-serif;resize:none;outline:none;background:var(--surface-primary);color:var(--chalk-white);box-shadow:var(--shadow-md)}.property-panel{padding:20px;height:100%;background-color:var(--surface-primary)}.property-panel h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--chalk-white)}.property-panel-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center}.property-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-default)}.property-section.info{border-bottom:none;color:var(--text-secondary);font-size:14px}.property-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--text-secondary)}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.color-button{width:32px;height:32px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.color-button:hover{transform:scale(1.1)}.color-button.active{border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.sticky-color-grid{display:flex;gap:8px}.sticky-color-button{width:48px;height:48px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.sticky-color-button:hover{transform:scale(1.05)}.sticky-color-button.active{border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.stroke-width-options{display:flex;gap:8px}.stroke-width-button{width:40px;height:40px;border:1px solid var(--border-default);border-radius:4px;background:var(--surface-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stroke-width-button:hover{border-color:var(--pastel-blue)}.stroke-width-button.active{border-color:var(--pastel-blue);background-color:var(--surface-selected)}.stroke-preview{width:24px;background-color:var(--chalk-white);border-radius:2px;transition:all .2s ease}.stroke-width-button:hover .stroke-preview,.stroke-width-button.active .stroke-preview{background-color:var(--pastel-blue)}.font-size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.font-size-button{padding:8px;border:1px solid var(--border-default);border-radius:4px;background:var(--surface-secondary);color:var(--chalk-white);cursor:pointer;font-size:12px;transition:all .2s ease}.font-size-button:hover{border-color:var(--pastel-blue)}.font-size-button.active{border-color:var(--pastel-blue);background-color:var(--pastel-blue);color:var(--slate-bg)}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--surface-secondary);color:var(--chalk-white);border:1px solid var(--border-default);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-menu-button:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.user-menu-header{padding:16px}.user-menu-name{font-weight:600;font-size:14px;color:var(--chalk-white)}.user-menu-email{font-size:12px;color:var(--text-secondary);margin-top:2px}.user-menu-divider{height:1px;background-color:var(--border-default)}.user-menu-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--chalk-white);cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.user-menu-item:hover{background-color:var(--surface-hover)}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--text-secondary)}.back-button{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--border-default);background-color:var(--surface-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;margin-right:12px;font-size:14px;font-weight:500;color:var(--chalk-white)}.back-button:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.share-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--neon-pink);color:var(--chalk-white);border:1px solid var(--neon-pink);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:8px}.share-button:hover{background-color:transparent;color:var(--neon-pink)}.save-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--dusty-green);color:var(--chalk-white);border:1px solid var(--dusty-green);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:8px}.save-button:hover:not(:disabled){background-color:transparent;color:var(--dusty-green)}.save-button:disabled{opacity:.6;cursor:not-allowed}.saving-indicator,.saved-indicator{font-size:12px;margin-left:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.saving-indicator{color:var(--slate-bg);background-color:var(--soft-orange)}.saved-indicator{color:var(--slate-bg);background-color:var(--dusty-green)}.boards-page{width:100%;height:100%;background-color:var(--slate-bg)}.arrow-head-button{width:36px;height:36px;border:1px solid var(--border-default);border-radius:4px;background:var(--surface-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--chalk-white)}.arrow-head-button:hover{border-color:var(--pastel-blue);background-color:var(--surface-hover)}.arrow-head-button.active{border-color:var(--pastel-blue);background-color:var(--surface-selected);color:var(--pastel-blue)}.custom-color-add{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-default)!important;background:transparent!important;color:var(--text-secondary);transition:all .2s ease}.custom-color-add:hover{border-color:var(--pastel-blue)!important;color:var(--pastel-blue);background:var(--surface-hover)!important}.custom-color-add.active{border-color:var(--pastel-blue)!important;background:var(--surface-selected)!important;color:var(--pastel-blue)}.custom-color{position:relative}.custom-color:after{content:"";position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;background:var(--neon-pink);border-radius:50%;border:1px solid var(--surface-primary)}.custom-color-input{display:flex;gap:8px;margin-top:8px;align-items:center}.color-input{flex:1;padding:6px 8px;background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:12px;font-family:monospace}.color-input:focus{outline:none;border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.color-input::placeholder{color:var(--text-tertiary)}.button-sm{padding:6px 12px;font-size:12px;min-height:auto}.button-sm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.sidebar-left,.sidebar-right{width:50px}.header-left h1{font-size:20px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--slate-bg);position:relative}.auth-box{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:40px}.auth-form h2{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--chalk-white);text-align:center}.auth-subtitle{margin:0 0 32px;color:var(--text-secondary);text-align:center;font-size:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--chalk-white)}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-default);background-color:var(--surface-secondary);color:var(--chalk-white);border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.form-group input:disabled{background-color:var(--surface-primary);opacity:.6;cursor:not-allowed}.auth-button{width:100%;padding:12px 24px;background-color:var(--pastel-blue);color:var(--slate-bg);border:1px solid var(--pastel-blue);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.auth-button:hover:not(:disabled){background-color:transparent;color:var(--pastel-blue)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background-color:#ff69b41a;color:var(--neon-pink);border:1px solid var(--neon-pink);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.auth-success{background-color:#8ab5a31a;color:var(--dusty-green);border:1px solid var(--dusty-green);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.auth-forgot{text-align:center;margin-top:16px;margin-bottom:8px}.auth-switch{text-align:center;margin-top:24px;color:var(--text-secondary);font-size:14px}.link-button{background:none;border:none;color:var(--pastel-blue);cursor:pointer;font-weight:600;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:var(--pastel-yellow)}.boards-container{padding:20px;height:100%;overflow-y:auto;background-color:var(--slate-bg)}.boards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.boards-header h2{margin:0;font-size:24px;font-weight:600;color:var(--chalk-white)}.boards-actions{display:flex;gap:8px;align-items:center}.view-toggle{width:36px;height:36px;border:1px solid var(--border-default);background-color:var(--surface-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--chalk-white);transition:all .2s;position:relative}.view-toggle:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.view-toggle.active{background-color:var(--pastel-blue);color:var(--slate-bg);border-color:var(--pastel-blue)}.new-board-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--pastel-blue);color:var(--slate-bg);border:1px solid var(--pastel-blue);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:8px}.new-board-button:hover{background-color:transparent;color:var(--pastel-blue)}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.boards-grid .board-item{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);position:relative}.boards-grid .board-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.board-thumbnail{width:100%;height:160px;background-color:var(--slate-bg-alt);position:relative;overflow:hidden;border-radius:4px}.board-thumbnail img{width:100%;height:100%;object-fit:cover}.board-thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--slate-bg-alt) 0%,var(--slate-bg) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.boards-grid .board-info{padding:16px;border-top:1px solid var(--border-default)}.boards-grid .board-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--chalk-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-meta{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.boards-list{display:flex;flex-direction:column;gap:8px}.boards-list .board-item{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;position:relative}.boards-list .board-item:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.boards-list .board-thumbnail{width:80px;height:60px;flex-shrink:0;border-radius:4px;overflow:hidden}.boards-list .board-info{flex:1}.boards-list .board-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--chalk-white)}.board-actions{position:absolute;top:12px;right:12px}.board-menu-button{width:32px;height:32px;border:1px solid var(--border-default);background-color:var(--surface-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--chalk-white)}.board-menu-button:hover{background-color:var(--surface-hover);box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.board-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-md);z-index:100;min-width:150px;overflow:hidden}.board-menu-item{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--chalk-white);transition:background-color .2s}.board-menu-item:hover{background-color:var(--surface-hover)}.board-menu-item.delete{color:var(--neon-pink)}.boards-empty{text-align:center;padding:60px 20px}.boards-empty p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.create-first-board{padding:12px 24px;background-color:var(--pastel-blue);color:var(--slate-bg);border:1px solid var(--pastel-blue);border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.create-first-board:hover{background-color:transparent;color:var(--pastel-blue)}.boards-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:16px}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;padding:24px;width:90%;max-width:400px;box-shadow:var(--shadow-lg)}.dialog h3{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--chalk-white)}.dialog input{width:100%;padding:12px;border:1px solid var(--border-default);background-color:var(--surface-secondary);color:var(--chalk-white);border-radius:6px;font-size:16px;margin-bottom:20px;box-sizing:border-box}.dialog input:focus{outline:none;border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-cancel{padding:8px 16px;background-color:var(--surface-secondary);color:var(--chalk-white);border:1px solid var(--border-default);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.dialog-cancel:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.dialog-submit{padding:8px 16px;background-color:var(--pastel-blue);color:var(--slate-bg);border:1px solid var(--pastel-blue);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.dialog-submit:hover:not(:disabled){background-color:transparent;color:var(--pastel-blue)}.dialog-submit:disabled{opacity:.5;cursor:not-allowed}.shared-boards-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--border-default)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:18px;font-weight:600;color:var(--chalk-white)}.toggle-shared{background:none;border:1px solid var(--border-default);padding:6px 12px;border-radius:4px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.toggle-shared:hover,.toggle-shared.active{background-color:var(--surface-hover);border-color:var(--border-hover);color:var(--chalk-white)}.shared-board{position:relative}.permission-badge{position:absolute;top:10px;right:10px;background-color:var(--surface-secondary);color:var(--pastel-yellow);border:1px solid var(--pastel-yellow);padding:4px 8px;border-radius:4px;font-size:11px;text-transform:capitalize}.board-menu-item.delete:hover{background-color:#ff69b41a;color:var(--neon-pink)}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.share-dialog{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:12px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.share-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--border-default)}.share-dialog-header h2{margin:0;font-size:20px;font-weight:600;color:var(--chalk-white)}.close-button{width:36px;height:36px;border:1px solid transparent;background-color:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.close-button:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.share-form{padding:24px}.share-input-group{display:flex;gap:12px;align-items:flex-start}.email-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.share-email-input{width:100%;padding:10px 12px 10px 38px;border:1px solid var(--border-default);background-color:var(--surface-secondary);color:var(--chalk-white);border-radius:6px;font-size:14px;transition:all .2s}.share-email-input:focus{outline:none;border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.share-permission-select{padding:10px 12px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;background-color:var(--surface-secondary);color:var(--chalk-white);cursor:pointer;transition:all .2s;min-width:120px}.share-permission-select:focus{outline:none;border-color:var(--pastel-blue);box-shadow:0 0 0 2px #a3c8f433}.share-button{padding:10px 20px;background-color:var(--pastel-blue);color:var(--slate-bg);border:1px solid var(--pastel-blue);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.share-button:hover:not(:disabled){background-color:transparent;color:var(--pastel-blue)}.share-button:disabled{opacity:.5;cursor:not-allowed}.share-error{margin-top:12px;padding:8px 12px;background-color:#ff69b41a;color:var(--neon-pink);border:1px solid var(--neon-pink);border-radius:6px;font-size:14px}.share-success{margin-top:12px;padding:8px 12px;background-color:#8ab5a31a;color:var(--dusty-green);border:1px solid var(--dusty-green);border-radius:6px;font-size:14px}.share-collaborators{flex:1;padding:0 24px 24px;overflow-y:auto}.share-collaborators h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--chalk-white)}.collaborators-list{display:flex;flex-direction:column;gap:8px}.collaborator-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:8px;transition:all .2s}.collaborator-item:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.collaborator-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.collaborator-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--surface-selected);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);overflow:hidden;flex-shrink:0}.collaborator-avatar img{width:100%;height:100%;object-fit:cover}.collaborator-details{flex:1;min-width:0}.collaborator-name{font-size:14px;font-weight:500;color:var(--chalk-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collaborator-email{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collaborator-actions{display:flex;align-items:center;gap:12px}.collaborator-permission{font-size:13px;color:var(--pastel-yellow);padding:4px 8px;background-color:transparent;border-radius:4px;border:1px solid var(--pastel-yellow)}.remove-access-button{width:32px;height:32px;border:1px solid transparent;background-color:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.remove-access-button:hover{background-color:#ff69b41a;border-color:var(--neon-pink);color:var(--neon-pink)}.no-collaborators{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}