@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#07080a;--bg2:#0c0d10;--card:#12141a;--card2:#181b23;--t1:#f0f1f3;--t2:#9ca3af;--t3:#6b7280;--acc:#3b82f6;--acc2:#8b5cf6;--acc3:#06b6d4;--green:#10b981;--red:#ef4444;--brd:#ffffff0f;--brd2:#ffffff1f;--r:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,-apple-system,sans-serif}.page-loader{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--brd);border-top-color:var(--acc);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.auth-container{background:var(--card);border:1px solid var(--brd);z-index:1;border-radius:24px;width:100%;max-width:420px;padding:40px 36px;position:relative}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:var(--t1);align-items:center;gap:10px;margin-bottom:24px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.auth-logo-icon{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;display:flex}.auth-header h1{letter-spacing:-.5px;font-size:24px;font-weight:700}.auth-success-icon,.auth-error-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.auth-success-icon{border:2px solid var(--green);color:var(--green);background:#10b9811f}.auth-error-icon{border:2px solid var(--red);color:var(--red);background:#ef44441f}.auth-message{color:var(--t2);text-align:center;margin-bottom:24px;font-size:15px;line-height:1.6}.auth-error{color:#fca5a5;text-align:center;background:#ef444414;border:1px solid #ef444433;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--t2);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.form-link{color:var(--acc);font-size:12px;font-weight:500;text-decoration:none}.form-link:hover{text-decoration:underline}.form-group input{border:1px solid var(--brd);background:var(--bg);color:var(--t1);border-radius:12px;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:15px;transition:all .3s}.form-group input::placeholder{color:var(--t3)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-checkbox{align-items:flex-start;gap:10px;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc);cursor:pointer;margin-top:2px}.form-checkbox label{color:var(--t2);cursor:pointer;font-size:13px;line-height:1.4}.form-checkbox a{color:var(--acc);text-decoration:none}.form-checkbox a:hover{text-decoration:underline}.auth-btn{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:14px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #3b82f640}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f659}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-footer-text{text-align:center;color:var(--t3);margin-top:24px;font-size:14px}.auth-footer-text a{color:var(--acc);font-weight:500;text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}.app-layout{background:var(--bg);min-height:100vh}.app-main{padding-top:80px}.app-container{max-width:1100px;margin:0 auto;padding:32px 24px}.app-nav{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--brd);z-index:100;background:#07080acc;height:64px;position:fixed;top:0;left:0;right:0}.app-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:100%;margin:0 auto;padding:0 24px;display:flex}.app-nav-logo{color:var(--t1);align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.app-logo-icon{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:flex}.app-nav-links{gap:4px;display:flex}.app-nav-link{color:var(--t3);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.app-nav-link:hover{color:var(--t1);background:#ffffff0d}.app-nav-right{align-items:center;gap:16px;display:flex}.app-lang-toggle{border:1px solid var(--brd);background:#ffffff0a;border-radius:8px;display:flex;overflow:hidden}.app-lang-btn{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:all .3s}.app-lang-btn.active{color:#fff;background:var(--acc)}.app-user-menu{align-items:center;gap:12px;display:flex}.app-user-name{color:var(--t2);font-size:14px;font-weight:500}.app-logout-btn{border:1px solid var(--brd);color:var(--t3);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:13px;transition:all .3s}.app-logout-btn:hover{color:#fca5a5;background:#ef44441a;border-color:#ef444433}.dashboard-welcome h1{letter-spacing:-.5px;margin-bottom:32px;font-size:28px;font-weight:700}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-card{border-radius:var(--r);background:var(--card);border:1px solid var(--brd);padding:28px 24px;transition:all .3s}.dash-card:hover{border-color:var(--brd2)}.dash-card-accent{text-align:center;border:1px solid #3b82f626;flex-direction:column;grid-column:1/-1;align-items:center;padding:48px 32px;display:flex;position:relative;overflow:hidden}.dash-card-accent:before{content:"";background:linear-gradient(90deg,var(--acc),var(--acc2),var(--acc3));height:3px;position:absolute;top:0;left:0;right:0}.dash-card-icon{margin-bottom:16px;font-size:40px}.dash-card h3{margin-bottom:8px;font-size:20px;font-weight:600}.dash-card p{color:var(--t2);margin-bottom:20px;font-size:14px;line-height:1.5}.dash-card-btn{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #3b82f640}.dash-card-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f659}.dash-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-card-header h3{font-size:16px;font-weight:600}.dash-badge{color:var(--t3);background:#ffffff0f;border-radius:100px;padding:2px 10px;font-size:12px;font-weight:600}.dash-empty{text-align:center;color:var(--t3);padding:24px 0;font-size:14px}@media (width<=768px){.app-nav-links,.app-user-name{display:none}.dashboard-grid,.form-row{grid-template-columns:1fr}.auth-container{padding:32px 24px}}.wizard-container{max-width:640px;margin:0 auto;padding:20px 0}.wizard-progress{justify-content:center;align-items:center;margin-bottom:40px;display:flex}.wizard-progress-row{align-items:center;display:flex}.wiz-dot{background:var(--bg);border:2px solid var(--brd);width:40px;height:40px;color:var(--t3);border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;transition:all .4s;display:flex}.wiz-active{border-color:var(--acc);color:var(--acc);background:#3b82f61a}.wiz-done{color:#fff;background:#10b981;border-color:#10b981}.wiz-line{background:var(--brd);width:40px;height:2px;margin:0 4px;transition:background .4s}.wiz-line-done{background:#10b981}.wizard-step{text-align:center;min-height:240px}.wizard-step h2{letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:700}.wizard-hint{color:var(--t3);margin-bottom:24px;font-size:14px}.wizard-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.wizard-option{background:var(--card);border:1px solid var(--brd);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.wizard-option:hover{border-color:var(--acc);transform:translateY(-2px)}.wizard-option.selected{border-color:var(--acc);color:var(--acc);background:#3b82f614}.wizard-option-icon{font-size:28px}.wizard-textarea{border:1px solid var(--brd);background:var(--card);width:100%;color:var(--t1);resize:none;border-radius:14px;outline:none;margin-top:16px;padding:16px;font-family:Outfit,sans-serif;font-size:15px;transition:border .3s}.wizard-textarea:focus{border-color:var(--acc)}.wizard-textarea::placeholder{color:var(--t3)}.wizard-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.wizard-chip{background:var(--card);border:1px solid var(--brd);cursor:pointer;border-radius:12px;padding:12px 24px;font-size:14px;transition:all .3s}.wizard-chip:hover{border-color:var(--acc)}.wizard-chip.selected{border-color:var(--acc);color:var(--acc);background:#3b82f614}.wizard-summary{background:var(--card);border:1px solid var(--brd);text-align:left;border-radius:16px;margin-top:20px;padding:24px}.ws-row{border-bottom:1px solid var(--brd);flex-direction:column;gap:4px;padding:12px 0;display:flex}.ws-row:last-child{border-bottom:none}.ws-label{color:var(--t3);text-transform:uppercase;letter-spacing:1px;font-size:12px}.ws-value{color:var(--t1);font-size:15px}.wizard-nav{align-items:center;gap:12px;margin-top:32px;display:flex}.wizard-back{border:1px solid var(--brd);color:var(--t2);cursor:pointer;background:0 0;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:all .3s}.wizard-back:hover{border-color:var(--brd2);color:var(--t1)}.wizard-next,.wizard-submit{background:linear-gradient(135deg,var(--acc),#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #3b82f640}.wizard-next:hover,.wizard-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f659}.wizard-next:disabled,.wizard-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}.projects-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.projects-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.projects-new-btn{background:linear-gradient(135deg,var(--acc),#8b5cf6);color:#fff;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 2px 12px #3b82f640}.projects-new-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3b82f659}.projects-tabs{background:var(--card);border:1px solid var(--brd);border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.proj-tab{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.proj-tab.active{background:var(--acc);color:#fff}.projects-empty{text-align:center;padding:60px 0}.projects-empty-icon{margin-bottom:16px;font-size:48px}.projects-empty p{color:var(--t3);font-size:15px}.projects-list{flex-direction:column;gap:12px;display:flex}.project-card{background:var(--card);border:1px solid var(--brd);color:var(--t1);border-radius:16px;padding:20px 24px;text-decoration:none;transition:all .3s;display:block}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-card-top h3{font-size:16px;font-weight:600}.project-status{border:1px solid;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.project-desc{color:var(--t2);margin-bottom:12px;font-size:13px;line-height:1.5}.project-progress{align-items:center;gap:10px;margin-bottom:10px;display:flex}.project-progress-bar{background:var(--brd);border-radius:3px;flex:1;height:5px;overflow:hidden}.project-progress-fill{background:linear-gradient(90deg,var(--acc),#8b5cf6);border-radius:3px;height:100%;transition:width 1s}.project-progress-text{color:var(--t3);font-family:JetBrains Mono,monospace;font-size:12px}.project-meta{color:var(--t3);gap:16px;font-size:12px;display:flex}.detail-back{color:var(--t3);margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-block}.detail-back:hover{color:var(--t1)}.detail-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.detail-header h1{letter-spacing:-.5px;font-size:26px;font-weight:700}.detail-number{color:var(--t3);background:var(--card);border:1px solid var(--brd);border-radius:8px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:14px}.status-pipeline{background:var(--card);border:1px solid var(--brd);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:32px;padding:20px;display:flex}.pipeline-row{align-items:center;display:flex}.pipeline-dot{background:var(--bg);border:2px solid var(--brd);width:28px;height:28px;color:var(--t3);border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .4s;display:flex}.pipe-done{color:#fff;background:#10b981;border-color:#10b981;font-size:12px}.pipe-active{border-color:var(--acc);background:#3b82f626;box-shadow:0 0 0 4px #3b82f61a}.pipeline-label{color:var(--t3);white-space:nowrap;margin:0 4px;font-size:11px}.pipe-label-active{color:var(--acc);font-weight:600}.pipe-label-done{color:var(--t2)}.pipeline-line{background:var(--brd);width:20px;height:2px}.pipe-line-done{background:#10b981}.detail-progress{background:var(--card);border:1px solid var(--brd);border-radius:16px;margin-bottom:28px;padding:20px}.detail-progress-header{color:var(--t2);justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.detail-progress-pct{color:var(--acc);font-family:JetBrains Mono,monospace;font-weight:600}.detail-progress-bar{background:var(--brd);border-radius:4px;height:8px;overflow:hidden}.detail-progress-fill{background:linear-gradient(90deg,var(--acc),#8b5cf6,#06b6d4);border-radius:4px;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-card{background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:24px}.detail-card h3{margin-bottom:16px;font-size:16px;font-weight:600}.detail-desc{color:var(--t2);margin-bottom:16px;font-size:14px;line-height:1.6}.detail-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-info{flex-direction:column;gap:2px;display:flex}.di-label{color:var(--t3);text-transform:uppercase;letter-spacing:1px;font-size:11px}.di-value{color:var(--t1);font-size:14px}.detail-preview-btn{color:var(--acc);background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;margin-top:16px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.detail-preview-btn:hover{background:#3b82f626}.detail-download{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.detail-empty{color:var(--t3);text-align:center;padding:20px 0;font-size:14px}.changelog-list{flex-direction:column;gap:12px;display:flex}.changelog-item{align-items:flex-start;gap:12px;display:flex}.cl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.cl-status_change{background:var(--acc)}.cl-milestone{background:#10b981}.cl-file_upload{background:#8b5cf6}.cl-custom{background:#f59e0b}.cl-payment{background:#10b981}.cl-content p{color:var(--t2);font-size:13px;line-height:1.5}.cl-time{color:var(--t3);font-size:11px}.dash-project-list{flex-direction:column;gap:8px;display:flex}.dash-project-item{border-bottom:1px solid var(--brd);color:var(--t1);flex-direction:column;gap:6px;padding:10px 0;text-decoration:none;transition:color .3s;display:flex}.dash-project-item:last-child{border-bottom:none}.dash-project-item:hover{color:var(--acc)}.dash-project-title{font-size:14px;font-weight:500}.dash-project-bar{background:var(--brd);border-radius:2px;height:4px;overflow:hidden}.dash-project-fill{border-radius:2px;height:100%;transition:width 1s}.dash-see-all{color:var(--acc);text-align:center;padding:8px 0;font-size:13px;text-decoration:none;display:block}@media (width<=768px){.wizard-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.status-pipeline{gap:2px;padding:12px}.pipeline-label{font-size:9px}.pipeline-line{width:8px}}.admin-project-row{border-bottom:1px solid var(--brd);align-items:center;gap:12px;padding:8px 0;display:flex}.admin-project-row:last-child{border-bottom:none}.admin-actions{flex-shrink:0;gap:6px;display:flex}.admin-btn{border:1px solid var(--brd);background:var(--bg);color:var(--t2);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .3s}.admin-btn:hover{transform:translateY(-1px)}.admin-btn-accept{color:#60a5fa;background:#3b82f614;border-color:#3b82f64d}.admin-btn-accept:hover{background:#3b82f626}.admin-btn-start{color:#22d3ee;background:#06b6d414;border-color:#06b6d44d}.admin-btn-start:hover{background:#06b6d426}.admin-btn-test{color:#f472b6;background:#ec489914;border-color:#ec48994d}.admin-btn-test:hover{background:#ec489926}.admin-btn-review{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b4d}.admin-btn-review:hover{background:#f59e0b26}.admin-btn-done{color:#34d399;background:#10b98114;border-color:#10b9814d}.admin-btn-done:hover{background:#10b98126}.chat-container{background:var(--card);border:1px solid var(--brd);border-radius:16px;flex-direction:column;height:500px;display:flex}.chat-header{border-bottom:1px solid var(--brd);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.chat-working{color:#10b981;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.chat-working-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--t3);padding:40px 0;font-size:14px;line-height:2}.chat-msg{align-items:flex-start;gap:10px;display:flex}.chat-msg-self{flex-direction:row-reverse}.chat-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.chat-bubble{background:var(--bg);border:1px solid var(--brd);max-width:75%;color:var(--t2);border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.5}.chat-meta{justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}.chat-sender{color:var(--t1);font-size:11px;font-weight:600}.chat-time{color:var(--t3);font-size:10px}.chat-bubble p{margin:0}.chat-attachment{margin-top:4px}.chat-file-link{color:#a78bfa;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:8px;padding:6px 12px;font-size:12px;text-decoration:none;transition:all .3s;display:inline-block}.chat-file-link:hover{background:#8b5cf626}.chat-typing{color:var(--t3);padding:4px 0;font-size:12px;font-style:italic}.chat-input-area{border-top:1px solid var(--brd);align-items:center;gap:8px;padding:12px;display:flex}.chat-input{border:1px solid var(--brd);background:var(--bg);color:var(--t1);border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:Outfit,sans-serif;font-size:14px;transition:border .3s}.chat-input:focus{border-color:var(--acc)}.chat-input::placeholder{color:var(--t3)}.chat-attach-btn,.chat-send-btn{border:1px solid var(--brd);background:var(--bg);width:38px;height:38px;color:var(--t2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .3s;display:flex}.chat-send-btn{background:var(--acc);color:#fff;border-color:var(--acc)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-attach-btn:hover{border-color:var(--brd2)}.detail-layout{grid-template-columns:1fr 380px;gap:16px;margin-top:16px;display:grid}.detail-left{flex-direction:column;gap:16px;display:flex}.detail-right{height:fit-content;position:sticky;top:80px}.notif-container{position:relative}.notif-btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;position:relative}.notif-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-dropdown{background:var(--card);border:1px solid var(--brd);z-index:200;border-radius:14px;width:320px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 16px 48px #0006}.notif-header{border-bottom:1px solid var(--brd);padding:14px 16px;font-size:14px;font-weight:600}.notif-empty{text-align:center;color:var(--t3);padding:32px 16px;font-size:13px}.notif-list{max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--brd);padding:12px 16px;text-decoration:none;transition:background .2s;display:block}.notif-unread{background:#3b82f60a}.notif-item-title{color:var(--t1);margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-text{color:var(--t2);font-size:12px}.notif-item-time{color:var(--t3);margin-top:4px;font-size:11px}@media (width<=900px){.detail-layout{grid-template-columns:1fr}.detail-right{position:static}.chat-container{height:400px}.notif-dropdown{width:280px;right:-60px}}.kanban-board{gap:12px;min-width:max-content;padding-bottom:16px;display:flex}.kanban-col{flex-shrink:0;width:200px;min-width:200px}.kanban-col-header{background:var(--card);border:1px solid var(--brd);border-top:3px solid;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.kanban-count{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.kanban-col-body{background:var(--bg);border:1px solid var(--brd);border-top:none;border-radius:0 0 12px 12px;flex-direction:column;gap:8px;min-height:200px;padding:8px;display:flex}.kanban-card{background:var(--card);border:1px solid var(--brd);cursor:grab;border-radius:10px;padding:12px;transition:all .2s}.kanban-card:hover{border-color:var(--brd2);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing;opacity:.7}.kanban-card-title{color:var(--t1);margin-bottom:6px;font-size:13px;font-weight:600;text-decoration:none;display:block}.kanban-progress{background:var(--brd);border-radius:2px;height:3px;margin-bottom:6px;overflow:hidden}.kanban-progress-fill{border-radius:2px;height:100%}.kanban-card-meta{color:var(--t3);justify-content:space-between;font-size:10px;display:flex}.admin-tabs{background:var(--card);border:1px solid var(--brd);border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.admin-tab{color:var(--t3);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .3s}.admin-tab.active{background:var(--acc);color:#fff}.time-tracker{background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:20px}.tt-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tt-header h3{font-size:15px;font-weight:600}.tt-total{color:var(--acc);background:#3b82f61a;border-radius:8px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.tt-timer{margin-bottom:16px}.tt-elapsed{color:var(--acc);text-align:center;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700}.tt-desc{border:1px solid var(--brd);background:var(--bg);width:100%;color:var(--t1);border-radius:10px;outline:none;margin-bottom:8px;padding:10px 14px;font-family:Outfit,sans-serif;font-size:13px}.tt-start,.tt-stop{cursor:pointer;border:none;border-radius:10px;width:100%;padding:10px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.tt-start{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.tt-start:hover{background:#10b98126}.tt-stop{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.tt-stop:hover{background:#ef444426}.tt-list{flex-direction:column;gap:6px;max-height:250px;display:flex;overflow-y:auto}.tt-entry{background:var(--bg);border:1px solid var(--brd);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.tt-entry-desc{color:var(--t2);font-size:13px}.tt-entry-time{color:var(--t3);font-size:11px}.tt-entry-right{align-items:center;gap:8px;display:flex}.tt-entry-dur{color:var(--t1);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.tt-entry-del{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.tt-entry-del:hover{color:#ef4444}.est-creator{background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:20px}.est-creator h3{margin-bottom:16px;font-size:15px;font-weight:600}.est-items{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.est-item-row{align-items:center;gap:8px;display:flex}.est-input{border:1px solid var(--brd);background:var(--bg);color:var(--t1);border-radius:10px;outline:none;padding:10px 12px;font-family:Outfit,sans-serif;font-size:13px}.est-desc-input{flex:1}.est-amount-input{text-align:right;width:100px}.est-remove{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.est-remove:hover{color:#ef4444}.est-add{border:1px dashed var(--brd);color:var(--t3);cursor:pointer;background:0 0;border-radius:8px;width:100%;margin-bottom:12px;padding:8px;font-family:Outfit,sans-serif;font-size:13px;transition:all .3s}.est-add:hover{border-color:var(--acc);color:var(--acc)}.est-notes{border:1px solid var(--brd);background:var(--bg);width:100%;color:var(--t1);resize:none;border-radius:10px;outline:none;margin-bottom:12px;padding:10px 12px;font-family:Outfit,sans-serif;font-size:13px}.est-footer{justify-content:space-between;align-items:center;display:flex}.est-total{color:var(--t2);font-size:15px}.est-total strong{color:var(--t1);font-size:18px}.est-submit{background:linear-gradient(135deg,var(--acc),#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.est-submit:hover{transform:translateY(-1px)}.est-submit:disabled{opacity:.4;cursor:not-allowed}.est-result{text-align:center;background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:32px}.est-result-icon{margin-bottom:12px;font-size:36px}.est-result h3{margin-bottom:8px;font-size:18px}.est-result p{color:var(--t2);margin-bottom:16px}.est-reset{background:var(--bg);border:1px solid var(--brd);color:var(--t2);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:Outfit,sans-serif}.detail-progress-slider{width:100%;accent-color:var(--acc);margin-top:10px}@media (width<=900px){.kanban-board{flex-direction:column}.kanban-col{width:100%;min-width:100%}}.est-download{color:#60a5fa;cursor:pointer;text-align:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;width:100%;margin-bottom:8px;padding:12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:block}.est-download:hover{background:#3b82f626}.invoice-panel{flex-direction:column;gap:16px;display:flex}.inv-list{background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:16px}.inv-list h4{margin-bottom:12px;font-size:14px;font-weight:600}.inv-item{border-bottom:1px solid var(--brd);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.inv-item:last-child{border-bottom:none}.inv-item-info{align-items:center;gap:12px;display:flex}.inv-number{color:var(--t1);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.inv-amount{color:var(--acc);font-family:JetBrains Mono,monospace;font-size:13px}.inv-item-actions{align-items:center;gap:8px;display:flex}.inv-status{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.inv-status-paid{color:#10b981;background:#10b9811a}.inv-status-sent{color:#60a5fa;background:#3b82f61a}.inv-mark-paid{color:#10b981;cursor:pointer;background:#10b98114;border:1px solid #10b98133;border-radius:6px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;transition:all .3s}.inv-mark-paid:hover{background:#10b98126}.preview-mgr{margin-bottom:8px}.preview-mgr h3{margin-bottom:12px;font-size:15px;font-weight:600}.preview-hint{color:var(--t3);margin-bottom:12px;font-size:13px}.preview-active{align-items:center;gap:10px;margin-bottom:12px;display:flex}.preview-status-on{color:#10b981;font-size:13px;font-weight:600}.preview-link{color:var(--acc);font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none}.preview-link:hover{text-decoration:underline}.preview-input-row{gap:8px;display:flex}.preview-input{border:1px solid var(--brd);background:var(--bg);color:var(--t1);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12px}.preview-input:focus{border-color:var(--acc)}.preview-btn{background:var(--acc);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .3s}.preview-btn:hover{background:#4f8ff7}.preview-btn:disabled{opacity:.4;cursor:not-allowed}.customer-preview-box,.customer-download-box{border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.customer-preview-box{background:#3b82f60f;border:1px solid #3b82f626}.customer-download-box{background:#10b9810f;border:1px solid #10b98126}.customer-preview-box span:first-child,.customer-download-box span:first-child{flex-shrink:0;font-size:28px}.customer-preview-box div strong,.customer-download-box div strong{margin-bottom:4px;font-size:15px;display:block}.customer-preview-box div p,.customer-download-box div p{color:var(--t2);margin:0;font-size:13px}.customer-preview-btn{background:var(--acc);color:#fff;border-radius:10px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.customer-preview-btn:hover{transform:translateY(-1px)}.download-expires{color:var(--t3);margin-top:4px;font-size:11px;display:block}@media (width<=768px){.customer-preview-box,.customer-download-box{text-align:center;flex-direction:column}.preview-input-row{flex-direction:column}}.deliverable-manager{padding:0}.deliverable-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.deliverable-upload-zone{align-items:center;gap:12px;margin-bottom:12px;display:flex}.deliverable-upload-btn{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:1px dashed #3b82f666;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.deliverable-upload-btn:hover{background:#3b82f633;border-color:#3b82f699}.deliverable-upload-hint{color:#ffffff59;font-size:12px}.deliverable-list{flex-direction:column;gap:6px;display:flex}.deliverable-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.deliverable-item-download{background:#10b9810a;border-color:#10b98126}.deliverable-info{flex-direction:column;gap:2px;min-width:0;display:flex}.deliverable-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.deliverable-meta{color:#ffffff59;font-size:11px}.deliverable-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.deliverable-delete-btn:hover{background:#ef444440}.deliverable-download-btn{color:#10b981;cursor:pointer;white-space:nowrap;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.deliverable-download-btn:hover{background:#10b98140;border-color:#10b98180}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.detail-card,.dash-card,.project-card,.chat-container,.est-creator,.time-tracker,.inv-list,.invoice-panel{animation:.5s ease-out both fadeUp}.detail-card:nth-child(3){animation-delay:.1s}.dash-card{background:linear-gradient(135deg, var(--card) 0%, #181b23cc 100%);box-shadow:0 2px 8px #00000026}.dash-card:hover{border-color:var(--brd2);transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(-2px);box-shadow:0 8px 32px #00000040}.detail-card{background:linear-gradient(135deg, var(--card) 0%, #181b23cc 100%);transition:all .3s;box-shadow:0 2px 8px #00000026}.detail-card:hover{box-shadow:0 4px 16px #0003}.project-card{background:linear-gradient(135deg, var(--card) 0%, #181b23b3 100%);box-shadow:0 2px 8px #0000001f}.stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px;animation:.4s ease-out fadeUp;display:grid}.stat-card{border-radius:var(--r);background:var(--card);border:1px solid var(--brd);flex-direction:column;gap:8px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--stat-color,var(--acc));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--brd2);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-icon{font-size:20px}.stat-value{letter-spacing:-1px;color:var(--t1);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800}.stat-label{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.auth-btn,.wizard-next,.wizard-submit,.dash-card-btn,.projects-new-btn,.est-submit{position:relative;overflow:hidden}.auth-btn:after,.wizard-next:after,.wizard-submit:after,.dash-card-btn:after,.projects-new-btn:after,.est-submit:after{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-btn:hover:after,.wizard-next:hover:after,.wizard-submit:hover:after,.dash-card-btn:hover:after,.projects-new-btn:hover:after,.est-submit:hover:after{width:300px;height:300px}.app-nav{background:#07080ad9;border-bottom:1px solid #ffffff0a}.app-nav-link.active-link{color:var(--t1);background:#3b82f61a}.admin-project-row{border-radius:10px;margin:0 -8px;padding:12px 8px;transition:background .2s}.admin-project-row:hover{background:#ffffff05}.dashboard-welcome h1,.projects-header h1,.detail-header h1{background:linear-gradient(135deg, var(--t1) 0%, var(--t2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:6px}.dash-empty,.projects-empty,.chat-empty{opacity:.7}.status-pipeline{background:linear-gradient(135deg, var(--card) 0%, #181b2399 100%)}.pipe-active{animation:2s ease-in-out infinite pulse-dot}.dash-card-accent{background:linear-gradient(135deg,#3b82f60a 0%,#8b5cf60a 100%)}.dash-card-accent:before{background:linear-gradient(90deg, var(--acc), var(--acc2), var(--acc3), var(--acc));background-size:200% 100%;height:2px;animation:3s linear infinite shimmer}@media (width<=768px){.stats-row{grid-template-columns:1fr 1fr}}@media (width<=480px){.stats-row{grid-template-columns:1fr}}.db-header{margin-bottom:28px}.db-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--t1), var(--t2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:800}.db-subtitle{color:var(--t3);font-size:14px;font-weight:400}.db-subtitle strong{color:var(--acc);font-weight:600}.db-welcome-banner{background:linear-gradient(135deg,#3b82f60f,#8b5cf60a);border:1px solid #3b82f61f;border-radius:20px;margin-bottom:24px;padding:32px 28px;position:relative;overflow:hidden}.db-welcome-banner:before{content:"";background:linear-gradient(90deg, var(--acc), var(--acc2), var(--acc3));background-size:200% 100%;height:2px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.db-welcome-glow{pointer-events:none;background:radial-gradient(circle,#3b82f614,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-10%}.db-welcome-content{z-index:1;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.db-welcome-actions{flex-shrink:0;gap:10px;display:flex}.db-welcome-btn-primary{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #3b82f64d}.db-welcome-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.db-welcome-btn-ghost{border:1px solid var(--brd);color:var(--t2);background:#ffffff0a;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.db-welcome-btn-ghost:hover{border-color:var(--brd2);color:var(--t1);background:#ffffff12}.db-stats{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;display:grid}.db-stats-3{grid-template-columns:repeat(3,1fr)}.db-stat{border:1px solid var(--brd);background:#ffffff06;border-radius:14px;padding:18px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.db-stat:before{content:"";background:var(--sc,var(--acc));opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.db-stat:hover{border-color:var(--brd2);transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.db-stat-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.db-stat-icon{font-size:18px}.db-stat-label{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.db-stat-value{letter-spacing:-1px;color:var(--t1);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800}.db-stat-sub{color:var(--t3);margin-top:2px;font-size:11px;font-weight:500}.db-grid{grid-template-columns:1fr 340px;gap:16px;display:grid}.db-card{border:1px solid var(--brd);background:#ffffff06;border-radius:16px;padding:20px;transition:all .3s}.db-card:hover{border-color:var(--brd2)}.db-card-main{min-height:400px}.db-card-grow{flex:1}.db-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.db-card-head h3{font-size:16px;font-weight:700}.db-card-link{color:var(--acc);font-size:12px;font-weight:600;text-decoration:none;transition:color .3s}.db-card-link:hover{color:#60a5fa}.db-card-title{color:var(--t1);margin-bottom:14px;font-size:14px;font-weight:700}.db-sidebar{flex-direction:column;gap:16px;display:flex}.db-table-header{border-bottom:1px solid var(--brd);align-items:center;margin-bottom:4px;padding:8px 0;display:flex}.db-table-header span{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.db-table-row{border-bottom:1px solid #ffffff08;border-radius:8px;align-items:center;margin:0 -8px;padding:10px 8px;transition:background .2s;display:flex}.db-table-row:hover{background:#ffffff05}.db-table-row:last-child{border-bottom:none}.db-table-cell{align-items:center;display:flex}.db-project-name{color:var(--t1);font-size:13px;font-weight:600}.db-project-num{color:var(--t3);font-family:JetBrains Mono,monospace;font-size:11px}.db-status-badge{white-space:nowrap;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.db-progress-wrap{align-items:center;gap:8px;width:100%;display:flex}.db-progress-track{background:var(--brd);border-radius:2px;flex:1;height:4px;overflow:hidden}.db-progress-bar{border-radius:2px;height:100%;transition:width 1s}.db-progress-num{color:var(--t3);min-width:30px;font-family:JetBrains Mono,monospace;font-size:11px}.db-action-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;transition:all .3s}.db-action-btn:hover{transform:translateY(-1px)}.db-quick-actions{flex-direction:column;gap:6px;display:flex}.db-qa{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.db-qa-green{color:#10b981;background:#10b98114;border:1px solid #10b98133}.db-qa-green:hover{background:#10b9811f}.db-qa-blue{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f633}.db-qa-blue:hover{background:#3b82f61f}.db-activity-list{flex-direction:column;gap:2px;display:flex}.db-activity-item{color:inherit;border-radius:8px;gap:10px;padding:10px 8px;text-decoration:none;transition:background .2s;display:flex}.db-activity-item:hover{background:#ffffff08}.db-activity-unread{background:#3b82f60a}.db-activity-icon{flex-shrink:0;margin-top:1px;font-size:16px}.db-activity-content{flex-direction:column;gap:1px;min-width:0;display:flex}.db-activity-title{color:var(--t1);font-size:12px;font-weight:600}.db-activity-text{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.db-activity-time{color:var(--t3);font-size:10px}.db-invoice-list{flex-direction:column;gap:6px;display:flex}.db-invoice-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.db-invoice-row:last-child{border-bottom:none}.db-inv-nr{color:var(--t2);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.db-inv-amount{color:var(--t1);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.db-inv-status{margin-left:6px;font-size:10px}.db-inv-paid{color:#10b981}.db-inv-sent{color:#60a5fa}.db-empty{text-align:center;color:var(--t3);padding:40px 0;font-size:14px}.db-empty-sm{text-align:center;color:var(--t3);padding:20px 0;font-size:13px}.db-empty-hero{text-align:center;padding:60px 20px}.db-empty-hero h3{margin:16px 0 8px;font-size:20px}.db-empty-hero p{color:var(--t2);margin-bottom:24px;font-size:14px}.db-big-progress{margin-bottom:24px}.db-big-progress-header{color:var(--t2);justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.db-big-progress-pct{color:var(--acc3);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:800}.db-big-progress-track{background:var(--brd);border-radius:5px;height:10px;overflow:hidden}.db-big-progress-bar{background:linear-gradient(90deg, var(--acc), var(--acc2), var(--acc3));border-radius:5px;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.db-timeline{align-items:center;margin-bottom:4px;display:flex}.db-timeline-step{flex:1;align-items:center;display:flex}.db-timeline-step:last-child{flex:0}.db-timeline-dot{border:1px solid var(--brd);width:24px;height:24px;color:var(--t3);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:all .4s;display:flex}.db-tl-done{color:#fff;background:#10b981;border-color:#10b981}.db-tl-active{border-color:var(--acc);background:#3b82f626;box-shadow:0 0 0 4px #3b82f61a}.db-timeline-line{background:var(--brd);flex:1;height:2px;margin:0 2px}.db-tl-line-done{background:#10b981}.db-timeline-labels{justify-content:space-between;margin-bottom:20px;display:flex}.db-tl-label{color:var(--t3);text-align:center;flex:1;font-size:9px}.db-tl-label-active{color:var(--acc);font-weight:700}.db-tl-label-done{color:var(--t2)}.db-project-info{border-top:1px solid var(--brd);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding-top:16px;display:grid}.db-info-item{flex-direction:column;gap:2px;display:flex}.db-info-label{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.db-info-value{color:var(--t1);font-size:14px;font-weight:600}.db-preview-link{color:inherit;background:#3b82f60d;border:1px solid #3b82f61f;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;text-decoration:none;transition:all .3s;display:flex}.db-preview-link:hover{background:#3b82f614;border-color:#3b82f633}.db-preview-link span:first-child{font-size:24px}.db-preview-link strong{color:var(--t1);font-size:14px;display:block}.db-preview-link span{color:var(--t2);font-size:12px}.db-preview-arrow{color:var(--acc);margin-left:auto;font-size:18px}.db-other-projects{border-top:1px solid var(--brd);margin-top:16px;padding-top:16px}.db-other-projects h4{color:var(--t2);margin-bottom:10px;font-size:13px;font-weight:600}.db-other-project-row{color:inherit;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:8px 0;text-decoration:none;transition:color .2s;display:flex}.db-other-project-row:hover .db-project-name{color:var(--acc)}.db-other-project-row:last-child{border-bottom:none}@media (width<=900px){.db-grid{grid-template-columns:1fr}.db-stats,.db-stats-3{grid-template-columns:repeat(3,1fr)}.db-welcome-content{text-align:center;flex-direction:column}.db-welcome-actions{justify-content:center}.db-table-header{display:none}.db-table-row{flex-wrap:wrap;gap:8px}}@media (width<=600px){.db-stats{grid-template-columns:repeat(2,1fr)}.db-stats-3{grid-template-columns:1fr}.db-project-info{grid-template-columns:1fr 1fr}}.app-container{animation:.4s ease-out fadeUp}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{color:#fff;background:#3b82f64d}.app-nav{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#07080ad9;border-bottom:1px solid #ffffff0a}.app-nav-link{border-radius:8px;transition:all .3s}.app-nav-link:hover{background:#ffffff0f}.app-logo-icon{box-shadow:0 2px 12px #3b82f64d}.projects-header h1{background:linear-gradient(135deg, var(--t1), var(--t2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-card{background:#ffffff06;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.5s ease-out both fadeUp}.project-card:nth-child(2){animation-delay:50ms}.project-card:nth-child(3){animation-delay:.1s}.project-card:nth-child(4){animation-delay:.15s}.project-card:hover{border-color:var(--brd2);transform:translateY(-4px);box-shadow:0 16px 48px #0000004d}.detail-header h1{background:linear-gradient(135deg, var(--t1), var(--t2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.detail-card{background:#ffffff06;transition:all .3s;animation:.5s ease-out both fadeUp}.detail-card:first-child{animation-delay:50ms}.detail-card:nth-child(2){animation-delay:.1s}.status-pipeline{background:#ffffff06;animation:.4s ease-out fadeUp}.detail-progress{background:#ffffff06;animation:.45s ease-out fadeUp}.detail-progress-fill{background:linear-gradient(90deg, var(--acc), var(--acc2), var(--acc3))}.customer-preview-box,.customer-download-box{animation:.5s ease-out fadeUp}.chat-container{background:#ffffff06;box-shadow:0 4px 24px #00000026}.chat-bubble{background:#ffffff08;border:1px solid #ffffff0d}.chat-bubble-self{background:#3b82f614;border-color:#3b82f61f}.chat-input{background:#ffffff08;border:1px solid #ffffff0f;transition:all .3s}.chat-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px #3b82f614}.chat-send-btn{background:linear-gradient(135deg, var(--acc), var(--acc2));border:none;transition:all .3s;box-shadow:0 2px 12px #3b82f64d}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.chat-msg{animation:.3s ease-out fadeIn}.chat-file-link{background:#8b5cf60f;border:1px solid #8b5cf61f;transition:all .3s}.chat-file-link:hover{background:#8b5cf61f;transform:translateY(-1px)}.time-tracker{background:#ffffff06}.tt-elapsed{background:linear-gradient(135deg, var(--acc), var(--acc2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tt-start{background:#10b98114;border:1px solid #10b98126;transition:all .3s}.tt-start:hover{background:#10b9811f;transform:translateY(-1px)}.tt-stop{background:#ef444414;border:1px solid #ef444426;transition:all .3s}.tt-stop:hover{background:#ef44441f;transform:translateY(-1px)}.tt-entry{background:#ffffff05;transition:all .2s}.tt-entry:hover{background:#ffffff0a}.est-creator{background:#ffffff06}.est-input{background:#ffffff08;border:1px solid #ffffff0f;transition:all .3s}.est-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px #3b82f614}.est-submit{background:linear-gradient(135deg, var(--acc), var(--acc2));box-shadow:0 4px 16px #3b82f640}.est-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #3b82f659}.est-result{background:#ffffff06;animation:.4s ease-out fadeUp}.est-add{transition:all .3s}.est-add:hover{border-color:var(--acc);color:var(--acc);background:#3b82f60a}.inv-list{background:#ffffff06}.inv-item{padding:12px 0;transition:all .2s}.inv-mark-paid{transition:all .3s}.inv-mark-paid:hover{transform:translateY(-1px)}.kanban-col-header{border:1px solid var(--brd);background:#ffffff06}.kanban-col-body{background:#00000026;border:1px solid #ffffff0a;border-top:none;min-height:250px}.kanban-card{border:1px solid var(--brd);background:#ffffff08;transition:all .3s cubic-bezier(.16,1,.3,1)}.kanban-card:hover{border-color:var(--brd2);transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.kanban-card-title{transition:color .2s}.kanban-card-title:hover{color:var(--acc)}.wizard-container{animation:.5s ease-out fadeUp}.wizard-option{border:1px solid var(--brd);background:#ffffff06;transition:all .3s cubic-bezier(.16,1,.3,1)}.wizard-option:hover{border-color:#3b82f64d;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.wizard-option.selected{border-color:var(--acc);background:#3b82f60f;box-shadow:0 0 0 3px #3b82f614}.wizard-chip{background:#ffffff06;transition:all .3s}.wizard-chip:hover{border-color:#3b82f64d;transform:translateY(-2px)}.wizard-chip.selected{border-color:var(--acc);background:#3b82f60f;box-shadow:0 0 0 3px #3b82f614}.wizard-textarea{border:1px solid var(--brd);background:#ffffff06;transition:all .3s}.wizard-textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px #3b82f614}.wizard-summary{background:#ffffff06;animation:.4s ease-out fadeUp}.wizard-next,.wizard-submit{background:linear-gradient(135deg, var(--acc), var(--acc2));box-shadow:0 4px 16px #3b82f640}.wizard-next:hover:not(:disabled),.wizard-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #3b82f659}.wiz-dot{transition:all .4s cubic-bezier(.16,1,.3,1)}.wiz-active{box-shadow:0 0 0 4px #3b82f61a}.auth-container{border:1px solid var(--brd);background:#ffffff06;animation:.6s ease-out fadeUp;box-shadow:0 24px 64px #0000004d}.auth-btn{background:linear-gradient(135deg, var(--acc), var(--acc2));box-shadow:0 4px 20px #3b82f640}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #3b82f659}.form-group input{background:#ffffff08;border:1px solid #ffffff0f;transition:all .3s}.form-group input:focus{border-color:var(--acc);box-shadow:0 0 0 3px #3b82f614}.notif-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--brd);background:#12141af2;animation:.2s ease-out fadeUp;box-shadow:0 24px 64px #00000080}.notif-item{transition:all .2s}.notif-item:hover{background:#ffffff08}.notif-unread{border-left:2px solid var(--acc);background:#3b82f60a}.admin-tabs{background:#ffffff06}.admin-tab{transition:all .3s}.admin-tab.active{background:linear-gradient(135deg, var(--acc), var(--acc2));box-shadow:0 2px 8px #3b82f640}.preview-input{background:#ffffff08;transition:all .3s}.preview-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px #3b82f614}.preview-btn{background:linear-gradient(135deg, var(--acc), var(--acc2));transition:all .3s}.preview-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.preview-status-on{text-shadow:0 0 8px #10b98166}.mag-btn,.auth-btn,.wizard-next,.wizard-submit,.est-submit,.db-welcome-btn-primary,.projects-new-btn,.dash-card-btn,.nav-cta-btn{position:relative;overflow:hidden}.mag-btn:after,.auth-btn:after,.wizard-next:after,.wizard-submit:after,.est-submit:after,.db-welcome-btn-primary:after,.projects-new-btn:after,.dash-card-btn:after{content:"";background:#ffffff1f;border-radius:50%;width:0;height:0;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mag-btn:hover:after,.auth-btn:hover:after,.wizard-next:hover:after,.wizard-submit:hover:after,.est-submit:hover:after,.db-welcome-btn-primary:hover:after,.projects-new-btn:hover:after,.dash-card-btn:hover:after{width:300px;height:300px}.pj-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pj-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--t1), var(--t2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.pj-subtitle{color:var(--t3);margin-top:4px;font-size:13px}.pj-new-btn{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;border-radius:12px;align-items:center;gap:4px;padding:10px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b82f640}.pj-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f659}.pj-tabs{border:1px solid var(--brd);background:#ffffff06;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.pj-tab{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .3s;display:flex}.pj-tab:hover{color:var(--t2)}.pj-tab-active{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;box-shadow:0 2px 8px #3b82f640}.pj-empty{text-align:center;border:1px solid var(--brd);background:#ffffff04;border-radius:16px;padding:80px 20px}.pj-empty h3{margin-bottom:8px;font-size:18px;font-weight:700}.pj-empty p{color:var(--t3);font-size:14px}.pj-list{flex-direction:column;display:flex}.pj-table-head{align-items:center;margin-bottom:4px;padding:10px 16px;display:flex}.pj-table-head span{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.pj-row{color:inherit;border:1px solid #0000;border-radius:12px;align-items:center;padding:14px 16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.4s ease-out both fadeUp;display:flex}.pj-row:hover{border-color:var(--brd);background:#ffffff08;transform:translate(4px)}.pj-cell{align-items:center;display:flex}.pj-name{color:var(--t1);font-size:14px;font-weight:600;transition:color .2s}.pj-row:hover .pj-name{color:var(--acc)}.pj-meta{color:var(--t3);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.pj-status{white-space:nowrap;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.pj-progress{align-items:center;gap:8px;width:100%;display:flex}.pj-progress-track{background:var(--brd);border-radius:2px;flex:1;height:4px;overflow:hidden}.pj-progress-bar{border-radius:2px;height:100%;transition:width 1s}.pj-progress-num{color:var(--t3);min-width:30px;font-family:JetBrains Mono,monospace;font-size:11px}.pj-date{color:var(--t3);font-size:12px}.pj-action{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;transition:all .3s}.pj-action:hover{transform:translateY(-1px)}@media (width<=900px){.pj-table-head{display:none}.pj-row{border:1px solid var(--brd);background:#ffffff05;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:16px}.pj-row:hover{transform:none}.pj-cell{flex:none!important;width:auto!important}}.chat-invoice-card{background:#3b82f60a;border:1px solid #3b82f61f;border-radius:10px;margin-top:6px;padding:12px}.chat-invoice-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.chat-invoice-icon{font-size:20px}.chat-invoice-text{color:var(--t1);font-size:13px;font-weight:600}.chat-invoice-actions{align-items:center;gap:8px;display:flex}.chat-invoice-btn{cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.chat-invoice-pdf{color:#a78bfa;background:#8b5cf614;border:1px solid #8b5cf633}.chat-invoice-pdf:hover{background:#8b5cf626}.chat-invoice-pay{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;border:none;box-shadow:0 2px 12px #3b82f64d}.chat-invoice-pay:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.chat-invoice-paid{color:#10b981;background:#10b98114;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.chat-estimate-card{background:#f59e0b0a;border:1px solid #f59e0b1f;border-radius:10px;margin-top:6px;padding:12px}.chat-estimate-card p{margin-bottom:8px}.payment-success-banner{background:#10b9810f;border:1px solid #10b98126;border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;animation:.5s ease-out fadeUp;display:flex;position:relative}.payment-success-banner:before{content:"";background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:2px 2px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.payment-success-banner span:first-child{flex-shrink:0;font-size:32px}.payment-success-banner strong{color:#10b981;margin-bottom:4px;font-size:16px;display:block}.payment-success-banner p{color:var(--t2);margin:0;font-size:13px}.review-box{border:1px solid var(--brd);background:#ffffff06;border-radius:16px;padding:24px;animation:.5s ease-out fadeUp}.review-box-done{background:#f59e0b0a;border-color:#f59e0b1f}.review-box-success{text-align:center;padding:32px}.review-box-success h4{color:#10b981;margin:12px 0;font-size:16px}.review-box-empty{align-items:center;gap:12px;padding:16px 20px;display:flex}.review-title{margin-bottom:4px;font-size:16px;font-weight:700}.review-subtitle{color:var(--t3);margin-bottom:16px;font-size:13px}.review-stars{gap:6px;margin-bottom:16px;display:flex}.review-star-btn{color:#ffffff1a;cursor:pointer;background:0 0;border:none;padding:2px;font-size:28px;transition:all .2s}.review-star-btn:hover{transform:scale(1.2)}.review-star-active{color:#f59e0b;text-shadow:0 0 12px #f59e0b66}.review-stars-display{gap:2px;margin-bottom:8px;display:flex}.review-star-filled{color:#f59e0b;font-size:20px}.review-star-empty{color:#ffffff1a;font-size:20px}.review-textarea{border:1px solid var(--brd);width:100%;color:var(--t1);resize:none;background:#ffffff08;border-radius:12px;outline:none;margin-bottom:12px;padding:12px 14px;font-family:Outfit,sans-serif;font-size:14px;transition:all .3s}.review-textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px #3b82f614}.review-checkbox{cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;display:flex}.review-checkbox input{accent-color:var(--acc);width:16px;height:16px}.review-checkbox span{color:var(--t2);font-size:13px}.review-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;width:100%;padding:12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #f59e0b40}.review-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b59}.review-submit:disabled{opacity:.4;cursor:not-allowed}.review-comment{color:var(--t2);margin-bottom:8px;font-size:14px;font-style:italic;line-height:1.6}.review-meta{color:var(--t3);font-size:12px}.review-admin-toggle{border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px}.review-toggle-label{cursor:pointer;color:var(--t2);align-items:center;gap:8px;font-size:13px;display:flex}.review-toggle-label input{accent-color:var(--acc);width:16px;height:16px}.fin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.fin-title{letter-spacing:-1px;font-size:28px;font-weight:800}.fin-subtitle{color:var(--t3);margin-top:4px;font-size:13px}.fin-header-right{align-items:center;gap:10px;display:flex}.fin-year-select{border:1px solid var(--brd);background:var(--card);color:var(--t1);cursor:pointer;border-radius:10px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:14px}.fin-export-btn{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 2px 12px #3b82f640}.fin-export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3b82f659}.fin-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.fin-sum-card{border:1px solid var(--brd);background:#ffffff06;border-radius:14px;padding:20px;position:relative;overflow:hidden}.fin-sum-card:before{content:"";background:var(--sc);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.fin-sum-label{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.fin-sum-value{letter-spacing:-1px;color:var(--t1);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800;display:block}.fin-sum-sub{color:var(--t3);margin-top:4px;font-size:11px;display:block}.fin-tabs{border:1px solid var(--brd);background:#ffffff06;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.fin-tab{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.fin-tab-active{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;box-shadow:0 2px 8px #3b82f640}.fin-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.fin-card{border:1px solid var(--brd);background:#ffffff06;border-radius:16px;padding:20px}.fin-card h3{margin-bottom:16px;font-size:15px;font-weight:700}.fin-card-wide{grid-column:1}.fin-chart{align-items:flex-end;gap:12px;height:160px;padding:0 8px;display:flex}.fin-chart-col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.fin-chart-bars{flex:1;align-items:flex-end;gap:4px;width:100%;display:flex}.fin-chart-bar{border-radius:4px 4px 2px 2px;flex:1;min-height:2px;transition:height .8s cubic-bezier(.16,1,.3,1)}.fin-bar-income{opacity:.8;background:#10b981}.fin-bar-expense{opacity:.8;background:#ef4444}.fin-chart-label{color:var(--t3);font-family:JetBrains Mono,monospace;font-size:11px}.fin-chart-legend{color:var(--t3);justify-content:center;gap:16px;margin-top:12px;font-size:12px;display:flex}.fin-legend-dot{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.fin-cat-list{flex-direction:column;gap:4px;display:flex}.fin-cat-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:8px 0;display:flex}.fin-cat-row:last-child{border-bottom:none}.fin-cat-name{color:var(--t2);font-size:13px}.fin-cat-amount{color:var(--t1);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.fin-table{flex-direction:column;display:flex}.fin-table-head{border-bottom:1px solid var(--brd);padding:8px 0;display:flex}.fin-table-head span{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.fin-table-row{color:var(--t2);border-bottom:1px solid #ffffff08;align-items:center;padding:10px 0;font-size:13px;display:flex}.fin-table-row:last-child{border-bottom:none}.fin-table-total{border-top:2px solid var(--acc);color:var(--t1);justify-content:space-between;margin-top:8px;padding:12px 0;font-size:14px;display:flex}.fin-add-form{border:1px dashed var(--brd);background:#ffffff05;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:16px;display:flex}.fin-input{border:1px solid var(--brd);color:var(--t1);background:#ffffff08;border-radius:8px;outline:none;flex:1;min-width:120px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:13px}.fin-input:focus{border-color:var(--acc)}.fin-input-sm{flex:0 0 120px;min-width:100px}.fin-add-btn{color:#10b981;cursor:pointer;white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.fin-add-btn:hover:not(:disabled){background:#10b98126}.fin-add-btn:disabled{opacity:.4;cursor:not-allowed}.fin-del-btn{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;transition:color .2s}.fin-del-btn:hover{color:#ef4444}@media (width<=768px){.fin-summary,.fin-grid{grid-template-columns:1fr}.fin-add-form{flex-direction:column}.fin-input-sm{flex:1}}.mobile-menu-btn{border:1px solid var(--brd);color:var(--t2);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:18px;transition:all .3s;display:none}.mobile-menu-btn:hover{color:var(--t1);background:#ffffff0d}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-menu{background:var(--card);border-left:1px solid var(--brd);flex-direction:column;width:280px;height:auto;max-height:100vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{border-bottom:1px solid var(--brd);margin-bottom:16px;padding-bottom:20px}.mobile-menu-name{color:var(--t1);font-size:18px;font-weight:700;display:block}.mobile-menu-role{color:var(--acc);margin-top:4px;font-size:12px;font-weight:600;display:block}.mobile-menu-links{flex-direction:column;flex:1;gap:4px;display:flex}.mobile-menu-link{color:var(--t2);border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-link:hover{color:var(--t1);background:#ffffff0d}.mobile-menu-logout{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:14px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;transition:all .3s;display:flex}.mobile-menu-logout:hover{background:#ef44441f}.nav-active{color:var(--t1)!important;background:#3b82f61a!important}@media (width<=768px){.mobile-menu-btn{display:block}.app-nav-links,.app-user-name,.app-logout-btn{display:none}}.settings-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--t1), var(--t2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:28px;font-weight:800}.settings-card{border:1px solid var(--brd);background:#ffffff06;border-radius:16px;margin-bottom:16px;padding:24px}.settings-card h3{margin-bottom:12px;font-size:16px;font-weight:700}.settings-card-danger{border-color:#ef444426}.settings-desc{color:var(--t2);margin-bottom:16px;font-size:13px;line-height:1.6}.settings-info{flex-direction:column;gap:8px;display:flex}.settings-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--t3)}.settings-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.settings-btn-blue{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.settings-btn-blue:hover{background:#3b82f626;transform:translateY(-1px)}.settings-btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.settings-btn-danger:hover:not(:disabled){background:#ef444426}.settings-btn-danger:disabled{opacity:.4;cursor:not-allowed}.settings-btn-ghost{border:1px solid var(--brd);color:var(--t2);background:0 0}.settings-btn-ghost:hover{border-color:var(--brd2);color:var(--t1)}.settings-delete-form{flex-direction:column;gap:12px;display:flex}.settings-input{border:1px solid var(--brd);color:var(--t1);background:#ffffff08;border-radius:10px;outline:none;padding:10px 14px;font-family:Outfit,sans-serif;font-size:14px}.settings-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.settings-checkbox{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.settings-checkbox input{accent-color:#ef4444;width:16px;height:16px;margin-top:2px}.settings-checkbox span{color:var(--t2);font-size:13px;line-height:1.4}.settings-delete-actions{justify-content:flex-end;gap:8px;display:flex}.settings-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:10px;padding:10px 14px;font-size:13px}.mobile-menu-bottom{border-top:1px solid var(--brd);margin-top:24px;padding-top:16px}.mobile-menu-logout{width:100%}