.dashboard-page{background-color:var(--background-color);width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:25px 25px,25px 25px,100px 100px,100px 100px;position:absolute;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color)}.dashboard-sidebar{background:var(--surface-color);width:320px;height:100vh;color:var(--panel-text-color);z-index:10;border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;padding:10px;display:flex;overflow:hidden;box-shadow:4px 0 20px #0000004d}.dashboard-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.dashboard-sidebar-title{text-transform:uppercase;color:var(--panel-text-muted-color);margin:0;font-size:14px;font-weight:700}.dashboard-logout-btn{background:var(--node-bg-color);border:1px solid var(--border-color);color:var(--node-text-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;transition:background-color .2s;display:flex}.dashboard-logout-btn:hover{background:var(--hover-color)}.dashboard-sidebar-search{margin-bottom:10px;position:relative}.dashboard-search-icon{color:var(--item-text-muted-color);pointer-events:none;opacity:1;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.dashboard-search-input{background:var(--item-bg-color);width:100%;color:var(--panel-text-color);border:none;border-radius:4px;padding:8px 10px 8px 30px;font-size:14px}.dashboard-search-input::placeholder{color:var(--item-text-muted-color)}.dashboard-search-input:focus{border-color:var(--color-blue);outline:none}.dashboard-projects-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.dashboard-project-item{background:var(--item-bg-color);cursor:pointer;text-align:left;width:100%;color:var(--panel-text-color);border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;transition:background-color .2s;display:flex}.dashboard-project-item:hover{background:var(--hover-color)}.dashboard-project-content{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.dashboard-project-header{align-items:center;gap:8px;width:100%;display:flex}.dashboard-project-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;line-height:1.4;overflow:hidden}.dashboard-project-meta{color:var(--item-text-muted-color);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dashboard-sidebar-empty{text-align:center;color:var(--panel-text-muted-color);padding:20px;font-size:12px}.dashboard-sidebar-sort{border-bottom:1px solid var(--border-color);gap:5px;margin-bottom:10px;padding-bottom:10px;display:flex}.dashboard-sort-label{display:none}.dashboard-sort-btn{background:var(--item-bg-color);text-align:center;cursor:pointer;color:var(--panel-text-muted-color);border:none;border-radius:4px;flex:1;padding:4px;font-size:10px;font-weight:700}.dashboard-sort-btn:hover{background:var(--hover-color)}.dashboard-sort-btn.active{background:var(--hover-color);color:var(--panel-text-color);border:1px solid var(--border-color)}.dashboard-main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow-y:auto}.dashboard-welcome{text-align:center;margin-bottom:60px}.dashboard-welcome-title{color:var(--text-color);margin:0 0 10px;font-size:2.5rem;font-weight:700}.dashboard-welcome-subtitle{color:var(--text-color);margin:0;font-size:1.1rem}.dashboard-actions{flex-wrap:wrap;justify-content:center;gap:40px;max-width:1200px;display:flex}.dashboard-action-node{background:var(--node-bg-color);width:320px;color:var(--node-text-color);cursor:pointer;border-radius:10px 10px 0 0;margin-top:30px;transition:box-shadow .2s;animation:6s ease-in-out infinite bounce;position:relative;box-shadow:8px 8px 30px #0003}.dashboard-action-node:first-child{animation-delay:0s}.dashboard-action-node:nth-child(2){animation-delay:2s}.dashboard-action-node:nth-child(3){animation-delay:4s}.dashboard-action-node:hover{box-shadow:12px 12px 40px #0000004d}.dashboard-action-node:before{content:"";pointer-events:none;border:3px solid #0000;border-radius:14px 14px 4px 4px;transition:border-color .2s;position:absolute;inset:-6px}.dashboard-action-node:hover:before{border-color:var(--primary-color)}.dashboard-action-node .node-icon-nub{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.dashboard-action-node .node-nub-icon{opacity:.5}.dashboard-action-node .node-header{border-bottom:2px solid var(--border-color);border-radius:9px 9px 0 0;justify-content:space-between;align-items:center;height:40px;padding:0 10px;display:flex}.dashboard-action-node .node-header h3{color:inherit;margin:0;font-size:14px;font-weight:700}.dashboard-action-node .node-type{color:#0009;font-size:10px}.dashboard-action-body{flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex}.dashboard-action-body p{color:var(--node-text-color);margin:0 0 15px;font-size:13px;line-height:1.5}.dashboard-action-arrow{color:var(--node-text-color);opacity:.6;justify-content:flex-end;transition:opacity .2s,transform .2s;display:flex}.dashboard-action-node:hover .dashboard-action-arrow{opacity:1;transform:translate(4px)}.dashboard-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dashboard-modal-content{animation:.2s ease-out zoomIn}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.dashboard-page{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;max-height:300px}.dashboard-main{padding:20px}.dashboard-welcome-title{font-size:1.75rem}.dashboard-actions{gap:20px}.dashboard-action-node{width:100%;max-width:320px}}