html,body{margin:0;padding:0;height:100%;width:100%;background-color:#0f172a;overflow-x:hidden}:root{--bg: #0b0f1a;--glass: rgba(23, 32, 53, .65);--glass-border: rgba(255, 255, 255, .08);--accent: #6366f1;--accent-light: #818cf8;--text-main: #f1f5f9;--text-mute: #94a3b8;display:block;min-height:100vh;background:radial-gradient(circle at 0% 0%,#1e1b4b,#0b0f1a 50%);color:var(--text-main);font-family:Inter,sans-serif}*{box-sizing:border-box}.top-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 2rem;background:#0b0f1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:1000}.logo{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;margin-right:2rem}.logo span{color:var(--accent)}.logo-area{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.tabs{background:#ffffff0d;padding:4px;border-radius:12px;display:flex}.tabs button{background:transparent;border:none;color:var(--text-mute);padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.tabs button.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f14d}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.date-group{display:flex;align-items:center;gap:.5rem;background:var(--glass);padding:4px 12px;border-radius:12px;border:1px solid var(--glass-border)}.date-group input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:.9rem}.btn-primary{background:var(--accent);border:none;color:#fff;padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer}.btn-primary:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-mute);padding:8px 20px;border-radius:8px;cursor:pointer}.btn-ghost:hover{background:#ffffff0d;border-color:var(--accent);color:var(--accent)}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0003}.main-stat{text-align:center;margin-bottom:2rem;border:1px solid rgba(99,102,241,.2)}.main-stat label{color:var(--text-mute);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.main-stat .big-value{font-size:4rem;font-weight:900;background:linear-gradient(to right,#fff,var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-grid{display:flex;flex-direction:column;gap:2rem;padding:2rem 4rem}.charts-row{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}.chart-container{min-height:400px}.canvas-wrapper{height:320px;margin-top:1.5rem}.project-row{display:grid;grid-template-columns:200px 1fr 100px 30px;align-items:center;padding:1rem;text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,255,255,.03);transition:.2s;border-radius:12px}.project-row:hover{background:#ffffff08;transform:scale(1.005)}.project-row .name{font-weight:600}.project-row .time{font-family:JetBrains Mono,monospace;color:var(--accent-light);text-align:right}.progress-bar{height:6px;background:#ffffff0d;border-radius:10px;margin:0 20px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--accent);border-radius:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2rem}.project-tag-card{background:#ffffff08;padding:1.2rem;border-radius:16px;text-decoration:none;color:#fff;display:flex;justify-content:space-between;border:1px solid transparent;transition:.2s}.project-tag-card:hover{border-color:var(--accent);background:#6366f11a}.search-box{display:flex;background:#0003;padding:1rem;border-radius:16px;border:1px solid var(--glass-border)}.search-box input{background:transparent;border:none;color:#fff;width:100%;padding-left:1rem;font-size:1.1rem}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0f1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-loading{filter:blur(5px);pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{width:90%;max-width:600px;max-height:80vh;overflow-y:auto;padding:2rem}.project-tag-card.selected{border-color:var(--accent);background:#6366f133}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.close-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-mute);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.projects-selection-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1.5rem 0;max-height:400px;overflow-y:auto;padding-right:8px}.projects-selection-grid::-webkit-scrollbar{width:4px}.projects-selection-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center}.full-width{width:100%;margin-top:1rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.rate-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:10px;background:#ffffff0d;border-radius:12px}.rate-item input{width:120px;background:#0f172a;border:1px solid var(--glass-border);color:#fff;padding:8px;border-radius:8px;text-align:right}.rate-item input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.rate-item label{font-weight:500;color:var(--text-main)}@media(max-width:1440px){.top-nav{padding:1rem 2rem}.dashboard-grid{padding:2rem}.main-stat .big-value{font-size:3.5rem}}@media(max-width:1100px){.top-nav{padding:1rem;justify-content:center}.logo-area{width:100%;justify-content:center;margin-bottom:.5rem}.logo{margin-right:1rem}.top-nav>.btn-ghost{margin-left:0}}@media(max-width:1024px){.charts-row{grid-template-columns:1fr;gap:1.5rem}.chart-container{min-height:350px}.project-row{grid-template-columns:150px 1fr 80px 20px}.stats-row{gap:1rem}}@media(max-width:768px){.top-nav{flex-direction:column;gap:1rem;padding:1rem;position:static}.date-group{width:100%;justify-content:center}.tabs button{padding:8px 12px;font-size:.85rem}.logo-area{width:100%;justify-content:space-between}.controls{width:100%;flex-wrap:wrap;justify-content:center}.date-group{width:100%;justify-content:space-between}.main-stat .big-value{font-size:2.5rem}.stats-row{grid-template-columns:1fr}.project-row{grid-template-columns:1fr 80px;padding:1rem .5rem}.project-row .progress-bar,.project-row .link-icon{display:none}.modal-content{width:95%;padding:1.5rem}}@media(max-width:480px){.tabs button{padding:8px 12px;font-size:.8rem}.main-stat .big-value{font-size:2rem}.btn-primary,.btn-ghost{width:100%;text-align:center}.rate-item{flex-direction:column;align-items:flex-start;gap:.5rem}.rate-item input{width:100%}}