:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#000;--text-secondary:#54595d;--text-muted:#72777d;--accent:#0645ad;--accent-hover:#0b0080;--border-light:#a2a9b1;--border-dark:#54595d;--shadow-inset:none;--shadow-outset:none;--shadow-pressed:none;--shadow-hover:none;--font-primary:"Times New Roman",Times,serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-xs:0px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#000;color:var(--text-primary);font-family:Times New Roman,Times,serif;font-family:var(--font-primary);margin:0;overflow:hidden}*{box-sizing:border-box}.minimal{background:#fff;background:var(--bg-primary)}.minimal,.minimal-inset{border:1px solid #a2a9b1;border:1px solid var(--border-light);border-radius:0;border-radius:var(--radius-md)}.minimal-inset,.minimal-pressed{background:#f8f9fa;background:var(--bg-secondary)}.minimal-pressed{border:2px solid #54595d;border:2px solid var(--border-dark);border-radius:0;border-radius:var(--radius-md)}.minimal:hover{border-color:#54595d;border-color:var(--border-dark);transition:border-color .2s ease}.minimal-button{background:#fff;background:var(--bg-primary);border:1px solid #a2a9b1;border:1px solid var(--border-light);border-radius:0;border-radius:var(--radius-md);color:#000;color:var(--text-primary);cursor:pointer;font-family:Times New Roman,Times,serif;font-family:var(--font-primary);font-weight:500;font-weight:var(--font-weight-medium);padding:16px;padding:var(--spacing-md);transition:all .2s ease}.minimal-button:hover{color:#0645ad;color:var(--accent);text-decoration:underline}.minimal-button:active,.minimal-button:hover{border-color:#54595d;border-color:var(--border-dark)}.minimal-button:active{background:#f8f9fa;background:var(--bg-secondary)}.minimal-input{background:#fff;background:var(--bg-primary);border:1px solid #a2a9b1;border:1px solid var(--border-light);border-radius:0;border-radius:var(--radius-md);color:#000;color:var(--text-primary);font-family:Times New Roman,Times,serif;font-family:var(--font-primary);outline:none;padding:16px;padding:var(--spacing-md)}.minimal-input::placeholder{color:#72777d;color:var(--text-muted)}.minimal-input:focus{border-color:#0645ad;border-color:var(--accent);border-width:2px}.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}body,html{font-family:var(--font-primary);height:100%;margin:0;overflow:hidden;padding:0}.app-container,body,html{background-color:var(--bg-primary);width:100%}.app-container{display:flex;height:100vh}.main-content{flex:1 1;height:100vh;overflow:hidden;position:relative}.fountain-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transform:scale(min(1,calc(100vw / 1000px),calc(100vh / 1000px)));width:100%}.background-circle{height:600px;width:600px}.background-circle,.inner-background-circle{background-color:initial;border:1px solid var(--border-light);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.9);z-index:1}.inner-background-circle{height:200px;width:200px}.compass-layout{align-items:center;display:flex;height:800px;justify-content:center;position:relative;transform:scale(.9);width:800px;z-index:2}.archive-item{border-radius:0}.archive-item img{height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.archive-item:hover{border-color:var(--accent)}.archive-item:hover img{opacity:.8}.north{left:50%;top:0;transform:translateX(-50%)}.east{right:0;top:50%;transform:translateY(-50%)}.south{bottom:0;left:50%;transform:translateX(-50%)}.west{left:0;top:50%;transform:translateY(-50%)}.north-inner{left:50%;top:37.5%}.east-inner,.north-inner{transform:translate(-50%,-50%)}.east-inner{left:62.5%;top:50%}.south-inner{left:50%;top:62.5%}.south-inner,.west-inner{transform:translate(-50%,-50%)}.west-inner{left:37.5%;top:50%}.sidebar{border:1px solid var(--border-light)}.sidebar.minimized{border:none}.nav-button{border:1px solid var(--border-light)}.nav-button:hover{border-color:var(--border-dark);text-decoration:underline}.nav-button.active,.nav-button:active{background:var(--bg-secondary);border-color:var(--border-dark)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-light);border-radius:50%;border-top:2px solid #0000;bottom:0;height:40px;left:0;margin:auto;position:absolute;right:0;top:0;width:40px;z-index:5}.inner .loading-spinner{border-width:1px;border-top:1px solid #0000;height:20px;width:20px}.image-loading{opacity:0}.image-loaded,.image-loading{height:100%;left:0;position:absolute;top:0;width:100%}.image-loaded{opacity:1;transition:opacity .3s ease}.archive-item{background:#0000;border:1px solid var(--border-light);cursor:pointer;height:200px;overflow:hidden;position:absolute;width:200px}.archive-item.inner{height:50px;width:50px}@keyframes nudgeNorth{0%,to{transform:translateX(-50%)}50%{transform:translate(-50%,-10px)}}@keyframes nudgeEast{0%,to{transform:translateY(-50%)}50%{transform:translate(10px,-50%)}}@keyframes nudgeSouth{0%,to{transform:translateX(-50%)}50%{transform:translate(-50%,10px)}}@keyframes nudgeWest{0%,to{transform:translateY(-50%)}50%{transform:translate(-10px,-50%)}}.archive-item.north.nudge{animation:nudgeNorth .3s ease}.archive-item.east.nudge{animation:nudgeEast .3s ease}.archive-item.south.nudge{animation:nudgeSouth .3s ease}.archive-item.west.nudge{animation:nudgeWest .3s ease}.archive-item.tint img{filter:brightness(.8)}.archive-item.saved{pointer-events:none}.archive-item.saved img{filter:grayscale(100%) brightness(.7)}.saved-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.save-icon{color:#fff;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.archive-item.inner .save-icon{height:20px;width:20px}.search-panel{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:all .3s ease;z-index:100}.search-panel.collapsed{background:none;border:none;padding:0}.search-panel.expanded{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-width:320px;padding:var(--spacing-md)}.search-form{align-items:center;display:flex;gap:var(--spacing-sm)}.search-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;outline:none;padding:var(--spacing-md);transition:border-color .2s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);border-width:2px}.search-input-wrapper{flex:1 1;position:relative}.search-input-wrapper.search-active{position:relative}.search-input-wrapper.search-active:before{animation:pulseBorder 2s ease-in-out infinite;border:2px solid var(--accent);border-radius:calc(var(--radius-md) + 2px);bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.search-input-wrapper .search-input{position:relative;width:100%;z-index:1}.search-beta-label{bottom:-18px;color:var(--text-muted);font-family:var(--font-primary);font-size:10px;font-style:italic;left:0;position:absolute}@keyframes pulseBorder{0%,to{box-shadow:0 0 0 0 var(--accent);opacity:.3}50%{box-shadow:0 0 8px 2px #3b82f64d;opacity:1}}.clear-button,.search-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:16px;height:40px;justify-content:center;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:all .2s ease;width:40px}.clear-button:hover,.search-button:hover{border-color:var(--border-dark);color:var(--accent)}.clear-button:active,.search-button:active{background:var(--bg-secondary);border-color:var(--border-dark)}.sources-panel{background:var(--bg-primary);border-radius:var(--radius-lg);bottom:var(--spacing-lg);box-shadow:var(--shadow-outset);left:var(--spacing-lg);min-width:200px;padding:var(--spacing-md);position:fixed;z-index:100}.sources-title{color:var(--text-primary);font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.sources-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm)}.source-checkbox{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:12px;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:all .2s ease}.source-checkbox:hover{background:#667eea1a;color:var(--text-primary)}.source-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--bg-primary);border-radius:var(--radius-xs);box-shadow:var(--shadow-inset);cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.source-checkbox input[type=checkbox]:checked{background:var(--accent);box-shadow:var(--shadow-inset)}.source-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{cursor:pointer;font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.help-panel{bottom:var(--spacing-lg);position:absolute;right:var(--spacing-lg);z-index:100}.help-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:16px;height:40px;justify-content:center;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:all .2s ease;width:40px}.help-button:hover{border-color:var(--border-dark);color:var(--accent)}.help-button:active{background:var(--bg-secondary);border-color:var(--border-dark)}.help-modal-content{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-family:var(--font-primary);max-width:90%;padding:var(--spacing-xl);position:relative;width:400px}.help-modal-content h3{color:var(--text-primary);font-size:18px;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0}.help-content p{color:var(--text-primary);line-height:1.5;margin:0 0 var(--spacing-md) 0}.help-content ul{color:var(--text-primary);margin:0 0 var(--spacing-md) var(--spacing-lg);padding:0}.help-content li{line-height:1.5;margin-bottom:var(--spacing-xs)}.help-content kbd{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:3px;color:var(--text-primary);font-family:monospace;font-size:12px;padding:2px 6px}.session-panel{border-radius:var(--radius-lg);height:240px;padding:var(--spacing-md);width:200px}.session-button-minimized,.session-panel{background:var(--bg-primary);border:1px solid var(--border-light);bottom:var(--spacing-lg);left:var(--spacing-lg);position:fixed;z-index:100}.session-button-minimized{align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-medium);height:40px;justify-content:center;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:all .2s ease;width:40px}.session-button-minimized:hover{border-color:var(--border-dark);color:var(--accent)}.session-button-minimized:active{background:var(--bg-secondary);border-color:var(--border-dark)}.session-title{color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);transition:color .2s ease;-webkit-user-select:none;user-select:none}.session-title:hover{color:var(--accent)}.session-thumbnails{grid-gap:var(--spacing-sm);align-content:start;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);height:184px;overflow-y:auto;padding-right:var(--spacing-xs);scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .3s ease}.session-thumbnails:hover{scrollbar-color:var(--accent) var(--bg-primary)}.session-thumbnails::-webkit-scrollbar{width:6px}.session-thumbnails::-webkit-scrollbar-thumb,.session-thumbnails::-webkit-scrollbar-track{background:#0000;border-radius:var(--radius-sm)}.session-thumbnails::-webkit-scrollbar-thumb{-webkit-transition:background .3s ease;transition:background .3s ease}.session-thumbnails:hover::-webkit-scrollbar-track{background:var(--bg-primary);box-shadow:var(--shadow-inset)}.session-thumbnails:hover::-webkit-scrollbar-thumb{background:var(--accent)}.session-thumbnails:hover::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.session-thumbnail{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;height:40px;overflow:hidden;padding:1px;transition:all .2s ease;width:40px}.session-thumbnail:hover{border-color:var(--accent)}.session-thumbnail img{height:100%;object-fit:cover;width:100%}.session-empty{color:var(--text-muted);font-family:var(--font-primary);font-size:12px;font-style:italic;padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.search-panel{left:10px;min-width:250px;padding:10px;top:10px}.search-input{font-size:12px;padding:6px 8px}.clear-button,.search-button{font-size:12px;padding:6px 12px}}.modal-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;font-family:var(--font-primary);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:90%;padding:var(--spacing-xl);position:relative;width:350px}.auth-form{width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.form-group input,.form-group label{color:var(--text-primary);font-family:var(--font-primary);font-size:14px}.form-group input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;outline:none;padding:var(--spacing-md);transition:border-color .2s ease;width:100%}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent);border-width:2px}.modal-close-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:color .2s ease}.modal-close-button:hover{color:var(--text-primary)}.form-actions{gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.cancel-button,.submit-button{background:var(--bg-primary);border:1px solid var(--border-light)!important;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-medium);min-width:80px;padding:var(--spacing-md);transition:all .2s ease}.submit-button{background:var(--bg-primary);border-color:var(--accent)!important;color:var(--accent)}.cancel-button:hover,.submit-button:hover{border-color:var(--border-dark);text-decoration:underline}.cancel-button:active,.submit-button:active{background:var(--bg-secondary);border-color:var(--border-dark)}.cancel-button:disabled,.submit-button:disabled{border-color:var(--border-light);cursor:not-allowed;opacity:.6}.form-switch{font-size:14px;margin-top:var(--spacing-lg);text-align:center}.form-switch a{color:var(--text-secondary);font-family:var(--font-primary);text-decoration:none;transition:color .2s ease}.form-switch a:hover{color:var(--accent);text-decoration:underline}.form-error{background:var(--bg-primary);border:1px solid #ff5252;border-radius:var(--radius-md);color:#ff5252;font-family:var(--font-primary);font-size:14px;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.dashboard-container{flex:1 1;padding:var(--spacing-lg);padding-top:120px}.username{color:var(--text-primary);font-family:var(--font-primary);font-size:12px;font-weight:var(--font-weight-medium);margin-right:var(--spacing-md);white-space:nowrap}.dashboard-content{display:flex;gap:var(--spacing-lg);height:calc(100vh - 120px);margin:0 auto;max-width:1800px;width:100%}.preview-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:var(--spacing-lg)}.preview-content{display:flex;flex-direction:column;height:100%}.preview-image-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:var(--spacing-md);min-height:200px;padding:var(--spacing-md)}.preview-image-wrapper img{border-radius:var(--radius-sm);max-height:100%;max-width:100%;object-fit:contain}.preview-metadata{padding:var(--spacing-md) 0}.preview-metadata h3{color:var(--text-primary);font-size:18px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);margin-top:0}.preview-metadata p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-md)}.view-button{background:var(--bg-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-outset);color:var(--accent);cursor:pointer;display:inline-block;font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.view-button:hover{box-shadow:var(--shadow-hover);color:var(--accent-hover)}.preview-placeholder{align-items:center;color:var(--text-muted);display:flex;font-size:14px;height:100%;justify-content:center;text-align:center}.image-grid-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);flex:2 1;overflow:auto;padding:var(--spacing-lg)}.image-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));padding:var(--spacing-sm)}.grid-item{aspect-ratio:1;background:var(--bg-primary);border:1px solid #0000;border-radius:var(--radius-xs);box-shadow:var(--shadow-outset);cursor:default;overflow:hidden;padding:1px;transition:all .2s ease;width:100%}.grid-item img{border-radius:calc(var(--radius-xs) - 2px);height:100%;object-fit:cover;width:100%}.grid-item:hover{border-color:var(--accent)}.grid-item.active{border:1px solid var(--accent);box-shadow:var(--shadow-pressed);padding:1px}.grid-item[draggable=true]{cursor:default}.loading-indicator,.no-images-message{align-items:center;color:var(--text-muted);display:flex;font-size:16px;height:100%;justify-content:center}.boards-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-outset);overflow:auto;padding:var(--spacing-lg);position:relative;width:250px}.boards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.boards-header h2{color:var(--text-primary);font-size:18px;font-weight:var(--font-weight-bold);margin:0}.add-board-button{align-items:center;background:var(--bg-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-outset);color:var(--accent);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-board-button:hover{box-shadow:var(--shadow-hover);color:var(--accent-hover)}.add-board-button:active{box-shadow:var(--shadow-pressed)}.board-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.board-item{align-items:center;background:var(--bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-outset);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease;-webkit-user-select:none;user-select:none}.board-item:hover{box-shadow:var(--shadow-hover)}.board-item.active,.board-item.drag-over{background:var(--bg-secondary);box-shadow:var(--shadow-pressed)}.board-item span:first-child{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-medium)}.image-count{color:var(--text-muted);font-size:12px;font-weight:var(--font-weight-normal)}.board-item.all-board{background:var(--bg-secondary);font-weight:var(--font-weight-bold)}.new-board-form{border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.new-board-form,.new-board-form input{background:var(--bg-primary);box-shadow:var(--shadow-inset)}.new-board-form input{border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;margin-bottom:var(--spacing-sm);outline:none;padding:var(--spacing-sm);width:100%}.new-board-form input:focus{box-shadow:var(--shadow-inset),0 0 0 2px var(--accent)}.form-actions{display:flex;gap:var(--spacing-sm)}.form-actions button{background:var(--bg-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-outset);color:var(--text-primary);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:12px;font-weight:var(--font-weight-medium);padding:var(--spacing-sm);transition:all .2s ease}.form-actions button[type=submit]{color:var(--accent)}.form-actions button:hover{box-shadow:var(--shadow-hover)}.form-actions button:active{box-shadow:var(--shadow-pressed)}.rename-form{width:100%}.rename-form input{background:var(--bg-primary);border:none;border-radius:var(--radius-xs);box-shadow:var(--shadow-inset);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;outline:none;padding:var(--spacing-xs);width:100%}.recycle-bin{align-items:center;bottom:var(--spacing-lg);display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease}.recycle-bin-label{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:4px;margin-bottom:8px}.recycle-bin-label svg{color:var(--text-muted);height:12px;width:12px}.recycle-bin-hole{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);cursor:pointer;height:80px;transition:all .2s ease;width:80px}.recycle-bin-hole.recycle-bin-drag-over{background:#a0a8b5;box-shadow:inset 16px 16px 32px #7a8490,inset -4px -4px 8px #ffffff05,inset 6px 6px 12px #0003}.notification{animation:fadeInOut 2s ease-in-out;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-outset);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-medium);left:50%;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:var(--spacing-lg);transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.confirm-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-outset),0 10px 40px #0000001a;max-width:400px;padding:var(--spacing-xl);width:90%}.confirm-modal p{color:var(--text-primary);font-size:16px;margin:0 0 var(--spacing-lg)}.confirm-actions{display:flex;gap:var(--spacing-md)}.confirm-actions button{background:var(--bg-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-outset);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-medium);padding:var(--spacing-md);transition:all .2s ease}.cancel-button{color:var(--text-primary)}.delete-button{color:#ff5252}.confirm-actions button:hover{box-shadow:var(--shadow-hover)}.confirm-actions button:active{box-shadow:var(--shadow-pressed)}.dashboard-error,.dashboard-loading,.not-authenticated{align-items:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-xl) auto;max-width:600px;min-height:400px;padding:var(--spacing-xl)}.not-authenticated h2{color:var(--text-primary);font-size:24px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.not-authenticated .return-button{margin-top:var(--spacing-md)}@media (max-width:1200px){.dashboard-content{flex-direction:column;height:auto}.preview-container{height:300px}.image-grid-container{height:400px}.boards-container{height:auto;max-height:300px;width:100%}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md)}.header-left{width:100%}.user-controls{justify-content:center;width:100%}.image-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}.top-bar{align-items:center;display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.top-bar .sidebar{margin:0;position:static}.viewboards-dashboard-container{flex:1 1;padding:var(--spacing-lg);padding-top:0}.profile-header-top{align-items:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-outset);display:flex;gap:var(--spacing-md);left:280px;padding:var(--spacing-md);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:99}.profile-header-top h1{color:var(--text-primary);font-size:24px;font-weight:var(--font-weight-bold);margin:0}.profile-picture{border:2px solid grey;border-radius:50%;display:inline-block;height:40px;margin-right:10px;overflow:hidden;position:relative;vertical-align:middle;width:40px}.profile-picture img{height:100%;object-fit:cover;width:100%}.profile-picture.editable{cursor:pointer}.edit-overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;font-size:12px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.profile-picture.editable:hover .edit-overlay{opacity:1}.profile-picture-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;font-family:Times New Roman,serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-picture-modal{animation:fadeIn .3s ease;background-color:#f0f0f0;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:20px;width:400px}.profile-picture-modal h3{color:#333;font-size:18px;margin-bottom:20px;margin-top:0;text-align:center}.drop-zone{background-color:#f8f8f8;border:2px dashed grey;border-radius:4px;margin-bottom:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.drop-zone.active{background-color:#e8e8e8;border-color:#666}.drop-zone.has-preview{padding:10px}.drop-zone p{color:#666;margin:0 0 10px}.file-input-label{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-top:10px;padding:8px 16px}.file-input-label:hover{background-color:#666}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.profile-preview-container{border:2px solid #ddd;border-radius:50%;height:200px;margin:0 auto;overflow:hidden;width:200px}.profile-preview-image{height:100%;object-fit:cover;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.profile-picture-modal .cancel-button,.profile-picture-modal .upload-button{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,serif;font-size:14px;padding:8px 16px}.profile-picture-modal .cancel-button{background-color:#d0d0d0;color:#333}.profile-picture-modal .upload-button{background-color:grey;color:#fff}.profile-picture-modal .cancel-button:hover{background-color:silver}.profile-picture-modal .upload-button:hover{background-color:#666}.profile-picture-modal .cancel-button:disabled,.profile-picture-modal .upload-button:disabled{cursor:not-allowed;opacity:.6}.page-container{background-color:var(--bg-primary);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh;width:100%}.sidebar{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:6px 6px 12px #b4bcc9,-3px -3px 6px #ffffff4d,0 0 0 1px #ffffff1a;left:var(--spacing-lg);padding:var(--spacing-md);position:absolute;top:var(--spacing-lg);transition:all .3s ease;z-index:100}.sidebar.minimized{background:none;box-shadow:none;padding:0}.sidebar-nav{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-sm)}.nav-button{align-items:center;background:var(--bg-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-outset);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-medium);height:40px;justify-content:center;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:all .2s ease;width:40px}.nav-button:hover{box-shadow:var(--shadow-hover);color:var(--accent)}.nav-button.active,.nav-button:active{box-shadow:var(--shadow-pressed)}.nav-button.active{color:var(--accent)}.minimize-button{margin-right:var(--spacing-xs);order:-1}.expand-button{height:40px;width:40px}.map-container{flex:1 1;overflow:hidden;padding:var(--spacing-lg);padding-top:120px;position:relative}.user-map{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);height:calc(100vh - 121px);width:100%}.node{cursor:pointer}.node text{fill:var(--text-primary);font-family:var(--font-primary);font-size:12px;font-weight:var(--font-weight-medium)}.node:hover image{filter:brightness(1.1)}.connection{stroke:var(--text-muted);stroke-opacity:.6}.loading{color:var(--text-secondary);font-family:var(--font-primary);font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.e4982114.css.map*/