@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./vazirmatn-arabic-wght-normal.Cafbb7Zc.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./vazirmatn-latin-ext-wght-normal.tDTa1Fj6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./vazirmatn-latin-wght-normal.BFexNX-K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#123f3a;--color-primary-strong:#0b302c;--color-primary-soft:#e4f2ef;--color-secondary:#167d73;--color-accent:#176b96;--color-accent-soft:#e7f2f8;--color-background:#f3f7f6;--color-surface:#fff;--color-surface-subtle:#f8faf9;--color-foreground:#172524;--color-muted:#647573;--color-border:#dbe5e3;--color-border-strong:#c6d4d1;--color-success:#176b4d;--color-success-soft:#e4f4eb;--color-warning:#9a5c0a;--color-warning-soft:#fff3dc;--color-danger:#b4232e;--color-danger-soft:#fdebed;--color-info:#176b96;--color-info-soft:#e7f2f8;--shadow-sm:0 1px 2px #0a302c0a, 0 4px 14px #0a302c09;--shadow-md:0 12px 34px #0a302c17;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--sidebar-width:272px;--header-height:76px;--z-base:0;--z-sticky:20;--z-drawer:40;--z-modal:60;--z-toast:80}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;min-inline-size:320px}body,html{background:var(--color-background)}body{min-block-size:100dvh;color:var(--color-foreground);text-rendering:optimizelegibility;margin:0;font-family:Vazirmatn Variable,Vazirmatn,Tahoma,sans-serif;font-size:14px;line-height:1.65;overflow-x:hidden}button,input,select,textarea{color:inherit;font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}svg{stroke-width:1.8px;flex:none;block-size:20px;inline-size:20px}img{max-inline-size:100%}h1,h2,h3,p{margin-block:0}h1,h2,h3{line-height:1.45}h1,h2{font-size:18px}h3{font-size:15px}b,strong{font-weight:700}input,select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);outline:0;min-block-size:46px;inline-size:100%;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}textarea{resize:vertical;min-block-size:104px;line-height:1.8}input:hover,select:hover,textarea:hover{border-color:#99ada9}input:focus,select:focus,textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #167d7321}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger);background:snow}.numbers-cell,[dir=ltr],input[dir=ltr],input[type=number]{font-variant-numeric:tabular-nums}:focus-visible{outline-offset:2px;outline:3px solid #167d7347}::selection{color:#fff;background:var(--color-secondary)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;box-shadow:var(--shadow-md);background:#fff;border-radius:8px;padding:10px 16px;transition:transform .18s;position:fixed;inset-block-start:8px;inset-inline-start:50%;transform:translate(-50%,-160%)}.skip-link:focus{transform:translate(-50%)}.eyebrow{color:var(--color-secondary);letter-spacing:.01em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow svg{block-size:15px;inline-size:15px}.eyebrow--light{color:#a9ded6}.muted-copy{color:var(--color-muted)}.text-danger{color:var(--color-danger)!important}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.primary-button,.secondary-button,.sidebar-logout,.table-action{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-block-size:44px;padding-inline:15px;font-size:13px;font-weight:700;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.primary-button{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 7px 18px #123f3a26}.primary-button:hover:not(:disabled){background:var(--color-primary-strong);transform:translateY(-1px);box-shadow:0 9px 24px #123f3a33}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.table-action:active:not(:disabled){transform:translateY(1px)}.primary-button svg,.secondary-button svg{block-size:18px;inline-size:18px}.primary-button--wide{inline-size:100%}.secondary-button{border:1px solid var(--color-border-strong);color:var(--color-primary);background:var(--color-surface)}.secondary-button:hover:not(:disabled){border-color:var(--color-secondary);background:var(--color-primary-soft)}.secondary-button--small{min-block-size:36px;padding-inline:10px;font-size:11px}.icon-button{border:1px solid var(--color-border);block-size:44px;inline-size:44px;color:var(--color-primary);background:var(--color-surface);border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.icon-button:hover:not(:disabled){border-color:var(--color-secondary);background:var(--color-primary-soft)}.icon-button:active:not(:disabled){transform:scale(.96)}.icon-button--small{border:0;flex-basis:34px;block-size:34px;inline-size:34px}.icon-button--small svg{block-size:16px;inline-size:16px}.icon-button--light{color:#fff;background:#ffffff14;border-color:#ffffff2b}.icon-button--light:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.button-spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;block-size:17px;inline-size:17px;animation:.7s linear infinite spin}.app-logo{color:var(--color-primary);align-items:center;gap:10px;display:inline-flex}.app-logo__mark{block-size:42px;inline-size:42px}.app-logo__copy{flex-direction:column;line-height:1.25;display:flex}.app-logo__copy strong{font-size:18px}.app-logo__copy small{color:var(--color-muted);margin-block-start:4px;font-size:10px}.app-logo--light{color:#fff}.app-logo--light .app-logo__copy small{color:#ffffffad}.app-logo--compact .app-logo__mark{block-size:36px;inline-size:36px}.login-page{background:var(--color-surface);grid-template-columns:minmax(400px,.94fr) minmax(480px,1.06fr);min-block-size:100dvh;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#0a2b29 0,#123f3a 58%,#17655d);flex-direction:column;justify-content:space-between;min-block-size:100dvh;padding:clamp(28px,4vw,58px);display:flex;position:relative;overflow:hidden}.login-story:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 0),linear-gradient(90deg,#ffffff09 1px,#0000 0);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.login-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;block-size:420px;inline-size:420px;position:absolute;inset-block-end:-220px;inset-inline-start:-140px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.login-story>*{z-index:1;position:relative}.login-story__content{max-inline-size:570px;padding-block:48px}.login-story__content h1{max-inline-size:540px;margin-block-start:16px;font-size:18px;line-height:1.9}.login-story__content p{color:#ffffffb3;max-inline-size:520px;margin-block-start:14px;line-height:2}.login-story__features{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.login-story__features article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;min-block-size:100px;padding:14px;display:flex}.login-story__features article>svg{color:#8ed5ca}.login-story__features article div{flex-direction:column;gap:3px;display:flex}.login-story__features article strong{font-size:12px}.login-story__features article span{color:#ffffff9e;font-size:10px;line-height:1.7}.brand-social-link{color:#ffffffc2;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:8px;min-block-size:44px;inline-size:fit-content;padding-inline:14px;font-size:11px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.brand-social-link:hover{color:#fff;background:#ffffff17;border-color:#ffffff47}.brand-social-link svg{block-size:17px;inline-size:17px}.login-panel{background:radial-gradient(circle at 80% 10%,#eef8f6 0,transparent 34%),var(--color-surface);place-items:center;min-block-size:100dvh;padding:32px;display:grid}.login-card{inline-size:min(100%,430px)}.login-card__mobile-logo{margin-block-end:28px;display:none}.login-card__heading{margin-block-end:26px}.login-card__heading h2{margin-block-start:6px}.login-card__heading p{color:var(--color-muted);margin-block-start:7px}.login-form{gap:18px;display:grid}.form-field{min-inline-size:0}.form-field>label,.form-field>small{display:block}.form-field>label{color:#344745;margin-block-end:7px;font-size:12px;font-weight:700}.form-field>label>span{color:var(--color-danger)}.form-field__help{color:var(--color-muted);margin-block-start:5px;font-size:10px}.form-field__error{color:var(--color-danger);margin-block-start:5px;font-size:11px}.input-wrap{position:relative}.input-wrap>svg{color:#80918f;pointer-events:none;block-size:18px;inline-size:18px;position:absolute;inset-block-start:50%;inset-inline-start:13px;transform:translateY(-50%)}.input-wrap>input{padding-inline-start:43px}.input-action{block-size:44px;inline-size:44px;color:var(--color-muted);background:0 0;border:0;border-radius:8px;position:absolute;inset-block-start:1px;inset-inline-end:1px}.input-action:hover{color:var(--color-primary);background:var(--color-primary-soft)}.input-action svg{block-size:18px;inline-size:18px}.form-alert{border-radius:var(--radius-sm);color:var(--color-danger);background:var(--color-danger-soft);border:1px solid #f2c6ca;align-items:flex-start;gap:10px;margin-block-end:17px;padding:12px;display:flex}.form-alert>svg{block-size:18px;inline-size:18px;margin-block-start:2px}.form-alert div{flex-direction:column;display:flex}.form-alert strong{font-size:12px}.form-alert span{margin-block-start:2px;font-size:11px}.demo-access{border-block-start:1px solid var(--color-border);margin-block-start:24px;padding-block-start:20px}.demo-access__title{align-items:flex-start;gap:9px;display:flex}.demo-access__title>svg{block-size:18px;inline-size:18px;color:var(--color-success);margin-block-start:2px}.demo-access__title div{flex-direction:column;display:flex}.demo-access__title strong{font-size:12px}.demo-access__title span{color:var(--color-muted);font-size:10px}.demo-access__accounts{flex-wrap:wrap;gap:7px;margin-block-start:12px;display:flex}.demo-access__accounts button{border:1px solid var(--color-border);min-block-size:36px;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:18px;padding-inline:13px;font-size:11px}.demo-access__accounts button:hover{border-color:var(--color-secondary);background:var(--color-primary-soft)}.login-card__security{color:var(--color-muted);justify-content:center;align-items:center;gap:6px;margin-block-start:22px;font-size:10px;display:flex}.login-card__security svg{block-size:15px;inline-size:15px}.login-card__social{display:none}.portal-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-block-size:100dvh;display:grid}.portal-workspace{grid-column:2;min-inline-size:0}.app-sidebar{z-index:var(--z-drawer);inline-size:var(--sidebar-width);color:#e9f5f2;background:linear-gradient(#102f2d,#0c2927);flex-direction:column;block-size:100dvh;display:flex;position:fixed;inset-block:0;inset-inline-start:0;box-shadow:-10px 0 30px #061f1d1f}.app-sidebar__header{min-block-size:var(--header-height);border-block-end:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-inline:20px;display:flex}.app-sidebar__close{color:#fff;background:#ffffff0a;border-color:#ffffff1f;display:none}.app-sidebar__context{background:#ffffff0a;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;margin:14px 14px 4px;padding:10px 11px;display:flex}.app-sidebar__context>svg{color:#79cabf;block-size:18px;inline-size:18px}.app-sidebar__context div{flex-direction:column;min-inline-size:0;display:flex}.app-sidebar__context span{color:#ffffff80;font-size:9px}.app-sidebar__context strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.app-sidebar__nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;padding:10px 12px 18px;overflow-y:auto}.nav-group+.nav-group{margin-block-start:13px}.nav-group h2{color:#ffffff61;margin:0 10px 5px;font-size:9px;font-weight:600}.nav-item{color:#ffffffad;border-radius:9px;align-items:center;gap:10px;min-block-size:42px;padding-inline:11px;font-size:11px;font-weight:550;transition:color .16s,background .16s;display:flex;position:relative}.nav-item:before{opacity:0;content:"";background:#75c9bd;border-radius:4px;block-size:18px;inline-size:3px;transition:opacity .16s,transform .16s;position:absolute;inset-inline-start:-1px;transform:scaleY(.5)}.nav-item svg{color:#ffffff7a;block-size:18px;inline-size:18px}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item--active{color:#fff;background:#75c9bd21}.nav-item--active:before{opacity:1;transform:scaleY(1)}.nav-item--active svg{color:#85d5ca}.app-sidebar__footer{border-block-start:1px solid #ffffff12;padding:12px 14px 15px}.sidebar-brand-link{color:#ffffff94;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-block-size:44px;margin-block-end:10px;font-size:10px;transition:color .16s,border-color .16s,background .16s;display:flex}.sidebar-brand-link:hover{color:#fff;background:#ffffff12;border-color:#ffffff2e}.sidebar-brand-link svg{block-size:16px;inline-size:16px}.user-chip{align-items:center;gap:10px;min-inline-size:0;display:flex}.header-avatar,.user-chip__avatar{color:#fff;background:#1d756c;border-radius:11px;flex:0 0 38px;place-items:center;block-size:38px;inline-size:38px;font-weight:700;display:inline-grid}.user-chip div{flex-direction:column;min-inline-size:0;display:flex}.user-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.user-chip span:not(.user-chip__avatar){color:#ffffff73;font-size:9px}.sidebar-logout{color:#ffffff8c;background:0 0;border:0;justify-content:flex-start;min-block-size:38px;inline-size:100%;margin-block-start:9px;padding-inline:8px;font-size:10px}.sidebar-logout:hover{color:#ffb6bb;background:#b4232e1c}.sidebar-logout svg{block-size:16px;inline-size:16px}.sidebar-scrim{display:none}.app-header{z-index:var(--z-sticky);min-block-size:var(--header-height);border-block-end:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;gap:20px;padding-inline:clamp(18px,3vw,38px);position:sticky;inset-block-start:0}.app-header,.app-header__title{align-items:center;display:flex}.app-header__title{gap:12px;min-inline-size:0}.app-header__title>div{min-inline-size:0}.app-header__eyebrow{color:var(--color-muted);font-size:9px;display:block}.app-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.app-header__menu{display:none}.app-header__meta{align-items:center;gap:9px;display:flex}.header-meta{border:1px solid var(--color-border);min-block-size:36px;color:var(--color-muted);background:var(--color-surface-subtle);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding-inline:11px;font-size:10px;display:inline-flex}.header-meta svg{block-size:15px;inline-size:15px}.header-meta--secure{color:var(--color-success)}.header-avatar{flex-basis:36px;block-size:36px;inline-size:36px;font-size:12px}.portal-main{min-inline-size:0;max-inline-size:1600px;margin-inline:auto;padding:clamp(18px,2.5vw,32px)}.page-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-block-end:20px;display:flex}.page-intro h2{margin-block-start:4px}.page-intro p{max-inline-size:760px;color:var(--color-muted);margin-block-start:5px;font-size:12px}.page-intro__actions{align-items:center;gap:8px;display:flex}.content-card,.data-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-inline-size:0;box-shadow:var(--shadow-sm)}.content-card{padding:18px}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-block-end:17px;display:flex}.section-heading h3{margin-block-start:3px}.section-heading>span{color:var(--color-muted);font-size:10px}.section-heading>a{min-block-size:32px;color:var(--color-secondary);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.section-heading>a:hover{color:var(--color-primary)}.section-heading>a svg{block-size:14px;inline-size:14px}.dashboard-hero{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(120deg,#103c38,#17665e);justify-content:space-between;align-items:center;gap:20px;min-block-size:132px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px #123f3a24}.dashboard-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;block-size:230px;inline-size:230px;position:absolute;inset-block-start:-120px;inset-inline-end:8%;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05}.dashboard-hero>*{z-index:1;position:relative}.dashboard-hero .eyebrow{color:#a1dcd3}.dashboard-hero h2{margin-block-start:5px}.dashboard-hero p{color:#ffffffad;margin-block-start:7px;font-size:11px}.dashboard-hero__actions{align-items:center;gap:9px;display:flex}.project-code{font-variant-numeric:tabular-nums;background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:7px;min-block-size:40px;padding-inline:12px;font-size:10px;display:inline-flex}.project-code svg{block-size:16px;inline-size:16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:16px;display:grid}.kpi-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-block-size:98px;min-inline-size:0;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:15px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:#b3cac6;transform:translateY(-2px)}.kpi-card>div{flex-direction:column;min-inline-size:0;display:flex}.kpi-card>div>span{color:var(--color-muted);font-size:10px}.kpi-card>div>strong{white-space:nowrap;margin-block-start:3px;font-size:16px}.kpi-card strong small{color:var(--color-muted);font-size:9px;font-weight:500}.kpi-card__arrow{color:#a4b3b1;block-size:14px;inline-size:14px;position:absolute;inset-block-start:13px;inset-inline-end:13px}.metric-icon{border-radius:12px;flex:0 0 42px;place-items:center;block-size:42px;inline-size:42px;display:inline-grid}.metric-icon svg{block-size:20px;inline-size:20px}.metric-icon--teal{color:#126c63;background:#e1f2ef}.metric-icon--blue{color:#176b96;background:#e7f2f8}.metric-icon--amber{color:#95600f;background:#fff1d8}.metric-icon--green{color:#176b4d;background:#e4f4eb}.metric-icon--red{color:#b4232e;background:#fdebed}.lifecycle-card{margin-block-end:14px}.lifecycle-track{grid-template-columns:repeat(7,1fr);margin:0;padding:4px 0 0;list-style:none;display:grid;position:relative}.lifecycle-track:before{background:var(--color-border);content:"";block-size:2px;position:absolute;inset-block-start:26px;inset-inline:7%}.lifecycle-track__item--done:after{z-index:1;background:var(--color-success);content:"";block-size:2px;inline-size:100%;position:absolute;inset-block-start:26px;inset-inline-start:50%}.lifecycle-track li{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.lifecycle-track li>span{z-index:2;border:1px solid var(--color-border);color:#8a9997;background:var(--color-surface);border-radius:50%;place-items:center;block-size:44px;inline-size:44px;display:grid;position:relative}.lifecycle-track li>span svg{block-size:18px;inline-size:18px}.lifecycle-track li>strong{margin-block-start:7px;font-size:10px}.lifecycle-track li>small{color:var(--color-muted);font-size:8px}.lifecycle-track__item--done>span{border-color:var(--color-success);color:#fff;background:var(--color-success)}.lifecycle-track__item--active>span{color:#fff;background:var(--color-secondary);border:4px solid #d9efeb;box-shadow:0 0 0 3px #167d731a}.lifecycle-track__item--active>strong{color:var(--color-secondary)}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.progress-card{grid-column:span 7}.finance-overview,.inventory-card{grid-column:span 5}.due-list-card{grid-column:span 7}.activity-card,.announcements-card{grid-column:span 6}.progress-card__body{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;display:grid}.progress-ring{--progress:0deg;aspect-ratio:1;background:conic-gradient(var(--color-secondary) var(--progress),#e8efed 0);border-radius:50%;place-items:center;inline-size:132px;display:grid;position:relative}.progress-ring:before{aspect-ratio:1;background:var(--color-surface);content:"";border-radius:50%;inline-size:100px;position:absolute}.progress-ring>span{flex-direction:column;align-items:center;display:flex;position:relative}.progress-ring strong{font-size:18px}.progress-ring small{color:var(--color-muted);font-size:9px}.milestone-list{gap:10px;display:grid}.milestone-list article{grid-template-columns:minmax(140px,1fr) minmax(100px,.8fr) 36px;align-items:center;gap:10px;display:grid}.milestone-list article>div:first-child{flex-direction:column;min-inline-size:0;display:flex}.milestone-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.milestone-list span{color:var(--color-muted);font-size:8px}.milestone-list b{color:var(--color-secondary);text-align:end;font-size:10px}.mini-progress,.progress-track{background:#e6eeec;border-radius:99px;overflow:hidden}.mini-progress{block-size:5px}.mini-progress i,.progress-track i{border-radius:inherit;background:linear-gradient(90deg,var(--color-secondary),#42a99d);block-size:100%;transition:width .3s;display:block}.inventory-summary{align-items:baseline;gap:7px;margin-block:22px 17px;display:flex}.inventory-summary strong{font-size:18px}.inventory-summary span{color:var(--color-muted);font-size:10px}.stacked-bar{background:#edf2f1;border-radius:99px;block-size:12px;display:flex;overflow:hidden}.stacked-bar i{min-inline-size:0;display:block}.stacked-bar__available{background:#2d998d}.stacked-bar__reserved{background:#d99a34}.stacked-bar__sold{background:#3e88b0}.stacked-bar__delivered{background:#3d8f69}.inventory-legend{grid-template-columns:repeat(2,1fr);gap:9px 16px;margin-block:18px 0;display:grid}.inventory-legend>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.inventory-legend dt{color:var(--color-muted);align-items:center;gap:6px;font-size:10px;display:flex}.inventory-legend dd{margin:0;font-size:11px;font-weight:700}.dot{border-radius:50%;block-size:7px;inline-size:7px;display:inline-block}.dot--teal{background:#2d998d}.dot--amber{background:#d99a34}.dot--blue{background:#3e88b0}.dot--green{background:#3d8f69}.finance-overview>article{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:14px;display:grid}.finance-overview>article:first-of-type{border-block-start:0;padding-block-start:0}.finance-overview article>div:first-child{flex-direction:column;display:flex}.finance-overview article>div>span{color:var(--color-muted);font-size:9px}.finance-overview article strong{margin-block-start:2px;font-size:12px}.finance-overview article>span{color:var(--color-success);font-size:10px;font-weight:700}.finance-overview .progress-track{grid-column:1/-1;block-size:6px}.finance-overview__link{grid-column:1/-1}.finance-overview__link a{color:var(--color-secondary);align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.finance-overview__link svg{block-size:13px;inline-size:13px}.activity-list,.due-list{display:grid}.due-list article{border-block-start:1px solid var(--color-border);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:10px;display:grid}.due-list article:first-child{border-block-start:0;padding-block-start:0}.due-list__icon{border-radius:9px;place-items:center;block-size:34px;inline-size:34px;display:grid}.due-list__icon svg{block-size:16px;inline-size:16px}.due-list__icon--sale{color:var(--color-info);background:var(--color-info-soft)}.due-list__icon--charge{color:var(--color-warning);background:var(--color-warning-soft)}.due-list article>div:nth-child(2){flex-direction:column;min-inline-size:0;display:flex}.due-list article>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.due-list article>div:nth-child(2) span{color:var(--color-muted);font-size:8px}.due-list article>div:last-child{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.due-list article b{font-size:10px}.activity-list article{border-block-start:1px solid var(--color-border);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:11px;display:grid}.activity-list article:first-child{border-block-start:0;padding-block-start:0}.activity-list__icon{block-size:34px;inline-size:34px;color:var(--color-secondary);background:var(--color-primary-soft);border-radius:9px;place-items:center;display:grid}.activity-list__icon svg{block-size:16px;inline-size:16px}.activity-list article>div{flex-direction:column;min-inline-size:0;display:flex}.activity-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activity-list article>div span{color:var(--color-muted);font-size:8px}.announcements-card>.section-heading>svg{color:var(--color-secondary)}.announcements-card>article{border-block-start:1px solid var(--color-border);align-items:flex-start;gap:10px;padding-block:11px;display:flex}.announcements-card>article:first-of-type{border-block-start:0;padding-block-start:0}.announcements-card>article>span{block-size:32px;inline-size:32px;color:var(--color-info);background:var(--color-info-soft);border-radius:9px;flex:0 0 32px;place-items:center;display:grid}.announcements-card>article>span svg{block-size:15px;inline-size:15px}.announcements-card>article>div{min-inline-size:0}.announcements-card article strong{font-size:10px}.announcements-card article p{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-block-start:2px;font-size:9px;overflow:hidden}.announcements-card article small{color:#93a19f;font-size:8px}.empty-inline{min-block-size:66px;color:var(--color-muted);justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.empty-inline svg{block-size:16px;inline-size:16px;color:var(--color-success)}.data-panel{overflow:hidden}.data-toolbar{border-block-end:1px solid var(--color-border);background:var(--color-surface-subtle);align-items:center;gap:9px;min-block-size:66px;padding:10px 13px;display:flex}.search-field{inline-size:min(340px,100%);position:relative}.search-field svg{color:#82918f;pointer-events:none;block-size:17px;inline-size:17px;position:absolute;inset-block-start:50%;inset-inline-start:12px;transform:translateY(-50%)}.search-field input{min-block-size:42px;padding-inline-start:39px}.filter-select{min-block-size:42px;inline-size:175px}.data-toolbar__count{color:var(--color-muted);white-space:nowrap;margin-inline-start:auto;font-size:10px}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;inline-size:100%;min-inline-size:820px}.data-table th{color:var(--color-muted);text-align:start;white-space:nowrap;background:#fbfcfc;font-size:9px;font-weight:650}.data-table td,.data-table th{border-block-end:1px solid var(--color-border);padding:13px 14px}.data-table td{color:#334340;vertical-align:middle;font-size:10px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#f8fbfa}.data-table tbody tr:last-child td{border-block-end:0}.data-table__actions{text-align:end;inline-size:80px}.table-action{min-block-size:34px;color:var(--color-secondary);background:0 0;border:0;padding-inline:8px;font-size:9px}.table-action:hover{background:var(--color-primary-soft)}.table-action svg{block-size:14px;inline-size:14px}.status-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;min-block-size:24px;padding-inline:8px;font-size:8px;font-weight:700;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;block-size:5px;inline-size:5px}.status-badge--success{color:var(--color-success);background:var(--color-success-soft)}.status-badge--danger{color:var(--color-danger);background:var(--color-danger-soft)}.status-badge--warning{color:var(--color-warning);background:var(--color-warning-soft)}.status-badge--info{color:var(--color-info);background:var(--color-info-soft)}.status-badge--neutral{color:#5f706d;background:#edf1f0}.mobile-records{display:none}.load-state{justify-content:center;align-items:center;gap:12px;min-block-size:120px;padding:20px;display:flex}.load-state>svg{block-size:24px;inline-size:24px}.load-state>div{flex-direction:column;display:flex}.load-state strong{font-size:12px}.load-state span{color:var(--color-muted);font-size:10px}.load-state--error{border-radius:var(--radius-md);color:var(--color-danger);background:var(--color-danger-soft);border:1px solid #f2c6ca}.load-state--error span{color:#8d4a50}.load-state .secondary-button{margin-inline-start:12px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-block-size:280px;padding:30px;display:flex}.empty-state>svg{color:#8ba09c;block-size:34px;inline-size:34px}.empty-state h3{margin-block-start:10px}.empty-state p{max-inline-size:400px;color:var(--color-muted);margin-block:4px 13px;font-size:10px}.empty-state--compact{min-block-size:150px}.table-skeleton{background:var(--color-border);gap:1px;display:grid}.table-skeleton span{background:linear-gradient(90deg,#f8faf9 20%,#eef3f2 50%,#f8faf9 80%) 0 0/200% 100%;block-size:54px;animation:1.5s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.form-dialog{max-block-size:min(90dvh,880px);inline-size:min(720px,100vw - 28px);max-inline-size:none;box-shadow:var(--shadow-md);background:0 0;border:0;border-radius:16px;padding:0;overflow:hidden}.form-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#081a188c}.form-dialog__surface{background:var(--color-surface);flex-direction:column;max-block-size:min(90dvh,880px);display:flex;overflow:hidden}.form-dialog__surface--wide{inline-size:min(900px,100vw - 28px)}.form-dialog__header{border-block-end:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.form-dialog__header h2{margin-block-start:4px;font-size:16px}.form-dialog__surface>.form-alert{margin:14px 20px 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px;display:grid;overflow-y:auto}.form-field--full{grid-column:1/-1}.form-field--checkbox{align-items:center;display:flex}.form-dialog__footer{border-block-start:1px solid var(--color-border);background:var(--color-surface-subtle);flex:none;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.toggle-field{cursor:pointer;align-items:center;gap:9px;min-block-size:44px;display:inline-flex!important}.toggle-field input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.toggle-field__track{background:#c8d4d2;border-radius:99px;block-size:22px;inline-size:38px;transition:background .18s;display:inline-block;position:relative}.toggle-field__track i{background:#fff;border-radius:50%;block-size:16px;inline-size:16px;transition:transform .18s;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 4px #00000029}.toggle-field input:checked+.toggle-field__track{background:var(--color-secondary)}.toggle-field input:checked+.toggle-field__track i{transform:translate(-16px)}.toggle-field input:focus-visible+.toggle-field__track{outline-offset:2px;outline:3px solid #167d7340}.finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block-end:14px;display:grid}.finance-metrics article{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-block-size:94px;min-inline-size:0;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px;display:flex}.finance-metrics article>div{flex-direction:column;min-inline-size:0;display:flex}.finance-metrics article>div>span{color:var(--color-muted);font-size:9px}.finance-metrics article strong{text-overflow:ellipsis;white-space:nowrap;margin-block-start:3px;font-size:13px;overflow:hidden}.finance-metrics article small{color:var(--color-success);font-size:8px}.finance-page>.content-card+.content-card{margin-block-start:14px}.period-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.period-card{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:10px;min-inline-size:0;padding:12px}.period-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.period-card__top>div{flex-direction:column;min-inline-size:0;display:flex}.period-card__top strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.period-card__top span:not(.status-badge){color:var(--color-muted);font-size:8px}.period-card .progress-track{block-size:6px;margin-block:13px 8px}.period-card__numbers{flex-direction:column;display:flex}.period-card__numbers span{color:var(--color-muted);font-size:8px}.period-card__numbers strong{font-size:9px}.bill-list,.bill-row{display:grid}.bill-row{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(110px,1fr)) auto auto;align-items:center;gap:14px;padding-block:12px}.bill-row:first-child{border-block-start:0;padding-block-start:0}.bill-row>div{flex-direction:column;min-inline-size:0;display:flex}.bill-row>div>span{color:var(--color-muted);font-size:8px}.bill-row>div>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.bill-row__unit>span{font-weight:700;color:var(--color-foreground)!important;font-size:10px!important}.bill-row__unit>small{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:8px}.bill-row--sales{grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(110px,1fr)) auto auto}.expense-picker{border:1px solid var(--color-border);border-radius:10px;grid-column:1/-1;min-inline-size:0;padding:12px}.expense-picker legend{padding-inline:6px;font-size:11px;font-weight:700}.expense-picker>p{color:var(--color-muted);margin-block-end:8px;font-size:9px}.expense-picker>label{border-block-start:1px solid var(--color-border);cursor:pointer;align-items:center;gap:9px;min-block-size:46px;display:flex}.expense-picker>label input{block-size:17px;min-block-size:0;inline-size:17px;accent-color:var(--color-secondary)}.expense-picker>label span{flex-direction:column;display:flex}.expense-picker>label strong{font-size:10px}.expense-picker>label small{color:var(--color-muted);font-size:8px}.expense-picker__total{border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-block-start:5px;padding-block-start:10px;display:flex}.expense-picker__total span{color:var(--color-muted);font-size:9px}.expense-picker__total strong{font-size:11px}.payment-timeline{display:grid}.payment-timeline article{border-block-start:1px solid var(--color-border);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:10px;display:grid}.payment-timeline article:first-child{border-block-start:0;padding-block-start:0}.payment-timeline__icon{block-size:34px;inline-size:34px;color:var(--color-success);background:var(--color-success-soft);border-radius:9px;place-items:center;display:grid}.payment-timeline__icon svg{block-size:16px;inline-size:16px}.payment-timeline article>div{flex-direction:column;min-inline-size:0;display:flex}.payment-timeline strong{font-size:10px}.payment-timeline article>div span,.payment-timeline article>small{color:var(--color-muted);font-size:8px}.toast-region{z-index:var(--z-toast);pointer-events:none;gap:8px;inline-size:min(420px,100vw - 24px);display:grid;position:fixed;inset-block-start:14px;inset-inline-start:50%;transform:translate(-50%)}.app-toast{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);pointer-events:auto;border-radius:12px;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:9px;padding:10px 10px 10px 13px;animation:.22s ease-out toast-in;display:grid}.app-toast__icon{block-size:20px;inline-size:20px}.app-toast__copy{flex-direction:column;min-inline-size:0;display:flex}.app-toast__copy strong{font-size:11px}.app-toast__copy span{color:var(--color-muted);font-size:9px}.app-toast--success .app-toast__icon{color:var(--color-success)}.app-toast--danger .app-toast__icon{color:var(--color-danger)}.app-toast--info .app-toast__icon{color:var(--color-info)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media (width<=1200px){.kpi-grid,.period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-row,.bill-row--sales{grid-template-columns:minmax(140px,1.4fr) repeat(2,minmax(100px,1fr)) auto auto}.bill-row>div:nth-child(4){display:none}}@media (width<=1024px){.login-page{grid-template-columns:minmax(340px,.85fr) minmax(430px,1.15fr)}.login-story__features{grid-template-columns:1fr}.login-story__features article{flex-direction:row;align-items:center;min-block-size:68px}.portal-shell{display:block}.portal-workspace{grid-column:auto}.app-sidebar{transition:transform .24s;inset-inline:0 auto;transform:translate(105%)}.app-sidebar--open{transform:translate(0)}.app-sidebar__close{display:inline-flex}.sidebar-scrim{z-index:35;visibility:hidden;opacity:0;background:#07191780;transition:visibility .2s,opacity .2s;display:block;position:fixed;inset:0}.sidebar-scrim--visible{visibility:visible;opacity:1}.app-header__menu{display:inline-flex}.progress-card{grid-column:span 12}.activity-card,.announcements-card,.due-list-card,.finance-overview,.inventory-card{grid-column:span 6}.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){body{font-size:13px}input,select,textarea{font-size:16px}.login-page{display:block}.login-story{display:none}.login-panel{padding:24px 18px}.login-card__mobile-logo{display:inline-flex}.login-card__social{min-block-size:44px;inline-size:fit-content;color:var(--color-secondary);border-radius:22px;justify-content:center;align-items:center;gap:7px;margin:14px auto 0;padding-inline:13px;font-size:10px;transition:color .18s,background .18s;display:flex}.login-card__social:hover{color:var(--color-primary);background:var(--color-primary-soft)}.login-card__social svg{block-size:16px;inline-size:16px}.app-header{min-block-size:68px;padding-inline:14px}.app-header__eyebrow,.header-meta{display:none}.app-header h1{font-size:14px}.portal-main{padding:15px}.page-intro{flex-direction:column;align-items:stretch;margin-block-end:14px}.page-intro>.primary-button,.page-intro__actions .primary-button{flex:1}.dashboard-hero{flex-direction:column;align-items:flex-start;min-block-size:150px;padding:20px}.dashboard-hero__actions{justify-content:space-between;inline-size:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi-card{min-block-size:88px;padding:12px}.kpi-card>div>strong{font-size:13px}.metric-icon{flex-basis:38px;block-size:38px;inline-size:38px}.lifecycle-card{overflow:hidden}.lifecycle-track{grid-template-columns:none;grid-auto-columns:92px;grid-auto-flow:column;padding-block-end:8px;overflow-x:auto}.lifecycle-track:before{inset-inline:45px}.dashboard-grid{display:block}.dashboard-grid>.content-card+.content-card{margin-block-start:12px}.progress-card__body{grid-template-columns:116px minmax(0,1fr);gap:12px}.progress-ring{inline-size:108px}.progress-ring:before{inline-size:82px}.milestone-list article{grid-template-columns:minmax(110px,1fr) 80px 30px}.data-toolbar{flex-wrap:wrap}.search-field{flex:220px}.filter-select{flex:150px}.data-toolbar__count{order:3;margin-inline-start:0}.data-table-wrap{display:none}.mobile-records{gap:10px;padding:10px;display:grid}.mobile-record{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:12px}.mobile-record dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;display:grid}.mobile-record dl>div{min-inline-size:0}.mobile-record dt{color:var(--color-muted);font-size:8px}.mobile-record dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:10px;font-weight:650}.mobile-record>.table-action{margin-block-start:10px}.form-grid{grid-template-columns:1fr;padding:16px}.form-field--full{grid-column:auto}.form-dialog__header{padding:15px 16px}.form-dialog__surface>.form-alert{margin-inline:16px}.form-dialog__footer{padding:11px 16px}.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.period-grid{grid-template-columns:1fr}.bill-row,.bill-row--sales{border:1px solid var(--color-border);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:9px;padding:12px!important}.bill-row:first-child{margin-block-start:0}.bill-row>div:nth-child(4){display:flex}.bill-row__unit{grid-column:1/-1}.bill-row>.status-badge{justify-self:start}.bill-row>.secondary-button{justify-self:end}.expense-picker{grid-column:auto}}@media (width<=560px){.app-sidebar{inline-size:min(88vw,300px)}.header-avatar{display:none}.portal-main{padding:12px}.page-intro h2{font-size:16px}.page-intro__actions{inline-size:100%}.dashboard-hero{border-radius:13px}.dashboard-hero h2{font-size:16px}.dashboard-hero p{line-height:1.8}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-block-size:78px}.content-card{padding:14px}.section-heading{margin-block-end:13px}.progress-card__body{display:block}.progress-ring{margin-block-end:18px;margin-inline:auto}.milestone-list article{grid-template-columns:minmax(100px,1fr) 72px 28px}.inventory-legend{grid-template-columns:1fr}.due-list article{grid-template-columns:34px minmax(0,1fr)}.due-list article>div:last-child{flex-direction:row;grid-column:2;align-items:flex-start}.activity-list article{grid-template-columns:34px minmax(0,1fr)}.activity-list article>.status-badge{grid-column:2;justify-self:start}.data-toolbar{align-items:stretch}.filter-select,.search-field{flex-basis:100%;inline-size:100%}.data-toolbar .icon-button{margin-inline-start:auto}.mobile-record dl{grid-template-columns:1fr}.form-dialog{border-radius:13px;max-block-size:calc(100dvh - 16px);inline-size:calc(100vw - 16px)}.form-dialog__surface,.form-dialog__surface--wide{max-block-size:calc(100dvh - 16px);inline-size:100%}.form-dialog__footer{flex-direction:column-reverse}.form-dialog__footer>button{inline-size:100%}.finance-metrics{grid-template-columns:1fr}.finance-metrics article{min-block-size:82px}.bill-row,.bill-row--sales{grid-template-columns:1fr}.bill-row__unit{grid-column:auto}.bill-row>.secondary-button{justify-self:stretch;inline-size:100%}.payment-timeline article{grid-template-columns:34px minmax(0,1fr)}.payment-timeline article>small{grid-column:2}.load-state{flex-direction:column;align-items:flex-start}.load-state .secondary-button{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}