@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";
:root{--bg:#dff0ec;--panel:#ffffffad;--panel-soft:#ffffff6b;--text:#0f1210;--muted:#64748b;--line:#00000012;--brand:#176b5d;--brand-strong:#0e4f45;--accent:#c8762b;--danger:#dc3545;--glass-border:#ffffffd1;--glass-border-soft:#ffffff73;--shadow:0 4px 24px #0000000f, 0 1px 4px #0000000a;--shadow-float:0 20px 60px #0000001a, 0 8px 24px #0000000f;--shadow-inner:inset 0 1px 0 #ffffffe6;--blur:blur(28px);--blur-light:blur(14px);--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}.panel-shell{min-height:100vh;color:var(--text);background:linear-gradient(145deg,#c8e8e1 0%,#dcd4f0 38%,#f0e8d8 72%,#d4ead4 100%) 0 0/400% 400% fixed;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif;line-height:1.65;animation:18s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.shell>*{animation:.5s cubic-bezier(.22,1,.36,1) both fadeInUp}.shell>:first-child{animation-delay:40ms}.shell>:nth-child(2){animation-delay:.1s}.shell>:nth-child(3){animation-delay:.16s}.shell>:nth-child(4){animation-delay:.22s}.shell>:nth-child(5){animation-delay:.28s}.shell>:nth-child(6){animation-delay:.34s}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:800;margin:0 0 4px!important}.client-header{gap:16px;margin-bottom:16px;display:grid}.client-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.client-identity{align-items:center;gap:18px;display:flex}.client-logo-wrap{border-radius:var(--radius-lg);border:1.5px solid var(--glass-border);width:68px;height:68px;box-shadow:var(--shadow);background:#fff9;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.client-logo-img{object-fit:contain;width:100%;height:100%;padding:10px}.client-logo-fallback{color:#fff;text-shadow:0 1px 4px #0003;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;font-weight:800;display:flex}.client-name{background:linear-gradient(135deg, var(--brand-strong) 0%, var(--brand) 60%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(24px,3.5vw,38px);font-weight:800;line-height:1.15}.client-industry{margin:4px 0 0;font-size:13px}.client-update-msg{color:var(--muted);border-top:1px solid #0000000f;margin:0;padding-top:14px;font-size:14px;line-height:1.75}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button,button{border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-light);color:#fff;cursor:pointer;min-height:42px;box-shadow:var(--shadow), var(--shadow-inner);background:#176b5de0;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .2s;display:inline-flex}.button:hover,button:hover{box-shadow:var(--shadow-float), var(--shadow-inner);background:#0e4f45eb;transform:translateY(-1px)}.button.secondary,button.secondary{background:var(--panel);-webkit-backdrop-filter:var(--blur);color:var(--text);border:1px solid var(--glass-border)}.button.secondary:hover,button.secondary:hover{background:#ffffffd1}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wide{grid-column:1/-1}.panel,.card{background:var(--panel);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float), var(--shadow-inner)}.panel{padding:24px}.card{padding:20px}.hero-panel{gap:18px;display:grid}.muted{color:var(--muted)}.metric-card{align-content:space-between;min-height:128px;animation:.5s cubic-bezier(.22,1,.36,1) both fadeInUp;display:grid;position:relative;overflow:hidden}.grid>:first-child{animation-delay:80ms}.grid>:nth-child(2){animation-delay:.15s}.grid>:nth-child(3){animation-delay:.22s}.grid>:nth-child(4){animation-delay:.29s}.grid>:nth-child(5){animation-delay:.36s}.grid>:nth-child(6){animation-delay:.43s}.metric-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff4d 0%,#0000 60%);position:absolute;inset:0}.metric{background:linear-gradient(135deg, var(--brand-strong), var(--brand));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800;line-height:1}.progress-track{border-radius:var(--radius-pill);background:#0000000f;border:1px solid #fff6;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand), #2dc7a8, var(--accent));border-radius:inherit;background-size:200% 100%;height:100%;animation:3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tabs{background:var(--panel-soft);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-pill);gap:6px;width:fit-content;margin:24px 0;padding:6px;display:flex;overflow-x:auto}.tab{color:var(--muted);border-radius:var(--radius-pill);white-space:nowrap;min-height:36px;box-shadow:none;background:0 0;border:0;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab:hover{color:var(--brand-strong);background:#ffffff80;transform:none}.tab.active{-webkit-backdrop-filter:var(--blur-light);color:var(--brand-strong);border:1px solid var(--glass-border);background:#ffffffe0;box-shadow:0 2px 12px #0000001a,inset 0 1px #ffffffe6}.gantt-panel{margin-top:18px}.preview-panel{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.preview-copy{gap:8px;display:grid}.preview-copy .section-title-row{margin-bottom:0}.preview-copy p{margin:0}.preview-button{flex-shrink:0}.gantt-scroll{padding-bottom:4px;overflow-x:auto}.gantt{border:1px solid var(--glass-border-soft);border-radius:var(--radius-lg);background:#ffffff4d;min-width:780px;overflow:hidden}.gantt-header,.gantt-row{grid-template-columns:230px 1fr;display:grid}.gantt-header{border-bottom:1px solid var(--glass-border-soft);background:#fff6}.gantt-label{border-left:1px solid var(--glass-border-soft);align-content:center;gap:2px;padding:11px 14px;display:grid}.gantt-label small{color:var(--muted);font-size:11px}.gantt-axis{min-height:48px;position:relative}.gantt-axis span{color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;top:50%;transform:translate(50%)translateY(-50%)}.gantt-group{border-bottom:2px solid var(--glass-border-soft)}.gantt-group:last-child{border-bottom:0}.gantt-group-header{border-bottom:1px solid var(--glass-border-soft);grid-template-columns:230px 1fr;display:grid}.gantt-group-header .gantt-track{min-height:34px}.gantt-group-title{letter-spacing:.04em;color:var(--group-color,var(--muted));text-transform:uppercase;font-size:11px;font-weight:800}.gantt-group .gantt-label{border-right:3px solid var(--group-color,var(--glass-border-soft))}.gantt-group-0{--group-color:#d4880a}.gantt-group-1{--group-color:#1d6fd8}.gantt-group-2{--group-color:#16a34a}.gantt-group-3{--group-color:#7c3aed}.gantt-group-0 .gantt-group-header{background:#d4880a12}.gantt-group-1 .gantt-group-header{background:#1d6fd812}.gantt-group-2 .gantt-group-header{background:#16a34a12}.gantt-group-3 .gantt-group-header{background:#7c3aed12}.gantt-group-0 .gantt-row{background:#d4880a06}.gantt-group-1 .gantt-row{background:#1d6fd806}.gantt-group-2 .gantt-row{background:#16a34a06}.gantt-group-3 .gantt-row{background:#7c3aed06}.gantt-row{border-bottom:1px solid #0000000d}.gantt-row:last-child{border-bottom:0}.gantt-track{background:linear-gradient(270deg,#00000008 1px,#0000 1px) 0 0/12.5% 100%;min-height:58px;position:relative}.today-marker,.today-marker-label{z-index:5;pointer-events:none;position:absolute}.today-marker{background:#ef4444;width:2px;top:0;bottom:0;box-shadow:0 0 8px #ef444466}.today-marker-label{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ef4444,#dc2626);padding:3px 10px;font-size:10px;font-weight:800;top:5px;transform:translate(50%);box-shadow:0 2px 8px #ef444459}.gantt-bar{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--brand), #2dc7a8);color:#fff;white-space:nowrap;height:30px;-webkit-backdrop-filter:var(--blur-light);border:1px solid #fff3;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff40}.gantt-bar.not_started{background:linear-gradient(90deg,#8b8fa8,#a8acbd)}.gantt-bar.review{background:linear-gradient(90deg,#7c5cbf,#a07de0)}.gantt-bar.done{background:linear-gradient(90deg, var(--brand-strong), var(--brand))}.gantt-bar.blocked{background:linear-gradient(90deg,#dc2626,#ef4444)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;vertical-align:top;border-bottom:1px solid #0000000f;padding:12px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.table.compact td{padding:10px 8px}.badge{border-radius:var(--radius-pill);color:var(--brand-strong);white-space:nowrap;-webkit-backdrop-filter:var(--blur-light);background:#176b5d1a;border:1px solid #176b5d2e;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge.warn{color:#92500f;background:#c8762b1a;border-color:#c8762b33}.badge.danger{color:var(--danger);background:#dc35451a;border-color:#dc354533}.form{gap:14px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:600}input,textarea,select{border:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:var(--blur-light);color:var(--text);border-radius:var(--radius-md);background:#fff9;min-height:44px;padding:10px 14px;transition:all .2s}input:focus,textarea:focus,select:focus{background:#fffc;border-color:#176b5d80;outline:none;box-shadow:0 0 0 3px #176b5d1a}textarea{resize:vertical;min-height:92px}.brand-block{gap:6px;display:grid}.brand-block h1{margin:6px 0 0;font-size:22px;font-weight:800}.brand-block p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.login-page{place-items:center;min-height:100vh;padding:24px;animation:.4s both fadeIn;display:grid}.login-card{width:min(440px,100%);animation:.5s cubic-bezier(.22,1,.36,1) .1s both fadeInUp}.finance-strip{border:1px solid var(--glass-border-soft);border-radius:var(--radius-lg);background:#ffffff40;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.finance-strip>div{border-left:1px solid var(--glass-border-soft);background:#ffffff4d;gap:4px;padding:16px 18px;transition:background .2s;display:grid}.finance-strip>div:last-child{border-left:0}.finance-strip>div:hover{background:#ffffff80}.finance-strip strong{font-size:20px;font-weight:800}.finance-strip small{color:var(--accent);font-size:12px;font-weight:700}.section-title-row{color:var(--brand-strong);align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title-row h2,.project-card h3{margin:0;font-size:17px}.timeline-list{gap:8px;display:grid}.timeline-item{border-radius:var(--radius-md);border:1px solid var(--glass-border-soft);background:#ffffff59;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;transition:background .2s;display:grid}.timeline-item:hover{background:#ffffff8c}.timeline-item p{margin:0;font-size:13px}.dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #64748b26}.dot.in_progress{background:var(--accent);box-shadow:0 0 0 3px #c8762b33,0 0 8px #c8762b4d}.dot.done{background:var(--brand);box-shadow:0 0 0 3px #176b5d33,0 0 8px #176b5d4d}.dot.blocked{background:var(--danger);box-shadow:0 0 0 3px #dc354533,0 0 8px #dc35454d}.meta-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.meta-row span{align-items:center;gap:5px;display:inline-flex}.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.clean-list{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.clean-list li{border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);background:#fff6;padding:8px 12px;font-size:13px;transition:background .15s}.clean-list li:hover{background:#fff9}.finance-summary{gap:4px;display:grid}.summary-line{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.summary-line:hover{background:#fff6}.summary-line:not(:last-child){border-bottom:1px solid #0000000d;border-radius:0}.dashboard-footer{color:var(--muted);text-align:center;opacity:.7;margin-top:32px;font-size:12px}@media (max-width:820px){.grid.two,.grid.three,.phase-grid,.finance-strip{grid-template-columns:1fr}.client-header-main{flex-direction:column;align-items:flex-start}.metric-card,.card,.panel{min-height:unset}.panel{border-radius:var(--radius-lg);padding:20px}.card{border-radius:var(--radius-md)}.grid,.grid.two,.grid.three,.phase-grid{gap:14px}.section-title-row{margin-bottom:16px}.tabs{border-radius:var(--radius-lg);flex-wrap:wrap;width:100%}.responsive-card-table,.responsive-card-table thead,.responsive-card-table tbody,.responsive-card-table tr,.responsive-card-table td{width:100%;display:block}.responsive-card-table{border-collapse:separate;border-spacing:0 14px;margin-top:8px}.responsive-card-table thead{display:none}.responsive-card-table tr{-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow);background:#ffffff8c;margin-bottom:14px;padding:0;overflow:hidden}.responsive-card-table td{text-align:right;overflow-wrap:anywhere;border-bottom:1px solid #0000000d;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:16px;min-height:56px;padding:13px 16px;display:grid}.responsive-card-table td:last-child{border-bottom:0}.responsive-card-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.04em;margin:0;font-size:11px;font-weight:700}.responsive-card-table td:first-child,.responsive-card-table td:nth-child(2){display:block}.responsive-card-table td:first-child{background:#ffffff4d;border-bottom:0;padding:16px 18px 6px}.responsive-card-table td:nth-child(2){background:#ffffff4d;border-bottom:1px solid #0000000d;padding:0 18px 18px}.responsive-card-table td:first-child:before,.responsive-card-table td:nth-child(2):before{margin-bottom:4px;display:block}.responsive-card-table td:nth-child(2) strong,.responsive-card-table td:nth-child(2){font-size:17px;font-weight:800;line-height:1.5}.responsive-card-table td:first-child{font-size:15px}.responsive-card-table td .muted{margin-top:4px;font-size:13px;font-weight:400;line-height:1.8}.table:not(.responsive-card-table){display:block;overflow-x:auto}.gantt-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.gantt{min-width:780px}.preview-panel{flex-direction:column;align-items:stretch}.preview-button{width:100%}.finance-strip>div{border-left:0;border-bottom:1px solid var(--glass-border-soft)}.finance-strip>div:last-child{border-bottom:0}}