.dashboard-page{min-height:100vh;display:flex}.dashboard-page .sidebar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#ffffffa6;border:1px solid #fff9;border-radius:24px;flex-direction:column;width:260px;height:96vh;padding:32px 24px;display:flex;position:fixed;top:2vh;left:2vh;box-shadow:0 10px 30px -5px #6966b614}.dashboard-page .logo{color:#6966b6;align-items:center;gap:12px;margin-bottom:48px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.dashboard-page .logo-icon{object-fit:contain;width:28px;height:28px}.dashboard-page .nav-menu{flex-direction:column;flex:1;gap:8px;display:flex}.dashboard-page .nav-item{color:#888;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dashboard-page .nav-item.active{color:#6966b6;background:#fff;box-shadow:0 4px 12px #00000008}.dashboard-page .nav-item:hover:not(.active){color:#6966b6;background:#ffffff80}.dashboard-page .nav-icon{width:20px;height:20px}.dashboard-page .user-profile{cursor:pointer;border-top:1px solid #0000000d;align-items:center;gap:12px;padding-top:20px;display:flex}.dashboard-page .avatar{background:#eee url(https://api.dicebear.com/7.x/notionists/svg?seed=Alex) 0 0/cover;border-radius:50%;width:40px;height:40px}.dashboard-page .user-info h4{font-size:.9rem;font-weight:600}.dashboard-page .user-info p{color:#666;margin-bottom:8px;font-size:.75rem}.dashboard-page .credits-badge{color:#6966b6;background:linear-gradient(135deg,#6966b61a,#f8ced71a);border:1px solid #6966b633;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;font-size:.7rem;font-weight:600;display:flex}.dashboard-page .credits-badge svg{stroke:#6966b6;width:14px;height:14px}.dashboard-page .main-content{width:100%;max-width:1600px;margin-left:280px;padding:40px 60px}.dashboard-page .header-section{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.dashboard-page .page-title h1{margin-bottom:4px;font-size:2rem;font-weight:700}.dashboard-page .page-title p{color:#888;font-size:.95rem}.dashboard-page .search-bar{background:#fff;border:1px solid #0000000d;border-radius:50px;align-items:center;gap:10px;width:300px;padding:10px 20px;transition:all .2s;display:flex;box-shadow:0 10px 30px -5px #6966b614}.dashboard-page .search-bar:focus-within{border-color:#6966b64d;box-shadow:0 4px 12px #6966b61a}.dashboard-page .search-bar input{color:#1a1a1a;border:none;outline:none;width:100%;font-size:.9rem}.dashboard-page .search-clear-btn{cursor:pointer;color:#888;background:#00000014;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.dashboard-page .search-clear-btn:hover{color:#555;background:#00000026}.dashboard-page .search-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;animation:.4s fadeIn;display:flex}.dashboard-page .search-empty p{color:#999;font-size:.95rem;font-weight:500}.dashboard-page .projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;display:grid}.dashboard-page .project-card{cursor:pointer;background:#fff;border:1px solid #fffc;border-radius:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.6s backwards fadeIn;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #6966b614}.dashboard-page .project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #6966b626}.dashboard-page .card-preview{background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.dashboard-page .preview-content{background:#fff;border-radius:4px;width:80%;height:80%;position:relative;box-shadow:0 4px 10px #0000000d}.dashboard-page .cover-loading-placeholder{z-index:1;background:#f9f9f9;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dashboard-page .cover-loading-spinner{border:2.5px solid #6966b626;border-top-color:#6966b6;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite coverSpin}.dashboard-page .cover-loading-text{color:#6966b680;letter-spacing:.5px;font-size:.8rem;font-weight:500}@keyframes coverSpin{to{transform:rotate(360deg)}}.dashboard-page .card-info{padding:20px}.dashboard-page .card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:1.05rem;font-weight:600;display:block;overflow:hidden}.dashboard-page .card-meta{color:#666;justify-content:space-between;font-size:.8rem;display:flex}.dashboard-page .more-btn{opacity:0;cursor:pointer;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.dashboard-page .project-card:hover .more-btn{opacity:1}.dashboard-page .new-project-card{cursor:pointer;color:#6966b6;background:#fff6;border:2px dashed #6966b64d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;text-decoration:none;transition:all .3s;animation:.6s .4s backwards fadeIn;display:flex}.dashboard-page .new-project-card:hover{background:#fffc;border-color:#6966b6;transform:translateY(-4px);box-shadow:0 20px 40px -5px #6966b626}.dashboard-page .plus-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #6966b626}.dashboard-page .new-project-card:hover .plus-icon{transform:scale(1.1)rotate(90deg)}.dashboard-page .new-text{font-size:1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.dashboard-page{flex-direction:column}.dashboard-page .sidebar{border:none;border-top:1px solid #ffffff80;border-radius:20px 20px 0 0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:12px 24px;position:fixed;top:auto;bottom:0;left:0;box-shadow:0 -10px 30px #0000000d}.dashboard-page .logo,.dashboard-page .user-profile{display:none}.dashboard-page .nav-menu{flex-direction:row;justify-content:space-around;width:100%}.dashboard-page .nav-item{flex-direction:column;gap:4px;padding:8px;font-size:.7rem}.dashboard-page .nav-item svg{width:24px;height:24px}.dashboard-page .main-content{margin-left:0;padding:24px 20px 100px}.dashboard-page .header-section{flex-direction:column;align-items:flex-start;gap:20px}.dashboard-page .search-bar{width:100%}.dashboard-page .projects-grid{grid-template-columns:1fr;gap:20px}.dashboard-page .new-project-card{flex-direction:row;gap:16px;min-height:120px}.dashboard-page .plus-icon{width:40px;height:40px;margin-bottom:0}}.dashboard-page .language-switcher-sidebar{border-bottom:1px solid #0000000d;margin-bottom:16px;padding-bottom:16px;position:relative}.dashboard-page .language-trigger-sidebar{cursor:pointer;color:#1a1a1a;background:#fffc;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.dashboard-page .language-trigger-sidebar:hover{background:#fff;border-color:#6966b64d;box-shadow:0 2px 8px #6966b614}.dashboard-page .language-trigger-sidebar .lang-icon{font-size:1.1rem}.dashboard-page .language-trigger-sidebar .lang-name{text-align:left;flex:1}.dashboard-page .language-trigger-sidebar .lang-arrow{color:#888;transition:transform .2s}.dashboard-page .language-trigger-sidebar .lang-arrow.open{transform:rotate(180deg)}.dashboard-page .language-dropdown-sidebar{z-index:1000;background:#fff;border:1px solid #00000014;border-radius:12px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.dashboard-page .language-option-sidebar{cursor:pointer;color:#1a1a1a;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.9rem;transition:all .15s;display:flex}.dashboard-page .language-option-sidebar:hover{background:#6966b60d}.dashboard-page .language-option-sidebar.active{color:#6966b6;background:#6966b61a;font-weight:600}.dashboard-page .language-option-sidebar .lang-icon{font-size:1.1rem}.dashboard-page .language-option-sidebar .lang-name{flex:1}.dashboard-page .language-option-sidebar .check-icon{stroke:#6966b6}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-page .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dashboard-page .modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.25,.8,.25,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.dashboard-page .modal-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.dashboard-page .modal-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:700}.dashboard-page .modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.dashboard-page .modal-close:hover{color:#1a1a1a;background:#f0f0f0}.dashboard-page .modal-body{flex:1;padding:32px;overflow-y:auto}.dashboard-page .logout-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.dashboard-page .logout-btn:hover{color:#e05050;background:#e050500d;border-color:#e05050}.dashboard-page .info-section{margin-bottom:32px}.dashboard-page .info-section:last-child{margin-bottom:0}.dashboard-page .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-page .info-section h3{color:#1a1a1a;font-size:1.1rem;font-weight:700}.dashboard-page .update-btn{color:#fff;background:linear-gradient(135deg,#6966b6 0%,#8e8bce 100%);border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.dashboard-page .update-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6966b64d}.dashboard-page .subscription-card{background:linear-gradient(135deg,#6966b61a,#f8ced71a);border:1px solid #6966b633;border-radius:16px;padding:20px}.dashboard-page .plan-badge{color:#fff;background:#6966b6;border-radius:8px;margin-bottom:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.dashboard-page .plan-desc{color:#666;font-size:.9rem}.dashboard-page .credits-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-page .stat-item{flex-direction:column;gap:4px;display:flex}.dashboard-page .stat-label{color:#888;font-size:.8rem}.dashboard-page .stat-value{color:#1a1a1a;font-size:1.5rem;font-weight:700}.dashboard-page .stat-value.highlight{color:#6966b6}.dashboard-page .progress-bar{background:#f0f0f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.dashboard-page .progress-fill{background:linear-gradient(90deg,#6966b6 0%,#8e8bce 100%);border-radius:4px;height:100%;transition:width .3s}.dashboard-page .filter-tabs{gap:8px;display:flex}.dashboard-page .filter-tab{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.dashboard-page .filter-tab:hover{color:#6966b6;border-color:#6966b6}.dashboard-page .filter-tab.active{color:#fff;background:#6966b6;border-color:#6966b6}.dashboard-page .usage-table{border:1px solid #f0f0f0;border-radius:12px;margin-bottom:16px;overflow:hidden}.dashboard-page .table-header{color:#666;text-transform:uppercase;background:#f9f9f9;grid-template-columns:1fr 2fr 1fr 1fr;padding:12px 16px;font-size:.8rem;font-weight:700;display:grid}.dashboard-page .table-row{border-top:1px solid #f0f0f0;grid-template-columns:1fr 2fr 1fr 1fr;padding:12px 16px;font-size:.9rem;transition:background .2s;display:grid}.dashboard-page .table-row:hover{background:#f9f9f9}.dashboard-page .table-cell{align-items:center;display:flex}.dashboard-page .table-cell.positive{color:#4ade80;font-weight:600}.dashboard-page .table-cell.negative{color:#f87171;font-weight:600}.dashboard-page .pagination{justify-content:center;align-items:center;gap:16px;display:flex}.dashboard-page .page-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.dashboard-page .page-btn:hover:not(:disabled){color:#6966b6;border-color:#6966b6}.dashboard-page .page-btn:disabled{opacity:.3;cursor:not-allowed}.dashboard-page .page-info{color:#666;font-size:.9rem;font-weight:600}.dashboard-page .user-profile{cursor:pointer;transition:all .2s}.dashboard-page .user-profile:hover{transform:translate(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-page .modal-overlay{align-items:flex-end;padding:0}.dashboard-page .modal-content{border-radius:24px 24px 0 0;max-width:100%;max-height:85vh;animation:.3s cubic-bezier(.25,.8,.25,1) slideUpMobile}.dashboard-page .modal-header{padding:20px}.dashboard-page .modal-header h2{font-size:1.2rem}.dashboard-page .modal-body{padding:20px}.dashboard-page .credits-stats{grid-template-columns:1fr;gap:12px}.dashboard-page .table-header,.dashboard-page .table-row{grid-template-columns:.8fr 1.5fr .7fr .7fr;padding:10px 12px;font-size:.75rem}.dashboard-page .filter-tabs{flex-wrap:wrap}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dashboard-page .project-context-menu{z-index:1000;background:#fff;border:1px solid #00000014;border-radius:12px;min-width:160px;padding:6px;animation:.15s slideDown;position:fixed;box-shadow:0 8px 24px #0000001f}.dashboard-page .context-menu-item{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.9rem;transition:background .15s;display:flex}.dashboard-page .context-menu-item:hover{background:#6966b60f}.dashboard-page .context-menu-item.danger{color:#ef4444}.dashboard-page .context-menu-item.danger:hover{background:#ef44440f}.dashboard-page .rename-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:28px 32px;animation:.25s cubic-bezier(.25,.8,.25,1) slideUp;box-shadow:0 20px 60px #0003}.dashboard-page .rename-modal h3{color:#1a1a1a;margin-bottom:20px;font-size:1.2rem;font-weight:700}.dashboard-page .rename-input{color:#1a1a1a;box-sizing:border-box;border:1px solid #0000001a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.dashboard-page .rename-input:focus{border-color:#6966b6}.dashboard-page .delete-message{color:#666;margin-bottom:4px;font-size:.95rem;line-height:1.5}.dashboard-page .rename-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dashboard-page .rename-cancel{color:#666;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.dashboard-page .rename-cancel:hover{background:#f5f5f5}.dashboard-page .rename-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6966b6 0%,#8e8bce 100%);border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.dashboard-page .rename-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6966b64d}.dashboard-page .rename-confirm.danger{background:linear-gradient(135deg,#ef4444 0%,#f87171 100%)}.dashboard-page .rename-confirm.danger:hover{box-shadow:0 4px 12px #ef44444d}