@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark: #f8fafc;--bg-card: rgba(255, 255, 255, .7);--bg-input: rgba(255, 255, 255, .95);--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #e0e7ff;--primary-glow: rgba(79, 70, 229, .1);--primary-glow-strong: rgba(79, 70, 229, .25);--text-main: #0f172a;--text-muted: #475569;--text-gold: #4f46e5;--glass-bg: rgba(255, 255, 255, .65);--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-border-hover: 1px solid rgba(79, 70, 229, .3);--glass-shadow: 0 10px 30px rgba(99, 102, 241, .04), 0 1px 3px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .6);--backdrop-blur: blur(24px) saturate(190%);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}body{margin:0;font-family:Cairo,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.06) 0px,transparent 40%),radial-gradient(circle at 90% 80%,rgba(244,63,94,.03) 0px,transparent 50%),radial-gradient(circle at 50% 50%,rgba(248,250,252,1) 0px,transparent 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;direction:rtl;text-align:right}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#4f46e526;border-radius:99px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:var(--transition)}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,70,229,.12),transparent)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-weight:700;font-size:.9rem;padding:.8rem 1.75rem;border-radius:var(--radius-md);border:1px solid rgba(79,70,229,.2);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #4f46e51f,0 0 0 1px #4f46e50d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow-strong),0 0 0 2px #4f46e533;filter:brightness(1.08)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:#4f46e505;color:var(--text-muted);border:1px solid rgba(79,70,229,.1);padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.btn-ghost:hover{color:var(--primary);background:#4f46e50f;border-color:#4f46e540;box-shadow:0 4px 12px #4f46e50a;transform:translateY(-1px)}.page-container{padding:1.5rem;max-width:1300px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:768px){.page-container{padding:2.5rem}}.ops-page-header,.finance-header,.settings-page-header{display:grid;gap:1rem;margin-bottom:1.25rem}.ops-page-header h1,.finance-header h1,.settings-page-header h1{margin:0;color:var(--text-main);font-size:1.45rem;line-height:1.25;font-weight:900}.ops-page-header p,.finance-header p,.settings-page-header p{margin:.35rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.7}.ops-page-actions,.finance-header .btn-primary,.settings-page-actions{width:100%}.responsive-stat-grid,.finance-stats-grid,.dashboard-stat-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-bottom:1.25rem}.responsive-panel{padding:1rem}.responsive-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(min-width:700px){.ops-page-header,.finance-header,.settings-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-bottom:1.75rem}.ops-page-actions,.finance-header .btn-primary,.settings-page-actions{width:auto}.responsive-stat-grid,.finance-stats-grid,.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.responsive-panel{padding:1.5rem}}@media(min-width:1100px){.responsive-stat-grid,.finance-stats-grid,.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:699px){.dashboard-stat-grid .glass-panel,.branch-dashboard-panel{padding:1rem!important;border-radius:18px!important}.dashboard-stat-grid h3{font-size:1.25rem!important}.dashboard-charts-grid{gap:1rem!important}.dashboard-charts-grid>.glass-panel{padding:1rem!important;border-radius:18px!important}.branch-dashboard-header>div:last-child{width:100%}.branch-dashboard-header select,.branch-dashboard-header .btn-primary{width:100%}.branch-dashboard-tabs-wrap{align-items:stretch!important}.branch-dashboard-tabs{width:100%;display:grid!important;grid-template-columns:1fr;gap:.45rem!important}.branch-dashboard-tabs button{min-height:44px;justify-content:center;border:1px solid rgba(79,70,229,.1)!important;border-radius:12px;background:#ffffffb8!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.mobile-overlay{display:block}@media(min-width:768px){.mobile-overlay{display:none!important}}.modal-overlay{position:fixed;inset:0;background:#0f172a4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{width:100%;max-width:550px;background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #0f172a1a,0 0 0 1px #4f46e50d;padding:2rem;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards;box-sizing:border-box}@media(max-width:640px){.modal-overlay{align-items:stretch;padding:0}.modal-content{max-width:none!important;min-height:100dvh;max-height:100dvh;border-radius:0;padding:1rem}.modal-content form{padding-bottom:1rem}.modal-content .grid-cols-3{grid-template-columns:1fr}.modal-content .flex.gap-3{position:sticky;bottom:0;margin-inline:-1rem;padding:.85rem 1rem .35rem;background:#fffffff5;border-top:1px solid rgba(79,70,229,.1)}}.finance-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:6rem}.finance-stat-card{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-radius:18px}.finance-stat-card p{margin:0;color:var(--text-muted);font-size:.78rem;font-weight:800}.finance-stat-card h3{margin:.35rem 0 0;color:var(--text-main);font-size:1.25rem;font-weight:900;line-height:1.25}.finance-stat-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.finance-tabs{display:grid;grid-template-columns:1fr;gap:.5rem;padding:.4rem;border:1px solid rgba(79,70,229,.08);background:#ffffffb3;border-radius:16px}.finance-tabs button{min-height:44px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-muted);font-family:inherit;font-weight:800;cursor:pointer;transition:var(--transition)}.finance-tabs button.active{background:var(--primary);color:#fff;box-shadow:0 10px 22px #4f46e52e}.finance-transactions-panel{padding:1rem}.finance-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.finance-panel-header h2{margin:0;color:var(--text-main);font-size:1.05rem;font-weight:900}.finance-panel-header span{color:var(--text-muted);font-size:.78rem;font-weight:800;white-space:nowrap}.finance-mobile-list{display:grid;gap:.75rem}.finance-mobile-card{display:grid;gap:.65rem;padding:.9rem;border:1px solid rgba(79,70,229,.09);background:#ffffffdb;border-radius:16px}.finance-mobile-card__top,.finance-mobile-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.finance-mobile-card__top strong{color:var(--text-main);font-size:1rem;font-weight:900;direction:ltr}.finance-mobile-card h3{margin:0;color:var(--text-main);font-size:.94rem;line-height:1.5}.finance-mobile-meta{align-items:flex-start;flex-wrap:wrap;color:var(--text-muted);font-size:.76rem;font-weight:700}.finance-mobile-meta span{display:inline-flex;align-items:center;gap:.35rem}.finance-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.25rem .65rem;border-radius:999px;font-size:.74rem;font-weight:900;white-space:nowrap}.finance-pill--income{color:#047857;background:#10b9811a;border:1px solid rgba(16,185,129,.18)}.finance-pill--expense{color:#b91c1c;background:#ef44441a;border:1px solid rgba(239,68,68,.18)}.finance-pill--cash{color:#0369a1;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2)}.finance-table-wrap{display:none}.finance-empty-state{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-weight:800}.admin-dashboard{display:flex;flex-direction:column;gap:1rem;padding-bottom:6rem}.admin-stat-card{padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-radius:18px}.admin-stat-card span{color:var(--text-muted);font-size:.78rem;font-weight:900}.admin-stat-card h3{margin:.35rem 0;color:var(--text-main);font-size:1.4rem;font-weight:900}.admin-stat-card small{color:var(--text-muted);font-size:.72rem;font-weight:700}.admin-stat-card svg{color:var(--primary);flex-shrink:0}.admin-stat-card--green svg{color:#059669}.admin-stat-card--red svg{color:#dc2626}.admin-stat-card--blue svg{color:#0284c7}.admin-stat-card--amber svg{color:#d97706}.admin-stat-card--slate svg{color:#475569}.admin-dashboard-grid{display:grid;gap:1rem}.admin-dashboard-card{padding:1rem;border-radius:18px}.admin-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-card-header h2{margin:0;color:var(--text-main);font-size:1rem;font-weight:900}.admin-card-header span{color:var(--text-muted);font-size:.76rem;font-weight:800}.admin-branch-bars,.admin-status-list,.admin-project-list{display:grid;gap:.75rem}.admin-branch-bars>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;align-items:center}.admin-branch-bars span,.admin-status-list span{color:var(--text-muted);font-size:.82rem;font-weight:800}.admin-branch-bars strong,.admin-status-list strong{color:var(--text-main);font-size:.85rem;font-weight:900}.admin-branch-bars div div{grid-column:1 / -1;height:8px;border-radius:999px;background:#4f46e514;overflow:hidden}.admin-branch-bars i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.admin-status-list>div{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:12px;background:#4f46e50a;border:1px solid rgba(79,70,229,.08)}.admin-project-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.75rem;border-radius:12px;background:#ffffffb8;border:1px solid rgba(79,70,229,.08)}.admin-project-list article svg{color:var(--primary)}.admin-project-list strong{display:block;color:var(--text-main);font-size:.86rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-project-list span,.admin-project-list small,.admin-empty{color:var(--text-muted);font-size:.76rem;font-weight:700}@media(min-width:981px){.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:700px){.finance-stat-card{padding:1.25rem}.finance-stat-card h3{font-size:1.5rem}.finance-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:981px){.finance-mobile-list{display:none}.finance-table-wrap{display:block;overflow-x:auto}.finance-table-wrap table{width:100%;border-collapse:collapse;text-align:right}.finance-table-wrap th,.finance-table-wrap td{padding:1rem;border-bottom:1px solid rgba(79,70,229,.07);color:var(--text-muted);font-size:.9rem}.finance-table-wrap th{color:var(--text-muted);font-size:.78rem;font-weight:900}.finance-description-cell{color:var(--text-main)!important;font-weight:800}.finance-amount-cell{color:var(--text-main)!important;font-weight:900;direction:ltr}}.settings-layout{display:flex;flex-direction:column;gap:1.5rem}.settings-page{padding-bottom:6rem}.settings-active-chip{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:42px;padding:.55rem .8rem;border-radius:999px;color:var(--primary);background:#4f46e514;border:1px solid rgba(79,70,229,.14);font-size:.82rem;font-weight:900}.settings-sidebar{width:100%;padding:.5rem;display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-bottom:.5rem;box-sizing:border-box;background:#4f46e508;border-radius:var(--radius-md);border:1px solid rgba(79,70,229,.06);position:sticky;top:.75rem;z-index:8}.settings-sidebar::-webkit-scrollbar{height:4px}.settings-sidebar button{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 1.2rem;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;border:1px solid transparent;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;min-height:44px}.settings-sidebar button:hover{color:var(--primary);background:#4f46e50d}@media(min-width:992px){.settings-sidebar button:hover{transform:translate(-4px)}}.settings-sidebar button.active{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 12px var(--primary-glow-strong)!important}.settings-sidebar button.active:hover{transform:none!important}.settings-content{flex:1;min-width:0;width:100%;box-sizing:border-box}.settings-content .glass-panel{border-radius:18px}.settings-content h2,.settings-content h3,.settings-content h4{line-height:1.35}.settings-content .flex.justify-between.items-center{gap:.85rem}@media(max-width:699px){.settings-sidebar{margin-inline:-.25rem;padding:.35rem;gap:.35rem;scroll-snap-type:x mandatory}.settings-sidebar button{flex:0 0 auto;scroll-snap-align:start;padding:.65rem .85rem;font-size:.78rem;border-radius:12px}.settings-sidebar button span{max-width:128px;overflow:hidden;text-overflow:ellipsis}.settings-content .glass-panel{padding:1rem!important}.settings-content .grid-cols-2,.settings-content .grid-cols-3,.settings-content .md\:grid-cols-2,.settings-content .md\:grid-cols-3{grid-template-columns:1fr!important}.settings-content .flex.justify-between.items-center,.settings-content .flex.gap-2,.settings-content .flex.gap-3{flex-wrap:wrap}.settings-content .btn-primary,.settings-content .btn-ghost{min-height:42px}}@media(min-width:992px){.settings-layout{flex-direction:row;align-items:flex-start;gap:2rem}.settings-sidebar{width:280px;flex-direction:column;overflow-x:visible;white-space:normal;margin-bottom:0;padding:.75rem;flex-shrink:0;max-height:calc(100vh - 5rem)}.settings-active-chip{width:auto}}.input-field{width:100%;padding:.8rem 1rem;background:var(--bg-input);border:1px solid rgba(79,70,229,.15);border-radius:var(--radius-md);color:var(--text-main);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;transition:var(--transition);box-sizing:border-box;box-shadow:inset 0 1px 2px #4f46e508}.input-field:hover{border-color:#4f46e559}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),inset 0 1px 2px #00000005;background:#fff}.input-field::placeholder{color:var(--text-muted);opacity:.7}select.input-field{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-left:2.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-primary{background:#4f46e514;color:var(--primary);border:1px solid rgba(79,70,229,.2)}.badge-success{background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.18)}.badge-danger{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.18)}.badge-muted{background:#64748b14;color:var(--text-muted);border:1px solid rgba(100,116,139,.18)}.interactive-card{transition:var(--transition);border:1px solid rgba(79,70,229,.08)}.interactive-card:hover{transform:translateY(-2px);border-color:#4f46e538!important;background:#ffffffd9!important;box-shadow:0 16px 36px #6366f10d}.employee-dashboard{width:min(100%,1280px);margin:0 auto;padding:.75rem}.employee-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:1rem;padding:1.25rem;border-radius:28px;background:linear-gradient(135deg,#0f172af5,#1e293bf0),radial-gradient(circle at top left,rgba(79,70,229,.28),transparent 34%);color:#fff;box-shadow:0 24px 60px #0f172a24;overflow:hidden;position:relative}.employee-hero:after{content:"";position:absolute;inset:auto -8rem -10rem auto;width:22rem;height:22rem;border-radius:999px;background:#4f46e53d;filter:blur(16px)}.employee-hero__content,.employee-hero__panel{position:relative;z-index:1}.employee-eyebrow,.employee-hero__meta span,.employee-scope-note{display:inline-flex;align-items:center;gap:.45rem}.employee-eyebrow{width:fit-content;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#c7d2fe;background:#ffffff12;font-size:.78rem;font-weight:700}.employee-hero h1{margin:.85rem 0 .35rem;font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.04em}.employee-hero p{max-width:54rem;margin:0;color:#cbd5e1;font-size:.98rem;line-height:1.9}.employee-hero__meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.employee-hero__meta span{padding:.42rem .75rem;border-radius:999px;background:#ffffff14;color:#e2e8f0;font-size:.82rem}.employee-hero__panel{display:flex;flex-direction:column;justify-content:center;gap:.35rem;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.employee-hero__panel span,.employee-hero__panel small{color:#cbd5e1;font-size:.82rem}.employee-hero__panel strong{color:#fff;font-size:1.08rem;line-height:1.5}.employee-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}.employee-stat-card,.employee-project-card,.employee-empty-state,.employee-state-card,.employee-scope-note{background:#ffffffd1;border:1px solid rgba(79,70,229,.1);box-shadow:0 14px 34px #6366f10d,inset 0 1px #fffc;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.employee-stat-card{display:grid;grid-template-columns:auto 1fr;gap:.15rem .65rem;align-items:center;padding:1rem;border-radius:20px}.employee-stat-card svg{grid-row:span 2;color:var(--primary)}.employee-stat-card span{color:var(--text-muted);font-size:.78rem;font-weight:700}.employee-stat-card strong{color:var(--text-main);font-size:1.45rem;line-height:1}.employee-stat-card--accent{background:linear-gradient(135deg,#4f46e51c,#ffffffe0)}.employee-scope-note{width:fit-content;max-width:100%;margin-bottom:1rem;padding:.65rem .9rem;border-radius:999px;color:var(--primary);font-size:.86rem;font-weight:700}.employee-workspace-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:1rem}.employee-view-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.35rem;border:1px solid rgba(79,70,229,.12);border-radius:18px;background:#ffffffd1;box-shadow:0 10px 26px #6366f10f}.employee-view-switch button{min-height:2.8rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:14px;background:transparent;color:var(--text-muted);font-family:Cairo,sans-serif;font-size:.86rem;font-weight:900;cursor:pointer;transition:var(--transition)}.employee-view-switch button.active{background:#0f172a;color:#fff;box-shadow:0 12px 24px #0f172a29}.employee-branch-filter,.employee-demo-note{display:flex;align-items:center;gap:.65rem;min-height:3.25rem;padding:.65rem .8rem;border:1px solid rgba(79,70,229,.12);border-radius:18px;background:#ffffffdb;box-shadow:0 10px 26px #6366f10d}.employee-branch-filter span,.employee-demo-note{color:var(--text-muted);font-size:.82rem;font-weight:900}.employee-branch-filter span{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.employee-branch-filter select{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text-main);font-family:Cairo,sans-serif;font-size:.9rem;font-weight:800}.employee-demo-note{color:#047857;background:#ecfdf5e6;border-color:#10b9812e}.employee-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:1rem;align-items:start}.employee-stage-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16.75rem,82vw);gap:.65rem;overflow-x:auto;overflow-y:hidden;padding:0 0 .6rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.employee-stage-column{scroll-snap-align:start;min-height:18rem;display:flex;flex-direction:column;gap:.6rem;padding:.7rem;border:1px solid rgba(79,70,229,.12);border-radius:22px;background:#ffffffdb;box-shadow:0 16px 34px #6366f112}.employee-stage-column__header,.employee-stage-project__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.employee-stage-column__header span,.employee-stage-project__head span,.employee-stage-project__head small{color:var(--text-muted);font-size:.74rem;font-weight:800}.employee-stage-column__header h2{margin:.15rem 0 0;color:var(--text-main);font-size:1rem;line-height:1.4}.employee-stage-column__header strong{flex-shrink:0;padding:.28rem .6rem;border-radius:999px;background:#4f46e517;color:var(--primary);font-size:.75rem}.employee-stage-projects{display:flex;flex-direction:column;gap:.45rem}.employee-stage-project{padding:.55rem;border:1px solid rgba(15,23,42,.06);border-radius:14px;background:#f8fafcb8}.employee-stage-project__head{margin-bottom:.45rem}.employee-stage-project__head strong{display:block;color:var(--text-main);font-size:.8rem;line-height:1.35}.employee-stage-project__head span{display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem}.employee-stage-project__head small{flex-shrink:0;max-width:6.25rem;padding:.16rem .42rem;border-radius:999px;background:#4f46e512;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-stage-board .employee-task-list{gap:.35rem}.employee-stage-board .employee-task-row{padding:.48rem;border-radius:12px;background:#ffffffb8}.employee-stage-board .employee-task-title{font-size:.8rem}.employee-stage-board .employee-task-index{width:1.35rem;height:1.35rem;flex-basis:1.35rem;font-size:.68rem}.employee-stage-board .employee-complete-btn{min-height:2.1rem;padding:.35rem .65rem;font-size:.74rem}.employee-stage-board .employee-hidden-tasks-note{display:none}.employee-project-card{border-radius:24px;overflow:hidden;transition:var(--transition)}.employee-project-card:hover{transform:translateY(-3px);border-color:#4f46e533;box-shadow:0 22px 46px #6366f114}.employee-project-card--priority{border-color:#4f46e53d}.employee-project-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem;border:0;background:transparent;color:var(--text-main);text-align:right;cursor:pointer;font-family:Cairo,sans-serif}.employee-project-header:hover{background:#4f46e509}.employee-project-title-block{min-width:0}.employee-project-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.55rem}.employee-priority-badge,.employee-service-badge{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;font-size:.7rem;font-weight:800}.employee-priority-badge{background:#0f172a;color:#fff}.employee-service-badge{background:#4f46e514;color:var(--primary)}.employee-project-header h2{margin:0;color:var(--text-main);font-size:1rem;line-height:1.45}.employee-project-location{display:inline-flex;align-items:center;gap:.25rem;margin-top:.4rem;color:var(--text-muted);font-size:.78rem}.employee-project-count{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;flex-shrink:0;color:var(--primary)}.employee-project-count span{padding:.3rem .65rem;border-radius:999px;background:#0f172a0d;color:var(--text-main);font-size:.76rem;font-weight:800}.employee-stage-list{display:flex;flex-direction:column;gap:1rem;padding:0 1.1rem 1.1rem}.employee-stage{padding-right:.85rem;border-right:3px solid rgba(79,70,229,.28)}.employee-stage--locked{border-right-color:#d9770659}.employee-stage--locked .employee-task-list{filter:grayscale(.75) opacity(.55);pointer-events:none}.employee-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;color:var(--primary);font-size:.84rem;font-weight:900}.employee-stage-heading span:last-child:not(:first-child){color:#b45309;background:#f59e0b1a;border:1px solid rgba(245,158,11,.16);padding:.2rem .5rem;border-radius:999px;font-size:.7rem}.employee-task-list{display:flex;flex-direction:column;gap:.55rem}.employee-task-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem;border:1px solid rgba(79,70,229,.08);border-radius:16px;background:#f8fafcd1;transition:var(--transition)}.employee-task-row:hover{background:#fff;border-color:#4f46e52e}.employee-task-row--next{border-color:#4f46e547;background:#4f46e50e}.employee-task-content{display:flex;align-items:center;gap:.6rem;min-width:0}.employee-task-index{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;flex:0 0 1.55rem;border-radius:50%;background:#fff;color:var(--primary);border:1px solid rgba(79,70,229,.12);font-size:.72rem;font-weight:900}.employee-task-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-size:.88rem;font-weight:700}.employee-complete-btn,.employee-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:999px;background:#0f172a;color:#fff;font-family:Cairo,sans-serif;font-weight:900;cursor:pointer;transition:var(--transition)}.employee-complete-btn{flex-shrink:0;min-width:fit-content;padding:.45rem .8rem;font-size:.78rem}.employee-primary-action{padding:.75rem 1.35rem;font-size:.9rem}.employee-complete-btn:hover,.employee-primary-action:hover{transform:translateY(-1px);background:var(--primary);box-shadow:0 10px 22px #4f46e52e}.employee-complete-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.employee-hidden-tasks-note,.employee-dependent-note{border-radius:14px;color:var(--text-muted);font-size:.78rem;font-weight:700;text-align:center}.employee-hidden-tasks-note{padding:.55rem;background:#0f172a09}.employee-dependent-note{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem;background:#f59e0b14;border:1px dashed rgba(245,158,11,.24)}.employee-empty-state,.employee-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:28px;padding:3rem 1.5rem}.employee-empty-state{max-width:640px;margin:1rem auto}.employee-empty-state svg{color:#059669}.employee-empty-state h2,.employee-state-card h2{margin:.9rem 0 .4rem;color:var(--text-main)}.employee-empty-state p,.employee-state-card p{max-width:28rem;margin:0;color:var(--text-muted);line-height:1.8}.employee-state-wrap{min-height:58vh;display:flex;align-items:center;justify-content:center}.employee-state-card{width:min(100%,460px)}.employee-state-card--error{border-color:#dc26262e}.employee-state-card--error svg{color:#dc2626}.employee-loading-mark{width:3rem;height:3rem;border-radius:50%;border:3px solid rgba(79,70,229,.14);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.employee-dashboard{padding:1.25rem}.employee-hero{grid-template-columns:minmax(0,1fr) 320px;padding:2rem;margin-bottom:1.25rem}.employee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.employee-project-grid{gap:1.25rem}}@media(max-width:768px){.employee-page-main{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))!important}.mobile-bottom-nav{right:.75rem!important;left:.75rem!important;bottom:calc(.75rem + env(safe-area-inset-bottom,0px))!important;justify-content:stretch!important;gap:.5rem!important;overflow-x:hidden!important;border-radius:24px!important;scrollbar-width:none}.mobile-bottom-nav::-webkit-scrollbar{display:none}.employee-mobile-nav-item{flex:1 1 0!important;min-width:0!important;max-width:none!important}.mobile-bottom-nav--spacious .employee-mobile-nav-item{min-height:64px!important;gap:.45rem!important}.mobile-bottom-nav--compact{gap:.25rem!important;padding:.38rem!important}.mobile-bottom-nav--compact .employee-mobile-nav-item{min-height:48px!important;padding:.35rem .2rem!important;gap:.2rem!important}.mobile-bottom-nav--compact .employee-mobile-nav-item svg{width:17px;height:17px}.mobile-bottom-nav--compact .employee-mobile-nav-item span{font-size:.58rem!important}.employee-mobile-nav-item.is-active{background:#4f46e5f2!important;color:#fff!important;transform:none!important}}@media(max-width:520px){body{background-image:radial-gradient(circle at 20% 0%,rgba(79,70,229,.08) 0px,transparent 36%),linear-gradient(180deg,#f8fafc,#eef2ff)}.employee-dashboard{padding:0}.employee-page-main{padding:.75rem .75rem calc(6.75rem + env(safe-area-inset-bottom,0px))!important}.employee-mobile-header{height:58px!important;padding:0 .9rem!important;border-radius:0 0 22px 22px!important;background:#ffffffeb!important;box-shadow:0 10px 30px #0f172a12!important}.employee-mobile-brand{display:flex;flex-direction:column;gap:.05rem;min-width:0}.employee-mobile-brand h2{font-size:1.05rem!important;line-height:1.1}.employee-mobile-brand span{color:var(--text-muted);font-size:.68rem;font-weight:800}.employee-mobile-user{gap:.45rem!important}.employee-mobile-user>span{max-width:4.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-weight:800}.employee-mobile-checkout{width:38px!important;height:38px!important;padding:0!important;justify-content:center!important;border-radius:14px!important;background:#ef444414!important}.employee-mobile-checkout span{display:none}.employee-hero{border-radius:24px;padding:1rem;margin-bottom:.75rem;box-shadow:0 18px 38px #0f172a1f}.employee-eyebrow{font-size:.72rem;padding:.3rem .6rem}.employee-hero h1{margin-top:.75rem;font-size:1.65rem}.employee-hero p{font-size:.86rem;line-height:1.75}.employee-hero__meta{gap:.45rem;margin-top:.8rem}.employee-hero__meta span{width:100%;justify-content:center;padding:.38rem .55rem;font-size:.75rem}.employee-hero__panel{padding:.85rem;border-radius:18px}.employee-hero__panel strong{font-size:.95rem}.employee-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem}.employee-stat-card{grid-template-columns:1fr auto;padding:.8rem;border-radius:18px;min-height:74px}.employee-stat-card svg{grid-column:2;grid-row:1 / span 2;width:18px;height:18px}.employee-stat-card span{font-size:.68rem}.employee-stat-card strong{font-size:1.25rem}.employee-scope-note{width:100%;justify-content:center;border-radius:16px;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.76rem}.employee-project-grid{gap:.75rem}.employee-project-card{border-radius:20px}.employee-project-card:hover{transform:none}.employee-project-header{gap:.75rem;padding:.95rem}.employee-project-header h2{font-size:.94rem}.employee-project-badges{gap:.3rem;margin-bottom:.45rem}.employee-priority-badge,.employee-service-badge{font-size:.65rem;padding:.18rem .48rem}.employee-project-count span{padding:.25rem .5rem;font-size:.68rem}.employee-stage-list{gap:.85rem;padding:0 .9rem .9rem}.employee-stage{padding-right:.65rem}.employee-stage-heading{align-items:flex-start;flex-direction:column;gap:.35rem;font-size:.78rem}.employee-task-list{gap:.65rem}.employee-task-row{align-items:stretch;flex-direction:column;gap:.65rem;padding:.85rem;border-radius:18px}.employee-task-content{align-items:flex-start}.employee-task-title{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;font-size:.86rem}.employee-complete-btn{width:100%;min-height:42px;font-size:.82rem;border-radius:14px}.employee-hidden-tasks-note,.employee-dependent-note{font-size:.72rem}.employee-empty-state,.employee-state-card{border-radius:22px;padding:2.4rem 1.1rem}.mobile-bottom-nav{right:.65rem!important;left:.65rem!important;bottom:calc(.65rem + env(safe-area-inset-bottom,0px))!important;display:flex!important;justify-content:stretch!important;gap:.45rem!important;overflow-x:hidden!important;padding:.5rem!important;border-radius:22px!important;background:#0f172af0!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 42px #0f172a38!important;scrollbar-width:none}.mobile-bottom-nav::-webkit-scrollbar{display:none}.employee-mobile-nav-item{flex:1 1 0!important;min-width:0!important;min-height:54px!important;border-radius:16px!important;padding:.45rem .35rem!important;color:#cbd5e1!important}.employee-mobile-nav-item.is-active{background:#4f46e5f2!important;color:#fff!important;transform:none!important}.employee-mobile-nav-item span{font-size:.62rem!important;max-width:100%}.mobile-bottom-nav--spacious .employee-mobile-nav-item{min-height:62px!important}.mobile-bottom-nav--spacious .employee-mobile-nav-item span{font-size:.72rem!important}.mobile-bottom-nav--compact{gap:.2rem!important;padding:.35rem!important}.mobile-bottom-nav--compact .employee-mobile-nav-item{min-height:46px!important;padding:.3rem .15rem!important;border-radius:13px!important}.mobile-bottom-nav--compact .employee-mobile-nav-item svg{width:16px;height:16px}.mobile-bottom-nav--compact .employee-mobile-nav-item span{font-size:.54rem!important;line-height:1.15}}.modal-content form>div{margin-bottom:1.25rem}.modal-content form>div:last-child{margin-bottom:0;margin-top:1.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2 2 0%}.flex-\[3\]{flex:3 3 0%}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-nowrap{flex-wrap:nowrap}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pr-1{padding-right:.25rem}.pr-6{padding-right:1.5rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.block{display:block}.inline{display:inline}.w-full{width:100%}.w-32{width:8rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-9{width:2.25rem}.h-5{height:1.25rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-md{font-size:1.125rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:monospace}.text-white{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-gray-200{color:#334155}.text-gray-300{color:#475569}.text-gray-400{color:#64748b}.text-red-400{color:#b91c1c}.text-red-300{color:#dc2626}.text-green-400{color:#059669}.text-amber-300{color:#d97706}.text-blue-400{color:#2563eb}.bg-black\/10{background-color:#0f172a0a}.bg-black\/20{background-color:#0f172a14}.bg-black\/30{background-color:#0f172a1f}.bg-white\/5{background-color:#4f46e508}.bg-white\/10{background-color:#4f46e50f}.border{border:1px solid rgba(79,70,229,.1)}.border-dashed{border-style:dashed}.border-white\/5{border-color:#4f46e50d}.border-white\/10{border-color:#4f46e51a}.border-white\/20{border-color:#4f46e52e}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-3\.5{top:.875rem}.inset-0{inset:0}.z-1000{z-index:1000}.overflow-y-auto{overflow-y:auto}.max-h-\[90vh\]{max-height:90vh}.max-h-24{max-height:6rem}.max-h-48{max-height:12rem}.transition-colors{transition:background-color .2s,border-color .2s,color .2s}.transition-all{transition:var(--transition)}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.active\:cursor-grabbing:active{cursor:grabbing}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.divide-y>*+*{border-top-width:1px;border-top-style:solid;border-top-color:#4f46e514}.divide-white\/5>*+*{border-top-color:#4f46e50d!important}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.w-3{width:.75rem}.h-3{height:.75rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.accent-primary{accent-color:var(--primary)}.border-r-2{border-right-width:2px;border-right-style:solid}.border-primary\/20{border-color:#4f46e533}.max-h-36{max-height:9rem}.max-h-60{max-height:15rem}.hover\:bg-white\/5:hover{background-color:#4f46e50a}.hover\:bg-white\/10:hover{background-color:#4f46e514}.hover\:text-white:hover{color:var(--primary)}.hover\:text-blue-300:hover{color:#1d4ed8}.hover\:text-red-300:hover{color:#b91c1c}.hover\:text-amber-400:hover{color:#b45309}.bg-success\/10{background-color:#10b98114}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fffc;border:1px solid rgba(79,70,229,.15);color:var(--text-muted);cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #6366f10d,inset 0 1px #fff9;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);outline:none}.sidebar-toggle:hover{background:#fff;color:var(--primary);border-color:#4f46e559;transform:scale(1.08);box-shadow:0 6px 18px #6366f11f}.sidebar-toggle:active{transform:scale(.95)}@media(max-width:767px){.app-main-shell{width:100%!important;max-width:100vw!important;margin-right:0!important;overflow-x:clip}.app-topbar{height:58px!important;padding:0 .85rem!important;gap:.75rem}.app-topbar h3{max-width:52vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem!important}.app-topbar .role-badge{display:none}.app-content-area{padding:.85rem!important;overflow-x:clip}.sidebar:not(.open){visibility:hidden;pointer-events:none}.sidebar.open{max-width:min(86vw,320px)}}@media(max-width:699px){.employee-mobile-brand h2,.employee-mobile-user>span{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-mobile-user{min-width:0;gap:.45rem!important}.employee-task-row{grid-template-columns:1fr!important;align-items:stretch!important}.employee-complete-btn{width:100%;min-height:44px;justify-content:center}}.client-flow-overlay{padding:1rem;align-items:center}.client-flow-modal{width:min(960px,100%);max-height:calc(100vh - 2rem);overflow:hidden;margin:auto;background:#fffffff5;border:1px solid rgba(79,70,229,.14);border-radius:20px;box-shadow:0 24px 60px #0f172a2e;display:flex;flex-direction:column}.client-flow-header{padding:1.25rem 1.25rem 1rem;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(79,70,229,.08)}.client-flow-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-size:.78rem;font-weight:800;margin-bottom:.35rem}.client-flow-header h2,.client-flow-section-title h3{margin:0;color:var(--text-main)}.client-flow-header h2{font-size:1.35rem;font-weight:900}.client-flow-header p,.client-flow-section-title p{margin:.25rem 0 0;color:var(--text-muted);font-size:.86rem}.client-flow-icon-button{width:40px;height:40px;border:1px solid rgba(79,70,229,.1);background:#4f46e50a;color:var(--text-muted);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.client-flow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(79,70,229,.08)}.client-flow-tabs button{border:1px solid rgba(79,70,229,.1);background:#fff;color:var(--text-muted);border-radius:12px;padding:.75rem;font-family:inherit;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:.5rem}.client-flow-tabs button.active{background:var(--primary-light);color:var(--primary);border-color:#4f46e540}.client-flow-body{overflow-y:auto;padding:1.25rem}.client-flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.client-flow-steps span{padding:.7rem .9rem;border-radius:12px;background:#0f172a0a;color:var(--text-muted);font-weight:800;font-size:.86rem}.client-flow-steps span.active{background:#4f46e51a;color:var(--primary)}.client-flow-section{display:flex;flex-direction:column;gap:1rem}.client-flow-section-title{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:14px;background:#4f46e50a;border:1px solid rgba(79,70,229,.08)}.client-flow-section-title svg{color:var(--primary);margin-top:.15rem;flex-shrink:0}.client-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.client-flow-field{display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted);font-size:.78rem;font-weight:800}.client-flow-field.wide{grid-column:1 / -1}.client-flow-field input,.client-flow-field select,.client-flow-import{width:100%;min-height:44px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(79,70,229,.12);background:#fff;color:var(--text-main);font-family:inherit;font-size:.92rem;padding:.75rem .9rem;outline:none}.client-flow-field input:focus,.client-flow-field select:focus,.client-flow-import:focus{border-color:#4f46e573;box-shadow:0 0 0 3px #4f46e514}.client-flow-input-icon{position:relative}.client-flow-input-icon svg{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.client-flow-input-icon input,.client-flow-input-icon select{padding-right:2.4rem}.client-flow-switch{display:flex;align-items:center;gap:.8rem;padding:.95rem;border:1px solid rgba(79,70,229,.12);border-radius:14px;background:#fff;cursor:pointer}.client-flow-switch input{width:18px;height:18px;accent-color:var(--primary)}.client-flow-switch span{display:flex;flex-direction:column;gap:.15rem}.client-flow-switch small{color:var(--text-muted)}.client-flow-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.client-flow-template-grid button{text-align:right;min-height:108px;border-radius:14px;border:1px solid rgba(79,70,229,.1);background:#fff;color:var(--text-main);padding:.9rem;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:.35rem}.client-flow-template-grid button svg{color:var(--primary)}.client-flow-template-grid button span{color:var(--text-muted);font-size:.75rem;line-height:1.5}.client-flow-template-grid button.selected{border-color:#4f46e573;background:var(--primary-light)}.client-flow-error{display:flex;align-items:flex-start;gap:.6rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.8rem;font-size:.88rem;font-weight:700}.client-flow-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid rgba(79,70,229,.08)}.client-flow-actions .btn-primary,.client-flow-actions .btn-ghost{min-width:0;white-space:normal;text-align:center}.client-flow-import{resize:vertical;min-height:180px;direction:rtl}.client-flow-preview-list{display:grid;gap:.5rem;max-height:280px;overflow-y:auto}.client-flow-preview-list div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;background:#4f46e50a;border:1px solid rgba(79,70,229,.08);border-radius:12px}.client-mobile-list,.project-mobile-list{display:none}.client-mobile-card,.project-mobile-card{padding:1rem;border-radius:16px;border:1px solid rgba(79,70,229,.09);background:#ffffffd1;display:flex;flex-direction:column;gap:.85rem}.client-mobile-card__top,.project-mobile-card__top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.client-mobile-card h3,.project-mobile-card h3{margin:0;color:var(--text-main);font-size:1rem}.client-mobile-card p,.project-mobile-card p{margin:.2rem 0 0;color:var(--text-muted);font-size:.82rem}.client-mobile-actions,.project-mobile-actions{display:grid;grid-template-columns:1fr auto auto;gap:.5rem}.project-progress-line{height:7px;background:#4f46e514;border-radius:999px;overflow:hidden}.project-progress-line span{display:block;height:100%;background:#16a34a}@media(max-width:980px){.client-flow-overlay{padding:0}.client-flow-modal{width:100%;max-width:none;max-height:100vh;min-height:100vh;border-radius:0}.client-flow-header,.client-flow-body{padding:1rem}.client-flow-grid,.client-flow-steps,.client-flow-tabs{grid-template-columns:1fr}.client-flow-actions{position:sticky;bottom:0;background:#fffffff5;padding:.85rem 0 0}.client-flow-actions .btn-primary,.client-flow-actions .btn-ghost{flex:1;padding-inline:.75rem;min-height:50px}.clients-table-panel,.projects-table-panel,.projects-board-panel{display:none!important}.client-mobile-list,.project-mobile-list{display:grid;gap:.8rem}}@media(max-width:699px){.clients-page-actions{width:100%;display:grid!important;grid-template-columns:1fr;gap:.6rem!important}.clients-page-actions .btn-primary,.clients-page-actions .btn-ghost{width:100%;min-height:46px}.clients-filter-panel{gap:.75rem!important;padding:.85rem!important;border-radius:18px!important}.clients-filter-panel>div:first-child{min-width:0!important;width:100%}.clients-filter-panel input{background:#fff!important;color:var(--text-main)!important;border-color:#4f46e526!important}.clients-filter-panel>div:last-child{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem!important;overflow:visible!important}.clients-filter-panel>div:last-child svg{display:none}.clients-filter-panel>div:last-child .btn-ghost{justify-content:center;border-radius:12px!important;padding:.6rem .5rem!important;white-space:normal}.client-mobile-actions{grid-template-columns:1fr auto auto}}.projects-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:6rem}.section-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary);font-size:.78rem;font-weight:900;margin-bottom:.35rem}.projects-header{display:grid;gap:1rem}.projects-header h1{margin:0;color:var(--text-main);font-size:1.55rem;line-height:1.25}.projects-header p{margin:.35rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.7}.projects-actions{display:grid;grid-template-columns:44px 1fr 1fr;gap:.55rem;align-items:stretch}.projects-actions .btn-primary,.projects-actions .btn-ghost{min-width:0;padding:.78rem .65rem;min-height:48px;border-radius:14px;white-space:normal;text-align:center}.project-icon-button{width:44px;min-width:44px;height:44px;padding:0!important;border-radius:14px;justify-content:center}.projects-summary{display:grid;grid-template-columns:1fr;gap:.65rem}.projects-summary>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem .95rem;border:1px solid rgba(79,70,229,.09);border-radius:16px;background:#ffffffc7}.projects-summary svg{color:var(--primary)}.projects-summary span{color:var(--text-muted);font-size:.82rem;font-weight:700}.projects-summary strong{color:var(--text-main);font-weight:900;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-service-filter{display:grid;gap:.7rem;padding:.85rem;border-radius:16px}.project-status-filter{display:grid;gap:.75rem;padding:.85rem}.project-status-filter>span{color:var(--text-muted);font-size:.78rem;font-weight:900}.project-status-filter>div{display:flex;flex-wrap:wrap;gap:.5rem}.project-status-filter button{min-height:38px;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(79,70,229,.12);background:#ffffffd1;color:var(--text-muted);font-family:inherit;font-weight:800;cursor:pointer}.project-status-filter button.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.project-table-actions{display:inline-flex;align-items:center;gap:.35rem}.project-icon-button.danger{color:#b91c1c!important;border-color:#b91c1c29!important;background:#fef2f2b8!important}.client-source-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.client-source-add input{width:100%;min-height:44px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(79,70,229,.12);background:#fff;color:var(--text-main);font-family:inherit;padding:.75rem .9rem}.client-flow-loading{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:220px;color:var(--text-muted);font-weight:800}.client-flow-error button{border:0;background:transparent;color:#b91c1c;font-family:inherit;font-weight:900;text-decoration:underline;cursor:pointer}.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-form-grid .wide,.project-form-error,.project-form-actions{grid-column:1 / -1}.project-form-actions{margin-top:.5rem}@media(max-width:699px){.project-status-filter>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project-status-filter button{border-radius:12px;white-space:normal}.project-card__foot>div{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;width:100%}.project-card__foot .btn-primary{grid-column:1 / -1}.project-form-grid{grid-template-columns:1fr}}.project-service-filter>span{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.82rem;font-weight:900}.project-service-filter>div{display:flex;flex-wrap:wrap;gap:.5rem;overflow:visible}.project-service-filter button{flex:1 1 calc(50% - .5rem);min-width:min(100%,136px);border:1px solid rgba(79,70,229,.12);background:#fff;color:var(--text-muted);border-radius:14px;padding:.65rem .75rem;font-family:inherit;font-weight:800;cursor:pointer;line-height:1.35;white-space:normal}.project-service-filter button.is-active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 10px 24px #4f46e52e}.project-load-error{display:grid;gap:.75rem;padding:.9rem;border-radius:16px;border:1px solid rgba(220,38,38,.18);background:#fef2f2eb;color:#991b1b}.project-load-error p{margin:0;font-size:.88rem;font-weight:800;line-height:1.6}.project-load-error .btn-primary{justify-self:stretch;min-height:44px;background:#dc2626;border-color:#dc262633;box-shadow:none}.project-mobile-list{display:grid;gap:.85rem}.project-card{padding:1rem;border-radius:16px;border:1px solid rgba(79,70,229,.1);background:#ffffffdb;box-shadow:0 10px 28px #0f172a0a;display:grid;gap:.85rem}.project-card__head,.project-card__foot{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.project-card__title{min-width:0}.project-card__title span,.project-card__foot>span{color:var(--text-muted);font-size:.78rem;font-weight:800}.project-card h3{margin:.15rem 0 0;color:var(--text-main);font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.project-card__head>strong{color:#16a34a;background:#16a34a1a;border:1px solid rgba(22,163,74,.16);padding:.25rem .55rem;border-radius:999px;font-size:.82rem;flex-shrink:0}.project-card__meta{display:grid;gap:.45rem}.project-card__meta span{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.84rem;min-width:0}.project-card__meta svg{color:var(--primary);flex-shrink:0}.project-card__foot{align-items:center}.project-card__foot>div{display:flex;gap:.45rem;align-items:center;flex-shrink:0}.project-card__foot .btn-primary{min-height:44px;padding:.65rem .85rem;border-radius:14px}.project-empty{min-height:120px;place-items:center;text-align:center;color:var(--text-muted)}.project-empty h3,.project-empty p{margin:0}.projects-table-panel,.projects-board-panel{display:none}.projects-table-panel{overflow:hidden;border-radius:16px}.projects-table-panel table{width:100%;border-collapse:collapse}.projects-table-panel th,.projects-table-panel td{padding:1rem;text-align:right;border-bottom:1px solid rgba(79,70,229,.07);color:var(--text-main)}.projects-table-panel th{color:var(--text-muted);background:#4f46e50a;font-size:.82rem;font-weight:900}.projects-table-panel tr{cursor:pointer}.projects-table-panel tbody tr:hover{background:#4f46e509}.table-pill{display:inline-flex;padding:.3rem .6rem;border-radius:999px;background:#4f46e514;color:var(--primary);font-size:.78rem;font-weight:800}.table-progress{display:flex;align-items:center;gap:.55rem;min-width:120px}.table-progress .project-progress-line{flex:1}.kanban-stage{min-width:290px;flex:1;display:grid;align-content:start;gap:.85rem}.kanban-stage__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.kanban-stage__header>div{display:flex;align-items:center;gap:.5rem}.kanban-stage__header span{width:10px;height:10px;border-radius:99px}.kanban-stage__header h3{margin:0;font-size:.98rem}.kanban-stage__header strong,.kanban-stage__header small{padding:.15rem .5rem;border-radius:999px;background:#0f172a0d;color:var(--text-muted);font-size:.74rem}.kanban-stage__body{display:grid;gap:.75rem}.kanban-project{text-align:right;border:1px solid rgba(79,70,229,.1);border-inline-start:4px solid var(--primary);border-radius:16px;background:#ffffffd6;padding:.95rem;font-family:inherit;cursor:pointer;display:grid;gap:.45rem;color:var(--text-main)}.kanban-project:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.kanban-project span,.kanban-project small{color:var(--text-muted)}.kanban-stage__empty,.project-desktop-empty{border:1px dashed rgba(79,70,229,.16);border-radius:16px;padding:1.5rem;text-align:center;color:var(--text-muted);background:#ffffff8c}.project-detail-page{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;padding-bottom:6rem}.project-skip-link{position:fixed;top:.75rem;right:.75rem;z-index:1000;transform:translateY(-140%);background:var(--primary);color:#fff;border-radius:12px;padding:.65rem .9rem;text-decoration:none;font-weight:900;transition:transform .18s ease}.project-skip-link:focus{transform:translateY(0);outline:3px solid rgba(79,70,229,.24);outline-offset:2px}.project-detail-main{min-width:0}.project-detail-hero{padding:1rem;border-radius:18px;background:#ffffffb8;border:1px solid rgba(79,70,229,.08)}.project-detail-hero>div:nth-child(2){display:grid!important;gap:.75rem!important}.project-detail-hero h1{font-size:1.25rem!important;line-height:1.45!important;overflow-wrap:anywhere}.project-detail-hero h1+div{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important}.project-detail-hero h1+div>span{flex:1 1 100%;min-width:0;padding:.45rem .65rem;border-radius:12px;background:#4f46e50b;display:inline-flex!important;align-items:center;gap:.4rem}.project-stage-strip{padding:.85rem!important;border-radius:16px;margin-bottom:1rem!important}.project-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.project-detail-stats>div{display:grid;grid-template-columns:auto 1fr;gap:.18rem .55rem;align-items:start;padding:.85rem;border-radius:16px;border:1px solid rgba(79,70,229,.1);background:#ffffffd1;box-shadow:0 10px 24px #0f172a09;min-width:0}.project-detail-stats svg{grid-row:span 3;color:var(--primary);margin-top:.1rem}.project-detail-stats span,.project-detail-stats small{color:var(--text-muted);font-size:.72rem;font-weight:800;line-height:1.35}.project-detail-stats strong{color:var(--text-main);font-size:.98rem;line-height:1.35;overflow-wrap:anywhere}.project-mobile-jump-nav{position:sticky;top:64px;z-index:20;display:flex;gap:.45rem;overflow-x:auto;padding:.45rem;margin:-.15rem 0 1rem;border-radius:16px;border:1px solid rgba(79,70,229,.09);background:#ffffffe6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 10px 28px #0f172a0f;scrollbar-width:none}.project-mobile-jump-nav::-webkit-scrollbar{display:none}.project-mobile-jump-nav a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:.38rem;padding:.52rem .78rem;border-radius:12px;color:var(--text-muted);background:#4f46e509;border:1px solid rgba(79,70,229,.08);text-decoration:none;font-size:.8rem;font-weight:900;transition:background .18s ease,color .18s ease,border-color .18s ease}.project-mobile-jump-nav a:focus-visible,.project-task-check:focus-visible,.project-stage-strip [style*="cursor: pointer"]:focus-visible{outline:3px solid rgba(79,70,229,.24);outline-offset:2px}.project-mobile-jump-nav a:hover{color:var(--primary);border-color:#4f46e533;background:#4f46e514}.project-stage-strip>div{min-width:max-content;gap:.85rem;padding-bottom:.15rem}.project-stage-strip>div>div{min-width:94px}.project-stage-strip,.project-tasks-panel,.project-side-card{scroll-margin-top:124px}.project-tasks-panel{border-radius:16px}.project-tasks-panel>div:first-child{display:grid!important;gap:.75rem!important;padding:1rem!important}.project-tasks-panel>div:first-child>div:last-child{width:100%!important}.project-tasks-panel>div:first-child>div:last-child>div{width:100%!important}.project-tasks-panel>div:last-child{padding:.8rem!important}.project-tasks-panel>div:last-child>div{align-items:flex-start!important;gap:.75rem!important}.project-task-item{min-height:58px;border-radius:14px!important;background:#ffffffb8!important;border-color:#4f46e517!important;color:var(--text-main);box-shadow:0 8px 22px #0f172a09}.project-task-item.is-done{background:#16a34a14!important;border-color:#16a34a29!important;opacity:1!important}.project-task-check{width:34px!important;height:34px!important;border-radius:12px!important;display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}.project-task-check:hover{transform:translateY(-1px)}.project-detail-title-block{min-width:0}.project-service-pill,.project-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border-radius:999px;color:var(--primary);background:#4f46e514;border:1px solid rgba(79,70,229,.12);font-size:.78rem;font-weight:900}.project-status-pill{color:#1d4ed8;background:#2563eb14;border-color:#2563eb29}.project-status-pill.is-complete{color:#15803d;background:#16a34a1a;border-color:#16a34a2e}.project-detail-title-block h1{margin:.55rem 0;color:var(--text-main);font-size:1.35rem;line-height:1.4;overflow-wrap:anywhere}.project-hero-meta{display:grid;gap:.45rem}.project-hero-meta>span{display:inline-flex;align-items:center;gap:.45rem;min-width:0;color:var(--text-muted);font-size:.84rem;font-weight:800}.project-hero-meta svg{color:var(--primary);flex-shrink:0}.project-stage-track{min-width:max-content;display:flex;gap:.75rem;align-items:stretch}.project-stage-node{min-width:104px;border:1px solid rgba(79,70,229,.1);background:#ffffffc7;color:var(--text-muted);border-radius:14px;padding:.75rem .65rem;display:grid;justify-items:center;gap:.38rem;font-family:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.project-stage-node:disabled{cursor:not-allowed;opacity:.58}.project-stage-node>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#4f46e514;color:var(--primary);font-weight:900}.project-stage-node strong{color:var(--text-main);font-size:.82rem;line-height:1.35;text-align:center}.project-stage-node small{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.7rem}.project-stage-node.is-selected{border-color:#4f46e552;background:#4f46e514}.project-stage-node.is-current>span{background:var(--primary);color:#fff}.project-tasks-header{display:grid;gap:.85rem;padding:1rem;border-bottom:1px solid rgba(79,70,229,.08)}.project-tasks-header h2,.project-side-card h2{margin:0;color:var(--text-main);font-size:1rem;line-height:1.35;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.project-tasks-header h2 span{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;color:#92400e;background:#f59e0b1a;font-size:.74rem}.project-tasks-header p{margin:.25rem 0 0;color:var(--text-muted);font-size:.86rem;font-weight:800}.project-tasks-body{display:grid;gap:.65rem;padding:.85rem}.project-task-item{display:grid!important;grid-template-columns:auto 1fr;align-items:start!important;gap:.75rem!important;padding:.85rem!important;margin-bottom:0!important}.project-task-item h3{margin:0;color:var(--text-main);font-size:.92rem;line-height:1.45}.project-task-item p,.project-task-item small{display:inline-flex;align-items:center;gap:.35rem;margin:.25rem 0 0;color:var(--text-muted);font-size:.76rem;font-weight:800}.project-task-item small{color:#b91c1c}.project-advance-box{display:grid;gap:.75rem;margin-top:.5rem}.project-advance-box .btn-primary{min-height:48px}.project-warning-box{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem;border-radius:14px;border:1px solid rgba(220,38,38,.18);background:#fef2f2eb;color:#991b1b;font-size:.84rem;font-weight:800;line-height:1.6}.project-warning-box svg{flex-shrink:0;margin-top:.18rem}.project-side-card{display:grid;gap:.85rem}.project-side-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.project-side-card__head .btn-ghost{padding:.5rem .75rem}.project-side-progress{display:grid;gap:.5rem}.project-side-progress>div:first-child{display:flex;justify-content:space-between;gap:1rem}.project-side-progress span{color:var(--text-muted);font-size:.84rem;font-weight:800}.project-side-progress strong{color:var(--text-main)}.project-member-picker,.project-member-list,.project-file-list{display:grid;gap:.5rem}.project-member-picker{max-height:160px;overflow-y:auto;padding:.5rem;border-radius:12px;background:#4f46e50a}.project-member-picker button{width:100%;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--text-main);font-family:inherit;text-align:right;cursor:pointer}.project-member-picker button:hover{background:#4f46e514}.project-member-list article{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.65rem;border-radius:12px;background:#4f46e50a}.project-member-list article>div{display:grid;grid-template-columns:auto 1fr;gap:.1rem .55rem;min-width:0}.project-member-list strong{grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary)}.project-member-list span{color:var(--text-main);font-size:.86rem;font-weight:900}.project-member-list small,.project-member-list p,.project-member-picker p{margin:0;color:var(--text-muted);font-size:.76rem}.project-member-list article>button{width:34px;height:34px;border:0;border-radius:10px;background:#dc262614;color:#dc2626;cursor:pointer}.project-file-empty,.project-file-list a{min-height:48px;display:flex;align-items:center;gap:.55rem;padding:.75rem;border-radius:12px;border:1px dashed rgba(79,70,229,.18);background:#ffffff9e;color:var(--text-muted);font-family:inherit;font-weight:800;text-decoration:none;cursor:pointer}.project-file-list a{border-style:solid;color:var(--text-main)}.project-file-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-sidebar{display:grid!important;gap:.85rem!important}.project-side-card{padding:1rem!important;border-radius:16px}.project-side-card h3{font-size:1rem;line-height:1.4}.project-side-card .btn-ghost,.project-side-card .btn-primary{min-height:40px;border-radius:12px}@media(min-width:700px){.projects-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.project-service-filter button{flex:0 1 auto;min-width:150px}.project-mobile-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:981px){.projects-page{gap:1.35rem;padding-bottom:2.5rem}.projects-header{grid-template-columns:1fr auto;align-items:end}.projects-header h1{font-size:2rem}.projects-actions{display:flex}.project-service-filter{grid-template-columns:auto 1fr;align-items:center}.project-mobile-list{display:none}.projects-table-panel{display:block}.projects-board-panel{display:flex;gap:1rem;overflow-x:auto;align-items:flex-start;padding-bottom:.5rem}.project-detail-page{grid-template-columns:minmax(0,1fr) 300px!important;gap:1.5rem!important;padding-bottom:2.5rem}.project-detail-hero{padding:0;border:0;background:transparent}.project-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.5rem}.project-mobile-jump-nav{position:static;display:none}.project-detail-hero h1{font-size:2rem!important}.project-detail-hero h1+div>span{flex:0 1 auto;background:transparent;padding:0}.project-stage-strip{padding:1.25rem!important}}.client-detail-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:6rem}.client-detail-back{align-self:flex-start;min-height:42px;border-radius:14px}.client-detail-hero{display:grid;gap:1rem;padding:1rem;border-radius:18px}.client-detail-avatar{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4f46e5,#0891b2);font-size:2rem;font-weight:900;box-shadow:0 16px 34px #4f46e52e}.client-detail-title{min-width:0}.client-detail-title>span{display:inline-flex;color:var(--primary);background:#4f46e514;border:1px solid rgba(79,70,229,.12);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:900}.client-detail-title h1{margin:.45rem 0;color:var(--text-main);font-size:1.45rem;line-height:1.35;overflow-wrap:anywhere}.client-detail-title>div{display:grid;gap:.45rem}.client-detail-title a,.client-detail-title span:not(:first-child){display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.86rem;text-decoration:none;min-width:0}.client-detail-title svg{color:var(--primary);flex-shrink:0}.client-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.client-detail-actions .btn-primary,.client-detail-actions .btn-ghost{min-height:46px;padding:.7rem .75rem;border-radius:14px;text-decoration:none}.client-detail-stats,.client-finance-summary{display:grid;grid-template-columns:1fr;gap:.75rem}.client-metric-card{display:grid;grid-template-columns:auto 1fr;gap:.25rem .7rem;padding:.95rem;border-radius:16px;border:1px solid rgba(79,70,229,.1);background:#ffffffd6;box-shadow:0 10px 26px #0f172a09}.client-metric-card svg{grid-row:span 3;margin-top:.18rem;color:var(--primary)}.client-metric-card span,.client-metric-card small{color:var(--text-muted);font-size:.78rem;font-weight:800}.client-metric-card strong{color:var(--text-main);font-size:1.12rem;line-height:1.25;overflow-wrap:anywhere}.client-detail-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:.3rem;border:1px solid rgba(79,70,229,.08);border-radius:16px;background:#ffffffb8;scrollbar-width:none}.client-detail-tabs::-webkit-scrollbar{display:none}.client-detail-tabs button{flex:0 0 auto;border:0;border-radius:12px;background:transparent;color:var(--text-muted);min-height:42px;padding:.55rem .85rem;display:inline-flex;align-items:center;gap:.4rem;font-family:inherit;font-weight:900;cursor:pointer}.client-detail-tabs button.is-active{background:var(--primary);color:#fff;box-shadow:0 10px 24px #4f46e52e}.client-detail-content{min-width:0}.client-overview-grid,.client-project-list,.client-finance-layout,.client-files-grid,.client-activity-list{display:grid;gap:.85rem}.client-detail-card{padding:1rem;border-radius:16px}.client-detail-card h3,.client-linked-project h3,.client-detail-empty h3{margin:0 0 .8rem;color:var(--text-main);font-size:1rem}.client-info-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid rgba(79,70,229,.07)}.client-info-row:last-child{border-bottom:0}.client-info-row span{color:var(--text-muted);font-size:.82rem;font-weight:800}.client-info-row strong{color:var(--text-main);text-align:left;overflow-wrap:anywhere}.client-priority-card p{margin:0;color:var(--text-muted);line-height:1.8}.client-next-actions{display:grid;gap:.55rem;margin-top:1rem}.client-next-actions span{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-main);background:#4f46e50b;border-radius:12px;padding:.65rem;font-size:.84rem;font-weight:800}.client-linked-project{display:grid;gap:.85rem;padding:1rem;border-radius:16px}.client-linked-project>div:first-child span,.client-linked-project p,.client-file-card span,.client-activity-item span,.client-activity-item p{color:var(--text-muted);font-size:.82rem}.client-linked-project p{margin:.25rem 0 0}.client-linked-project__foot{display:grid;gap:.55rem}.client-linked-project__foot strong{color:#16a34a}.client-linked-project__foot>span{color:var(--primary);font-size:.82rem;font-weight:900}.client-linked-project__foot .btn-primary{min-height:44px;border-radius:14px}.client-detail-table{overflow-x:auto;border-radius:16px}.client-detail-table table{width:100%;border-collapse:collapse;min-width:680px}.client-detail-table th,.client-detail-table td{padding:.9rem;text-align:right;border-bottom:1px solid rgba(79,70,229,.07)}.client-detail-table th{color:var(--text-muted);background:#4f46e50a;font-size:.8rem}.client-tx-pill{display:inline-flex;border-radius:999px;padding:.25rem .55rem;font-size:.76rem;font-weight:900}.client-tx-pill.income{color:#15803d;background:#16a34a1a}.client-tx-pill.out{color:#b91c1c;background:#dc26261a}.client-file-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.9rem;border-radius:16px;text-decoration:none;color:var(--text-main)}.client-file-card svg{color:var(--primary)}.client-file-card div{min-width:0}.client-file-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-activity-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem}.client-activity-item>div{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#4f46e514;color:var(--primary)}.client-activity-item section{padding:.8rem;border-radius:16px;border:1px solid rgba(79,70,229,.08);background:#ffffffd1}.client-activity-item h3,.client-activity-item p{margin:.2rem 0 0}.client-detail-empty,.client-detail-loading{min-height:180px;display:grid;place-items:center;text-align:center;gap:.75rem;padding:1.5rem;border-radius:16px;color:var(--text-muted)}.client-detail-empty h2,.client-detail-empty h3,.client-detail-empty p{margin:0}@media(min-width:700px){.client-detail-hero{grid-template-columns:auto 1fr;align-items:center}.client-detail-actions{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,180px))}.client-detail-stats,.client-finance-summary,.client-files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:981px){.client-detail-page{gap:1.35rem;padding-bottom:2.5rem}.client-detail-hero{grid-template-columns:auto minmax(0,1fr) auto;padding:1.25rem}.client-detail-actions{grid-column:auto;display:flex}.client-detail-title h1{font-size:2rem}.client-detail-title>div{display:flex;flex-wrap:wrap;gap:.9rem}.client-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.client-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(280px,.8fr)}.client-linked-project__foot{grid-template-columns:auto auto 170px;align-items:center}.client-files-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}