.app-shell{--sidebar: 244px;min-height:100vh}.app-shell.is-collapsed{--sidebar: 72px}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;color:#cce8f1;background:linear-gradient(175deg,#07577a,#086b89 45%,#064b72);box-shadow:8px 0 30px #063f5b20;transition:width .22s ease}.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 8%,#22d3ee25,transparent 22%),linear-gradient(150deg,transparent 55%,#022f4a34)}.brand{position:relative;min-height:73px;display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid #ffffff16}.brand-mark{position:relative;width:37px;height:37px;flex:0 0 37px;border-radius:11px;display:grid;place-items:center;color:#08728e;background:#fff;box-shadow:0 6px 16px #01354b40}.brand-mark span{font-size:22px;font-weight:900;letter-spacing:-2px}.brand-mark i{position:absolute;width:7px;height:7px;right:6px;bottom:6px;border-radius:2px;background:#20caa5}.brand>div:not(.brand-mark){display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:0;color:#fff}.brand small{margin-top:-2px;text-transform:uppercase;letter-spacing:1.8px;font-size:7px;color:#8fd9e7}.sidebar nav{position:relative;flex:1;padding:10px 9px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}.nav-group{margin-bottom:10px}.nav-primary{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ffffff12}.nav-category{margin:2px 0}.nav-category-trigger{cursor:pointer;text-align:left}.nav-category-trigger span{flex:1}.nav-category-trigger.category-active{color:#fff;background:#ffffff10}.nav-chevron{transition:transform .16s ease}.nav-category-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-subitems{padding:2px 0 6px 17px}.nav-subitem{height:38px;color:#b9d9e3}.nav-subitem.active:before{left:-26px}.nav-label{padding:9px 12px 6px;font-size:7.5px;letter-spacing:1.2px;font-weight:800;color:#70b9cb}.nav-item{position:relative;width:100%;height:37px;margin:2px 0;padding:0 12px;border:0;border-radius:9px;display:flex;align-items:center;gap:11px;color:#c9e4ec;background:transparent;font-size:11px;font-weight:500;transition:.14s}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#18afc5,#1a99bd);box-shadow:0 7px 18px #023b5540;font-weight:700}.nav-item.active:before{content:"";position:absolute;left:-9px;width:3px;height:20px;border-radius:0 4px 4px 0;background:#6fffe2}.nav-item svg{flex:0 0 auto}.is-collapsed .nav-item{justify-content:center;padding:0}.sidebar-footer{position:relative;padding:10px;border-top:1px solid #ffffff12}.collapse-btn{position:fixed;z-index:45;left:calc(var(--sidebar) - 10px);top:86px;width:21px;height:30px;padding:0;border:1px solid #d9e6ec;border-radius:8px;display:grid;place-items:center;color:#578095;background:#fff;box-shadow:0 4px 12px #16435b26;transition:left .22s}.main-area{min-height:100vh;margin-left:var(--sidebar);transition:margin .22s}.topbar{position:sticky;z-index:30;top:0;height:66px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffed;border-bottom:1px solid #e7edf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left,.topbar-actions,.breadcrumb,.profile-menu,.profile-summary{display:flex;align-items:center}.breadcrumb{gap:0;color:#3a4a60;font-size:13px}.breadcrumb strong{color:#3a4a60}.topbar-actions{gap:9px}.tour-launcher{min-height:38px;padding:0 14px;border:1px solid #dbe4ee;border-radius:10px;display:inline-flex;align-items:center;gap:8px;color:#334155;background:#fff;font-size:12.5px;font-weight:700;box-shadow:0 8px 18px #0f30460d}.tour-launcher:hover{color:#0877d1;border-color:#a7d8ea;background:#f4fbfd}.global-search{width:220px;height:37px;padding:0 10px;border:1px solid #e2e9ef;border-radius:10px;display:flex;align-items:center;gap:8px;color:#91a0b2;background:#f8fafc;font-size:10.5px}.global-search span{flex:1;text-align:left}.global-search kbd{padding:2px 5px;border:1px solid #dbe3eb;border-radius:5px;background:#fff;font-size:8px}.notice-dot{position:absolute;width:6px;height:6px;margin:-18px 0 0 18px;border:1px solid white;border-radius:50%;background:#f35d63}.profile-menu{height:40px;padding:0 8px 0 4px;gap:8px;border:0;border-radius:10px;background:transparent}.profile-menu:hover{background:#f5f8fb}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,#07afbb,#147bc3);font-size:10px;font-weight:800}.profile-menu>span:not(.avatar){display:flex;flex-direction:column;text-align:left}.profile-menu b{color:#304057;font-size:9.5px}.profile-menu small{margin-top:2px;color:#8a99ab;font-size:8px}.profile-summary{gap:9px}.profile-summary>span:last-child{display:block}.profile-summary b{color:#304057;font-size:12px}.profile-summary small{color:#7c8da3;font-size:10px}.main-content{padding:22px 25px;max-width:1680px;margin:0 auto}.tour-overlay{position:fixed;inset:0;z-index:120}.tour-backdrop{position:absolute;inset:0;background:#0f1c2a70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tour-highlight{position:fixed;z-index:121;border:2px solid #64d3f3;border-radius:16px;box-shadow:0 0 0 9999px #0f1c2a42,0 0 0 8px #64d3f31f;pointer-events:none}.tour-card{position:fixed;z-index:122;padding:18px 18px 16px;border:1px solid #dce5ee;border-radius:16px;background:#fff;box-shadow:0 24px 60px #122d462b}.tour-card h2{margin:8px 0 6px;color:#223047;font-size:18px}.tour-card p{margin:0;color:#5c6d81;line-height:1.6}.tour-step{color:#078fae;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.tour-actions{margin-top:16px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.tour-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;color:#6f8093;background:transparent}.tour-close:hover{color:#2c3e50;background:#f4f7fa}.mobile-menu,.mobile-close,.mobile-overlay,.mobile-bottom-nav{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.12fr) minmax(420px,.88fr);background:#fff}.login-visual{position:relative;overflow:hidden;min-height:660px;padding:44px 58px;color:#fff;background:linear-gradient(145deg,#064c72,#087c91 68%,#06a5a1)}.login-visual:after{content:"";position:absolute;inset:auto -10% -40% 30%;height:80%;border-radius:50%;background:#22e2c625;filter:blur(60px)}.login-grid{position:absolute;inset:0;opacity:.075;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand strong{font-size:22px;letter-spacing:3px}.login-brand small{font-size:7px;letter-spacing:2.2px;text-transform:uppercase;color:#a5eef0}.brand-mark.large{width:43px;height:43px}.login-copy{position:relative;z-index:2;max-width:560px;margin-top:16vh}.login-copy>span{font-size:8px;letter-spacing:3px;font-weight:800;color:#83f1e2}.login-copy h1{margin:17px 0;font-size:46px;line-height:1.12;letter-spacing:-1.8px}.login-copy h1 em{font-style:normal;color:#7ef0de}.login-copy>p{max-width:500px;color:#c2e5e9;font-size:13px;line-height:1.8}.login-features{display:flex;gap:35px;margin-top:36px}.login-features>div{display:flex;align-items:center;gap:10px}.login-features svg{width:25px;color:#69e9d7}.login-features span{display:flex;flex-direction:column}.login-features b{font-size:10px}.login-features small{margin-top:3px;color:#9bcbd3;font-size:8px}.industrial-art{position:absolute;right:4%;bottom:3%;width:42%;height:35%;opacity:.13}.industrial-art i{position:absolute;bottom:0;width:23%;border:3px solid white;border-bottom:0}.industrial-art i:nth-child(1){left:0;height:55%}.industrial-art i:nth-child(2){left:25%;height:85%}.industrial-art i:nth-child(3){left:50%;height:68%}.industrial-art span{position:absolute;inset:26% 15% auto auto;width:55%;height:3px;background:#fff;box-shadow:0 24px #fff,0 48px #fff}.login-form-wrap{display:grid;place-items:center;padding:45px;background:linear-gradient(160deg,#fff,#f8fbfd)}.login-form{width:min(100%,380px)}.login-form>h2{margin:8px 0 0;color:#18273c;font-size:25px}.login-form>p{margin:8px 0 28px;color:#7b899c;font-size:11.5px;line-height:1.6}.login-form>label{display:block;margin-bottom:16px}.login-form>label>b{display:block;margin-bottom:7px;color:#344258;font-size:11px}.login-input{height:45px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #dce5ee;border-radius:11px;color:#92a0b1;background:#fff}.login-input:focus-within{border-color:#19a8c3;box-shadow:0 0 0 3px #06b6d416}.login-input input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.login-input button{padding:4px;border:0;display:grid;place-items:center;color:#8997a9;background:transparent}.remember-row{display:flex;justify-content:space-between;align-items:center;margin-top:-2px;font-size:10px}.remember-row label{display:flex;align-items:center;gap:7px;color:#657489}.remember-row input{accent-color:#0d9bb5}.remember-row button{border:0;color:#098cae;background:transparent;font-size:10px;font-weight:700}.login-error{margin:13px 0 -3px;padding:10px 12px;border-radius:9px;color:#b9383e;background:#fff0f0;font-size:10.5px}.login-button{width:100%;height:45px;margin-top:20px}.demo-account{margin:22px 0;display:flex;justify-content:center;align-items:center;gap:7px;color:#95a1b0;font-size:8px}.demo-account span{margin-right:5px;letter-spacing:1px}.demo-account code{padding:4px 6px;border-radius:5px;color:#477085;background:#edf5f7}.demo-account button{padding:4px 6px;border:0;border-radius:5px;color:#087f9e;background:#e9f7f9;font-size:10px;font-weight:700}.copyright{display:block;text-align:center;color:#aab4c1;font-size:8px}.mobile-login-brand{display:none}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{min-height:100vh}.mobile-login-brand{margin-bottom:42px;display:flex;align-items:center;gap:10px;color:#087e99}.sidebar{width:244px;transform:translate(-105%)}.sidebar.mobile-open{transform:translate(0)}.is-collapsed .sidebar{width:244px}.app-shell,.app-shell.is-collapsed{--sidebar: 0px}.collapse-btn{display:none}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto;background:#ffffff10;border-color:#ffffff1d;color:#fff}.mobile-overlay{display:block;position:fixed;z-index:35;inset:0;border:0;background:#09293f8f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{padding:0 16px}.breadcrumb span,.breadcrumb svg{display:none}.main-content{padding:18px}.global-search{width:37px;padding:0;justify-content:center}.global-search span,.global-search kbd{display:none}.profile-summary>span:last-child{display:none}.tour-card{left:18px!important;right:18px;width:auto!important}}@media(max-width:600px){.profile-menu>span:not(.avatar),.profile-menu>svg{display:none}.topbar-actions{gap:5px}.main-content{padding:15px}.login-form-wrap{padding:28px}}@media(max-width:900px){.main-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-bottom-nav{position:fixed;z-index:32;right:0;bottom:0;left:0;min-height:66px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-top:1px solid #dfe8ef;background:#ffffffef;box-shadow:0 -8px 24px #173c5b14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav-item{min-width:0;min-height:52px;padding:5px 2px 4px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#718196;background:transparent;font-size:9px;font-weight:700;line-height:1.1;text-align:center}.mobile-bottom-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav-item.active{color:#087fa9;background:#eaf8fb}.mobile-bottom-nav-item:not(.active):hover{color:#087fa9;background:#f5fafc}.mobile-bottom-nav-more{font:inherit}}.dashboard-filter{width:110px!important;height:38px!important;font-size:11px}.workspace-home{max-width:1220px}.onboarding-card{margin-bottom:16px;padding:15px 17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid #bfe7ed;border-radius:15px;background:linear-gradient(105deg,#edfbfc,#f4f8ff)}.onboarding-icon{width:42px;height:42px;display:grid;place-items:center;color:#078ca9;border-radius:12px;background:#fff}.onboarding-card b{color:#26364c;font-size:14px}.onboarding-card p{margin:4px 0 0;color:#607187;font-size:12.5px}.onboarding-card>button{width:36px;height:36px;border:0;display:grid;place-items:center;color:#718096;background:transparent}.home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.home-recent{grid-column:1 / -1}.action-list>a{min-height:64px;padding:12px 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf2f6;transition:.14s}.action-list>a:hover{background:#f1fafc}.action-list>a>span{flex:1;min-width:0}.action-list b,.action-list small{display:block}.action-list b{color:#2c3b50;font-size:13.5px}.action-list small{margin-top:4px;color:#7a899c;font-size:12px}.action-list>a>svg:last-child{color:#0a91b2}.shortcut-grid{padding:12px;display:grid;gap:8px}.shortcut-grid>a{min-height:52px;padding:0 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #e4ebf1;border-radius:11px;color:#34445a;font-size:13px;font-weight:700}.shortcut-grid>a:hover{color:#087d9f;border-color:#b9e0e7;background:#f2fbfc}.home-clear,.home-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:7px;color:#7b8a9d;text-align:center}.home-clear svg{color:#19a574}.home-clear b,.home-empty b{color:#35455a}@media(max-width:900px){.home-grid{grid-template-columns:1fr}.home-recent{grid-column:auto}}.dashboard-hero{position:relative;overflow:hidden;min-height:145px;margin-bottom:14px;padding:24px 28px;border-radius:18px;display:flex;color:#fff;background:linear-gradient(115deg,#075d85,#0986a0 60%,#0ba993);box-shadow:0 12px 30px #066c9227}.dashboard-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#7fffe21b),radial-gradient(circle at 80% 40%,#fff2,transparent 28%)}.dashboard-hero>div:first-child{position:relative;z-index:2}.dashboard-hero span{font-size:7.5px;letter-spacing:2.5px;font-weight:800;color:#90f5e6}.dashboard-hero h2{margin:9px 0;font-size:22px;line-height:1.25}.dashboard-hero p{margin:0;color:#c4e8eb;font-size:10.5px}.hero-industry{position:absolute;right:8%;bottom:0;width:270px;height:130px;opacity:.35}.hero-industry i{position:absolute;bottom:0;width:64px;border:2px solid white;border-bottom:0}.hero-industry i:nth-child(1){left:0;height:70px}.hero-industry i:nth-child(2){left:70px;height:105px}.hero-industry i:nth-child(3){left:140px;height:82px}.hero-industry b{position:absolute;right:7px;top:32px;width:55px;height:55px;border:2px solid white;border-radius:50%;display:grid;place-items:center;font-size:24px}.dashboard-kpis{margin-bottom:14px}.dashboard-content{padding-bottom:20px}.chart-box{height:250px;padding:20px 17px 10px 2px}.chart-total{color:#75849a;font-size:9px}.chart-total b{font-size:16px;color:#26354a}.donut-wrap{height:250px;display:flex;align-items:center;padding:10px 15px}.donut-legend{flex:1;display:flex;flex-direction:column;gap:12px}.donut-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:9px}.donut-legend i{width:7px;height:7px;border-radius:2px}.donut-legend span{color:#718096}.donut-legend b{color:#38485e}.text-link{border:0;display:flex;align-items:center;gap:4px;color:#0788aa;background:transparent;font-size:9.5px;font-weight:700}.widget-clickable{cursor:pointer;transition:.16s ease}.widget-clickable:hover{background:#f0fafd}.project-list>div{display:grid;grid-template-columns:36px 1fr auto 155px;align-items:center;gap:10px;padding:12px 17px;border-bottom:1px solid #eff3f6}.project-list>div:last-child{border-bottom:0}.project-icon,.stock-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#0a8fb2;background:#eaf9fb}.project-name b,.stock-list b,.task-mini b,.mini-table b{display:block;color:#334157;font-size:10.5px}.project-name small,.stock-list small,.task-mini small,.mini-table small{display:block;margin-top:4px;color:#91a0b1;font-size:8.5px}.project-progress{width:155px}.request-stats{display:grid;grid-template-columns:1fr 1fr;padding:12px}.request-stats>div{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;padding:13px}.request-stats .progress-wrap{grid-column:1/-1}.request-stats .progress-wrap b{display:none}.request-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#087fa9;background:#e8f8fb}.request-icon.r1{color:#2876cc;background:#edf4ff}.request-icon.r2{color:#ce7b13;background:#fff5e2}.request-icon.r3{color:#149b6c;background:#eaf8f2}.request-stats>div>div b{display:block;color:#23334a;font-size:17px}.request-stats>div>div small{color:#8290a3;font-size:8.5px}.mini-table>div:not(.mini-table-empty){display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #eff3f6}.mini-table>div:not(.mini-table-empty):last-child{border-bottom:0}.mini-table>div>span:not(.badge){color:#304056;font-size:10px;font-weight:700}.mini-table-empty{min-height:130px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mini-table-empty b{display:block;color:#2b3850;font-size:15px}.mini-table-empty small{display:block;max-width:420px;margin-top:6px;color:#7f8da0;font-size:12px;line-height:1.6}.stock-list>div,.task-mini>div{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid #eff3f6}.stock-list>div:last-child,.task-mini>div:last-child{border-bottom:0}.stock-list>div>span:last-child{text-align:right;color:#2b8b68;font-size:10px;font-weight:800}.stock-list>div>span.low{color:#dd5353}.stock-list>div>span small{font-weight:500}.task-mini>div>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#dc7d19;background:#fff5e7}@media(max-width:650px){.dashboard-hero{padding:22px}.hero-industry{display:none}.project-list>div{grid-template-columns:36px 1fr auto}.project-progress{grid-column:2/-1;width:auto}.donut-wrap{height:auto;min-height:250px}.request-stats{grid-template-columns:1fr}.mini-table>div{grid-template-columns:1fr auto}.mini-table .badge{grid-column:1/-1;width:-moz-max-content;width:max-content}}.kpi-grid.module-stats{margin-bottom:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;overflow:hidden;border:1px solid #e1e7ed;border-radius:10px;background:#fff}.module-view-tabs{margin-bottom:14px}.module-view-tabs .tabs{width:-moz-fit-content;width:fit-content;max-width:100%}.module-stats .stat-card{min-height:78px;padding:14px 18px;border:0;border-radius:0;box-shadow:none}.module-stats .stat-card+.stat-card{border-left:1px solid #e7ecf1}.module-stats .stat-card:after,.module-stats .stat-top i,.module-stats .stat-card small{display:none}.module-stats .stat-top{color:#68778a;font-size:12px;font-weight:500}.module-stats .stat-card strong{margin-top:5px;color:#253348;font-size:20px;font-weight:650;letter-spacing:-.25px}@media(max-width:1100px){.module-stats .stat-card:nth-child(odd){border-left:0}.module-stats .stat-card:nth-child(n+3){border-top:1px solid #e7ecf1}}@media(max-width:700px){.kpi-grid.module-stats{grid-template-columns:1fr}.module-stats .stat-card+.stat-card{border-top:1px solid #e7ecf1;border-left:0}}.code-pill{padding:0;color:#52657a;background:transparent;font-size:9px;font-weight:800;letter-spacing:.2px}.customer-cell{display:flex;align-items:center;gap:9px;min-width:230px}.customer-avatar{width:33px;height:33px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:#077f9d;background:linear-gradient(135deg,#e2f8fa,#e8f0ff);font-size:9px;font-weight:800}.customer-avatar.xl{width:62px;height:62px;border-radius:18px;font-size:16px}.table-secondary{display:flex;align-items:center;gap:4px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-line{display:flex;align-items:center;gap:5px;margin:3px 0;color:#66768a;font-size:10px}.detail-hero{position:relative;overflow:hidden;margin-bottom:14px;padding:23px;display:flex;align-items:center;gap:16px;border:1px solid #dceaf0;border-radius:17px;background:linear-gradient(110deg,#f2fbfc,#f5f9ff)}.detail-hero:after{content:"";position:absolute;right:4%;width:190px;height:190px;border:28px solid #06aabd08;border-radius:50%}.detail-hero h2{margin:8px 0 5px;color:#1c2c43;font-size:19px}.detail-hero p{margin:0;display:flex;align-items:center;gap:7px;color:#66768a;font-size:10px}.text-right{text-align:right!important}.detail-record-hero{margin-bottom:14px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #d9e8ee;border-radius:17px;background:linear-gradient(110deg,#f1fbfc,#f5f8ff)}.detail-record-icon{width:48px;height:48px;display:grid;place-items:center;color:#078aa9;border-radius:14px;background:#fff;box-shadow:0 8px 22px #16445f12}.detail-record-hero span{color:#078cae;font-size:10px;font-weight:800;letter-spacing:1.2px}.detail-record-hero h2{margin:3px 0;color:#1f2e44;font-size:20px}.detail-record-hero p{margin:0;color:#718096;font-size:13px}.detail-record-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.detail-record-main .info-grid{padding:18px}.detail-record-main .info-grid a{color:#087fa6}.detail-notes{margin:0 18px 18px;padding:14px;border-radius:11px;background:#f6f9fb}.detail-notes span{color:#7a899b;font-size:11px;font-weight:700;text-transform:uppercase}.detail-notes p{margin:6px 0 0;color:#3c4d62;line-height:1.6}.detail-item-list>div{min-height:62px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f6}.detail-item-list>div:last-child{border-bottom:0}.detail-item-list b,.detail-item-list small{display:block}.detail-item-list b{color:#34445a;font-size:13px}.detail-item-list small{margin-top:3px;color:#8491a2;font-size:11px}.detail-item-list strong{color:#087fa6;font-size:12px;white-space:nowrap}.detail-system-info{min-height:230px;padding:30px;display:grid;place-items:center;align-content:center;gap:7px;color:#7a899b;text-align:center}.detail-system-info svg{color:#0a95b4}.detail-system-info b{color:#44546a;font-size:12px}@media(max-width:900px){.detail-record-grid{grid-template-columns:1fr}}@media(max-width:600px){.detail-record-hero{grid-template-columns:auto 1fr}.detail-record-hero>.badge{grid-column:1 / -1;justify-self:start}}.quotation-no{margin-right:6px}.version-tag{padding:3px 5px;border-radius:5px;color:#6b58bd;background:#f0edff;font-size:8px;font-weight:800}.table-clamp{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.money-cell{color:#156f93;font-size:11px}.quotation-items-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 10px}.quotation-items-head h3{margin:0;color:#27364b;font-size:13px}.quotation-items-head p{margin:4px 0 0;color:#8996a8;font-size:9px}.quotation-items{overflow-x:auto;border:1px solid #e3eaf0;border-radius:12px;background:#fff}.quotation-items table{width:100%;min-width:1020px;border-collapse:collapse}.quotation-items th{padding:10px 12px;color:#74849a;background:#f6f9fb;font-size:11px;text-transform:none;text-align:left}.quotation-items td{padding:10px 12px;border-top:1px solid #edf1f5;vertical-align:top;color:#59687b;font-size:12px}.quotation-items td:nth-child(1){width:44px;text-align:center}.quotation-items td:nth-child(2){min-width:320px}.quotation-items td:nth-child(3){width:110px}.quotation-items td:nth-child(4){width:100px}.quotation-items td:nth-child(5){width:180px}.quotation-items td:nth-child(6){width:130px}.quotation-items td:nth-child(7){min-width:120px;text-align:right}.quotation-items .input{min-height:42px;padding:10px 12px;font-size:13px}.quotation-items td:nth-child(2) .input+.input{margin-top:8px;color:#8290a3}.quotation-error{margin-top:10px}.quotation-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;margin-top:24px;align-items:start}.quote-summary{position:sticky;top:86px;padding:18px;border:1px solid #e5ecf2;border-radius:16px;background:#f5f9fc}.quote-summary>div{display:flex;justify-content:space-between;padding:9px 4px;color:#68778b;font-size:13px}.quote-summary>div b{color:#334258}.quote-summary .grand{margin-top:10px;padding-top:14px;border-top:1px solid #d9e5ed;align-items:center;color:#1d2c43;font-weight:700}.quote-summary strong{color:#087f9d;font-size:18px}.quote-detail-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-radius:12px;background:linear-gradient(110deg,#edfafa,#f3f7ff)}.quote-detail-head span{font-size:7px;color:#078aaa;font-weight:800;letter-spacing:1.2px}.quote-detail-head h3{margin:6px 0 3px;font-size:14px}.quote-detail-head p{margin:0;color:#75849a;font-size:9px}.quote-detail>h4{margin:18px 0 10px;font-size:13px}.quote-detail-total{margin:14px 0 0 auto;width:min(100%,330px);display:flex;flex-direction:column;gap:8px}.quote-detail-total span,.quote-detail-total strong{display:flex;justify-content:space-between;color:#657489;font-size:10px}.quote-detail-total strong{padding-top:10px;border-top:1px solid #dce5ec;color:#23334a;font-size:13px}.quote-detail-total strong b{color:#0785a4;font-size:16px}@media(max-width:700px){.quotation-bottom{grid-template-columns:1fr}.quote-summary{position:static;order:-1}}.paid-text{color:#159064!important;font-weight:700}.debt-text{color:#d36a36!important}.contract-banner{position:relative;overflow:hidden;margin-bottom:14px;padding:22px 25px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;background:linear-gradient(115deg,#075d83,#078ba0 70%,#09ac98)}.contract-banner:after{content:"";position:absolute;right:25%;width:180px;height:180px;border:30px solid #fff0;border-left-color:#fff1;border-radius:50%}.contract-banner h2{margin:8px 0 6px;font-size:18px}.contract-banner p{margin:0;color:#c5e6e9;font-size:10px}.contract-banner>div:last-child{position:relative;z-index:2;width:220px}.contract-banner>div:last-child>span{font-size:7px;letter-spacing:1.3px;color:#a5f3e8}.contract-banner>div:last-child>strong{display:block;margin:5px 0;font-size:25px}.contract-banner .progress-wrap b{color:#fff}.contract-banner .progress{background:#fff3}.detail-tab-content{margin-top:14px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 18px 18px}.info-grid>div{padding:13px 5px;border-bottom:1px solid #eef2f5}.info-grid .wide{grid-column:1/-1}.info-grid span{display:block;margin-bottom:5px;color:#8a98aa;font-size:9px}.info-grid b{color:#344258;font-size:11px}.linked-stats{display:grid;grid-template-columns:1fr 1fr;padding:12px}.linked-stats>div{display:flex;align-items:center;gap:10px;padding:13px;color:#0a8eaa}.linked-stats svg{width:20px}.linked-stats span{display:flex;flex-direction:column;color:#8190a2;font-size:8px}.linked-stats b{color:#2a3a50;font-size:17px}.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-card{padding:16px;border:1px solid #e3ebf1;border-radius:14px;display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:start;background:#fff}.project-card>svg{padding:8px;width:35px;height:35px;border-radius:10px;color:#0b8faa;background:#eaf9fb}.project-card b{display:block;font-size:11px}.project-card small{display:block;margin:5px 0 9px;color:#8997a9;font-size:9px}.simple-rows>div:not(.empty){padding:12px 17px;border-bottom:1px solid #eef2f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.simple-rows>.empty{min-height:0;padding:28px 20px}.simple-rows b{display:block;color:#344258;font-size:10.5px}.simple-rows small{display:block;margin-top:4px;color:#8997a9;font-size:9px}.contract-related-content{padding:0 18px 16px}.contract-related-quotation{padding:16px 0 8px;border-bottom:1px solid #eef2f5}.contract-related-row-head,.contract-related-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.contract-related-row-head span,.contract-related-section-head span,.panel-head-meta{color:#8997a9;font-size:9px}.contract-related-row-head b{display:block;margin-top:5px;color:#344258;font-size:11px}.contract-related-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.contract-related-facts span{display:block;margin-bottom:5px;color:#8997a9;font-size:9px}.contract-related-facts b{color:#344258;font-size:10.5px}.contract-related-section-head{padding:16px 0 4px}.contract-related-section-head h3{margin:0;color:#344258;font-size:11px}.contract-related-requests .simple-rows{margin:0 -18px}.contract-related-panel>.empty{min-height:180px;padding:32px 20px}@media(max-width:700px){.contract-banner{align-items:flex-start;flex-direction:column}.contract-banner>div:last-child{width:100%}.project-cards,.info-grid{grid-template-columns:1fr}.info-grid .wide{grid-column:auto}.contract-related-panel{border-radius:11px}.contract-related-content{padding-right:14px;padding-left:14px}.contract-related-requests .simple-rows{margin-right:-14px;margin-left:-14px}.contract-related-facts{grid-template-columns:1fr;gap:10px}}.project-table-cards{padding:7px}.project-row{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(150px,.7fr) minmax(175px,.7fr) auto;align-items:center;gap:13px;padding:14px 12px;border-bottom:1px solid #edf2f5;cursor:pointer}.project-row:hover{background:transparent;box-shadow:none}.project-row:focus-visible{position:relative;z-index:1;outline:2px solid #087fa6;outline-offset:-2px}.project-row:last-child{border-bottom:0}.project-row-main>div{display:flex;align-items:center;gap:7px}.project-row-main b{color:#27374d;font-size:11.5px}.project-row-main>div>span{color:#8493a6;font-size:8.5px}.project-row-main p{margin:6px 0;color:#7d8b9e;font-size:9px}.project-row-main .progress-wrap{max-width:300px}.active-stage{display:flex;flex-direction:column}.active-stage span{font-size:7px;color:#91a0b1;letter-spacing:.7px}.active-stage b{margin:4px 0;color:#37475c;font-size:10px}.active-stage small{color:#8997a9;font-size:8px}.project-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:18px;color:#1a91a7}.project-dates>span{min-width:0;font-size:9px;color:#4b5a6e}.project-dates small{display:block;margin-bottom:3px;color:#94a1b1;font-size:7.5px}.project-banner{position:relative;overflow:hidden;margin-bottom:14px;padding:23px 27px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:18px;background:linear-gradient(115deg,#075b80,#087d99 62%,#0aa79b)}.project-banner h2{margin:8px 0 6px;font-size:20px}.project-banner p{margin:0;display:flex;align-items:center;gap:7px;color:#c6e5e8;font-size:9.5px}.project-ring{width:78px;height:78px;padding:7px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#78f2d8 var(--progress),#ffffff30 0)}.project-ring:before{content:"";grid-area:1/1;width:64px;height:64px;border-radius:50%;background:#078795}.project-ring span{grid-area:1/1;z-index:2;font-size:20px;font-weight:800}.project-ring small{font-size:9px}.flow-percentage{min-width:76px;text-align:right}.flow-percentage strong{display:block;color:#078da8;font-size:22px;line-height:1}.flow-percentage span{display:block;margin-top:5px;color:#8b99aa;font-size:10px}.flow-card-body{padding:16px 18px 19px}.flow-overall-progress{height:8px;margin-bottom:15px;overflow:hidden;border-radius:99px;background:#e8eff3}.flow-overall-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17a879,#08a8b9);box-shadow:0 0 12px #08a8b950}.flow-summary{display:flex;flex-direction:column;gap:8px}.flow-summary>div{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:55px;padding:8px 12px;border:1px solid #e3eaf0;border-radius:12px;color:#78879a;background:#fbfcfd;transition:.18s ease}.flow-summary>div:not(:last-child):after{content:"";position:absolute;z-index:2;left:30px;bottom:-10px;width:2px;height:10px;background:#d9e4e9}.flow-summary i{width:36px;height:36px;display:grid;place-items:center;border:2px solid #d8e3e9;border-radius:11px;color:#8392a4;background:#fff;font-style:normal;font-size:12px;font-weight:800}.flow-summary i svg{width:17px}.flow-copy b{display:block;color:#344258;font-size:12.5px}.flow-copy small{display:block;margin-top:3px;color:#93a0b0;font-size:9.5px}.flow-state{padding:5px 8px;border-radius:999px;color:#7c8a9d;background:#eef2f5;font-size:9.5px;font-weight:700;white-space:nowrap}.flow-summary .done{border-color:#d8eee6;background:#f5fcf9}.flow-summary .done i{color:#fff;border-color:#16a478;background:#16a478;box-shadow:0 5px 12px #16a47828}.flow-summary .done .flow-state{color:#14825f;background:#e3f6ed}.flow-summary .current{border-color:#76d3df;background:linear-gradient(105deg,#effbfd,#f7fcff);box-shadow:0 7px 18px #078eaa12}.flow-summary .current i{color:#fff;border-color:#079eb5;background:#079eb5;box-shadow:0 5px 13px #079eb533}.flow-summary .current .flow-state{color:#087f9d;background:#dff5f8}.production-timeline{padding:20px 24px}.production-timeline>button{position:relative;width:100%;padding:0 0 15px 43px;border:0;text-align:left;background:transparent}.production-timeline>button:not(:last-child):before{content:"";position:absolute;left:15px;top:29px;bottom:-4px;width:2px;background:#dfe8ee}.timeline-node{position:absolute;z-index:2;left:0;top:4px;width:31px;height:31px;border:3px solid white;border-radius:50%;display:grid;place-items:center;color:#718096;background:#e9eef3;box-shadow:0 0 0 1px #dfe7ed;font-size:9px;font-weight:800}.timeline-node svg{width:14px}.production-timeline>button.done .timeline-node{color:#fff;background:#18a87a}.production-timeline>button.active .timeline-node{color:#fff;background:#079eb5}.production-timeline>button.late .timeline-node{color:#fff;background:#e16a52}.timeline-card{position:relative;padding:14px 15px;border:1px solid #e5ecf1;border-radius:12px;background:#fff;transition:.16s}.timeline-card:hover{border-color:#a9dce5;box-shadow:0 7px 20px #12475f0e;transform:translateY(-1px)}.timeline-card>span{color:#078ca8;font-size:7px;font-weight:800;letter-spacing:.8px}.timeline-card h3{margin:5px 0;color:#344258;font-size:11px}.timeline-card p{margin:0 0 9px;color:#8996a8;font-size:8.5px}.timeline-card .progress-wrap{width:220px}.timeline-card .badge{position:absolute;right:13px;top:13px}.resource-switcher{overflow:hidden}.resource-switcher-head p,.data-rows-head p{display:block;margin-top:4px;color:#7f8da0}.resource-switcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 18px;background:linear-gradient(180deg,#fbfdff,#f7fafc)}.resource-switcher-card{padding:16px;border:1px solid #e3eaf0;border-radius:14px;text-align:left;background:#fff;transition:.15s ease}.resource-switcher-card span,.resource-switcher-card strong,.resource-switcher-card small{display:block}.resource-switcher-card span{color:#718096;font-size:11px;font-weight:700}.resource-switcher-card strong{margin-top:6px;color:#24344a;font-size:18px;letter-spacing:-.2px}.resource-switcher-card small{margin-top:6px;color:#8a98aa;font-size:11px;line-height:1.45}.resource-switcher-card:hover{border-color:#b8dbe5;box-shadow:0 10px 24px #12395a0d}.resource-switcher-card.is-active{border-color:#7bcad9;background:linear-gradient(135deg,#f2fbfd,#f8fcff);box-shadow:0 12px 28px #0c7f9c14}.data-rows{overflow:hidden}.data-rows-head{padding:16px 18px;border-bottom:1px solid #edf2f5;background:linear-gradient(180deg,#fbfdff,#f7fafc)}.data-rows-summary{padding:7px 10px;border-radius:999px;color:#4e6277;background:#eef4f8;font-size:10px;font-weight:700;white-space:nowrap}.data-rows-list{display:grid}.data-row-item{display:grid;grid-template-columns:1fr 180px auto;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #edf2f5}.data-row-item:last-child{border-bottom:0}.data-rows b{display:block;color:#344258;font-size:10.5px}.data-rows small{display:block;margin-top:4px;color:#8997aa;font-size:8.5px}.data-rows-empty{padding:22px 18px}.data-rows-materials .data-rows-head{background:linear-gradient(180deg,#f5fbff,#f8fcff)}.data-rows-people .data-rows-head{background:linear-gradient(180deg,#f7fcfa,#fbfefd)}.data-rows-attendance .data-rows-head{background:linear-gradient(180deg,#fffaf4,#fffdf9)}.data-rows-expenses .data-rows-head{background:linear-gradient(180deg,#fff8f6,#fffdfb)}.data-rows-tasks .data-rows-head{background:linear-gradient(180deg,#f5fbfb,#fafcfe)}@media(max-width:1050px){.project-row{grid-template-columns:1fr auto}.active-stage,.project-dates{display:none}}@media(max-width:650px){.project-row{grid-template-columns:1fr auto;align-items:start}.project-banner{padding:20px}.project-banner h2{font-size:16px}.timeline-card .progress-wrap{width:auto;margin-right:0}.timeline-card .badge{position:static;margin-top:9px}.resource-switcher-grid{grid-template-columns:1fr}.data-rows-head{align-items:flex-start;gap:10px}.data-row-item{grid-template-columns:1fr auto}.data-rows .progress-wrap{grid-column:1/-1}}.employee-inline{display:block;white-space:nowrap}.late-text{color:#da4f4f!important}.kanban{padding:14px;display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));gap:12px;overflow-x:auto;background:#f5f8fa}.kanban-column{min-height:500px;padding:10px;border:1px solid #e3eaf0;border-radius:13px;background:#eef3f6}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 11px}.kanban-head>b{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#67768a;background:#fff;font-size:9px}.kanban-column article{margin-bottom:9px;padding:12px;border:1px solid #e3eaf0;border-radius:11px;background:#fff;box-shadow:0 4px 12px #1b3c5208;cursor:grab}.kanban-column article:active{cursor:grabbing}.kanban-column article>div:first-child{display:flex;justify-content:space-between}.kanban-column article .icon-btn{width:27px;height:27px}.kanban-column article h3{margin:10px 0 5px;color:#304056;font-size:10.5px}.kanban-column article p{margin:0 0 10px;color:#8493a5;font-size:8.5px}.kanban-column footer{margin-top:12px;padding-top:9px;border-top:1px solid #edf1f4;display:flex;flex-direction:column;gap:5px;color:#8290a2;font-size:8px}.kanban-column footer span{display:flex;align-items:center;gap:5px}.kanban-column footer svg{width:11px}.employee-workload{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f8fafb}.view-toggle{margin-left:auto;padding:3px;display:flex;gap:2px;border:1px solid #dfe7ee;border-radius:10px;background:#f5f8fa}.view-toggle button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;color:#66768a;background:transparent;font-weight:700}.view-toggle button.active{color:#087fa9;background:#fff;box-shadow:0 2px 8px #27496812}.assignment-list .assignment-progress{min-width:140px}.text-link{padding:0;border:0;color:#087fa9;background:transparent;font-weight:700;text-align:left}.muted-text{color:#8a97a7}.employee-workload article{padding:15px;border:1px solid #e2e9ef;border-radius:13px;background:#fff}.employee-workload header{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.employee-workload header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#078ca8;background:#eaf8fa}.employee-workload header b{display:block;font-size:10.5px}.employee-workload header small{display:block;margin-top:3px;color:#8996a8;font-size:8px}.employee-workload header strong{color:#0789a5;font-size:9px}.workload-bar{height:5px;margin:12px 0;background:#eaf0f4;border-radius:9px;overflow:hidden}.workload-bar i{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,#08abc0,#1b7fd1)}.workload-task{padding:8px 0;border-top:1px solid #eef2f5;display:flex;justify-content:space-between;gap:8px;color:#455468;font-size:9px}.workload-task small{display:block;margin-top:2px;color:#97a3b2;font-size:7px}.no-task{text-align:center;color:#9aa5b3;font-size:8.5px}@media(max-width:1100px){.employee-workload{grid-template-columns:1fr 1fr}}@media(max-width:650px){.employee-workload{grid-template-columns:1fr}}.stock-value{color:#15906a;font-weight:800}.stock-value.low,.purchase-text{color:#dc5b4d!important}.stock-editor{overflow-x:auto;border:1px solid #e2e9ef;border-radius:12px}.stock-editor table{width:100%;min-width:720px;border-collapse:collapse}.stock-editor th{padding:9px;background:#f6f9fb;color:#78879a;font-size:8px;text-align:left;text-transform:uppercase}.stock-editor td{padding:8px;border-top:1px solid #edf2f5;color:#526176;font-size:9px}.stock-editor td:nth-child(2){min-width:240px}.stock-editor .input{min-height:36px;padding:7px;font-size:9px}.stock-editor small{display:block;margin-top:4px;color:#93a0b0}.request-detail-summary{margin-bottom:12px;padding:13px;border-radius:11px;display:flex;align-items:center;gap:12px;background:#f4f9fb;color:#6c7b8e;font-size:10px}.request-detail-summary b{margin-left:auto;color:#d95b48}.employee-profile{display:block}.employee-profile b{color:#344258}.employee-detail-body{margin-top:13px}.overtime-text{color:#d9821c!important;font-weight:700}.salary-total{color:#0789a6;font-size:11px}.salary-preview{margin-top:18px;padding:14px 16px;border-radius:12px;display:flex;flex-direction:column;gap:8px;background:#f3f8fa}.salary-preview span,.salary-preview strong{display:flex;justify-content:space-between;color:#66768a;font-size:10px}.salary-preview strong{padding-top:9px;border-top:1px solid #dce7ec;color:#27364b;font-size:12px}.salary-preview strong b{color:#0787a4;font-size:16px}.expense-text{color:#d65a4c!important}.contract-filter{margin-bottom:14px;padding:13px 16px;display:flex;align-items:center;gap:10px}.contract-filter .input{width:min(100%,560px)}.report-chart{height:330px;padding:20px 20px 10px 3px}.report-donut{height:330px;padding:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding:21px;display:flex;align-items:flex-start;gap:15px}.settings-card>span{width:43px;height:43px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;color:#078ca8;background:#e9f8fa}.settings-card h2{margin:1px 0 7px;font-size:13px}.settings-card p{max-width:500px;margin:0 0 14px;color:#78879a;font-size:10px;line-height:1.6}.coming-page{min-height:460px;padding:70px 25px;text-align:center}.coming-page>div{position:relative;width:78px;height:78px;margin:0 auto 20px;border-radius:23px;display:grid;place-items:center;color:#078ba8;background:linear-gradient(135deg,#e1f9fa,#edf1ff)}.coming-page>div svg:first-child{width:35px;height:35px}.coming-page>div svg:last-child{position:absolute;right:-5px;top:-5px;width:20px;color:#e6a126}.coming-page h2{font-size:18px}.coming-page p{max-width:500px;margin:9px auto 18px;color:#7b899a;font-size:11px;line-height:1.7}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}@page{size:A4 portrait;margin:10mm 12mm 12mm}.quotation-print-screen{min-height:100vh;padding:24px;color:#111;background:#e9edf1;font-family:Arial,sans-serif}.quotation-print-actions{max-width:210mm;margin:0 auto 14px;display:flex;justify-content:flex-end;gap:8px}.quotation-paper{width:210mm;min-height:297mm;margin:auto;padding:10mm 12mm 12mm;background:#fff;box-shadow:0 8px 30px #13263d20;font-size:10pt;line-height:1.3}.quotation-letterhead{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:end;gap:5mm;padding-bottom:2mm;border-bottom:1.5px solid #111}.quotation-letterhead>div:last-child{display:grid;line-height:1.25}.quotation-letterhead>div:last-child b{font-size:10pt}.quotation-logo{width:50mm;display:grid;color:#113aac;line-height:.8}.quotation-logo strong{display:flex;font-size:36pt;font-weight:900;letter-spacing:-5px}.quotation-logo strong i{color:#0b36aa;font-style:normal}.quotation-logo strong i:nth-child(2){color:#ffd400}.quotation-logo small{padding-top:2mm;border-top:2px solid #333;color:#19439d;font-size:6.5pt;letter-spacing:.3px}.quotation-city-date{margin-top:2mm;text-align:right;font-style:italic}.quotation-paper h1{margin:1mm 0 2mm;text-align:center;font-size:16pt}.quotation-paper h2{margin:2mm 0 1mm;font-size:10.5pt}.quotation-paper p{margin:1mm 0}.quotation-meta-table,.quotation-items-table{width:100%;border-collapse:collapse}.quotation-meta-table th,.quotation-meta-table td{padding:.7mm 1mm;border:.7px solid #222;text-align:left;vertical-align:top}.quotation-meta-table th{width:10%;white-space:nowrap}.quotation-meta-table td:nth-child(2){width:61%}.quotation-meta-table td:last-child{width:17%;font-weight:700}.quotation-intro{margin-top:1mm}.quotation-intro p{text-align:justify;text-indent:5mm}.quotation-items-table{table-layout:fixed}.quotation-items-table thead{display:table-header-group}.quotation-items-table tr{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.quotation-items-table th,.quotation-items-table td{padding:1.2mm 1mm;border:.7px solid #444;vertical-align:middle}.quotation-items-table thead th{background:#dce8d8;text-align:center;font-weight:700}.quotation-items-table th:nth-child(1){width:6%}.quotation-items-table th:nth-child(2){width:39%}.quotation-items-table th:nth-child(3){width:7%}.quotation-items-table th:nth-child(4){width:8%}.quotation-items-table th:nth-child(5),.quotation-items-table th:nth-child(6){width:13%}.quotation-items-table th:nth-child(7){width:14%}.item-description{white-space:pre-line}.item-description p{margin:.8mm 0 0;white-space:pre-line}.center{text-align:center}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.summary-row th{text-align:right}.summary-row th,.summary-row td{padding-top:.5mm;padding-bottom:.5mm}.grand-total{font-size:10.5pt}.money-words td{padding-top:.8mm;padding-bottom:.8mm;font-style:italic}.quotation-note{padding:2mm 0 1mm 18mm;color:#d72020;font-style:italic}.quotation-terms{-moz-column-break-before:page;break-before:page;page-break-before:always}.quotation-terms>p,.quotation-terms .multiline{padding-left:8mm}.multiline{white-space:pre-line}.quotation-signatures{min-height:42mm;margin-top:8mm;display:grid;grid-template-columns:1fr 1fr;text-align:center;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.quotation-signatures div{display:flex;flex-direction:column;gap:1mm}.quotation-signatures span{font-size:8.5pt;font-style:italic}.quotation-print-loading{min-height:100vh;display:grid;place-items:center}@media print{body{background:#fff!important}.quotation-print-screen{padding:0;background:#fff}.quotation-print-actions{display:none}.quotation-paper{width:auto;min-height:auto;margin:0;padding:0;box-shadow:none}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.block{display:block}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-24{min-height:6rem}.resize-y{resize:vertical}.resize{resize:both}.text-right{text-align:right}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color:#172033;background:#f3f7fb;font-family:Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f7fb}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #22a7cc55;outline-offset:2px}a{color:inherit;text-decoration:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{border:0;border-radius:11px;min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;transition:.18s ease;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0792b8,#0877d1);box-shadow:0 7px 18px #0784c12f}.btn-secondary{color:#334155;background:#fff;border:1px solid #dbe4ee}.btn-ghost{color:#475569;background:transparent}.btn-danger{color:#fff;background:#e5484d}.icon-btn{width:36px;height:36px;padding:0;border:1px solid #e2e8f0;border-radius:10px;display:inline-grid;place-items:center;color:#64748b;background:#fff;transition:.16s}.icon-btn:hover:not(:disabled){color:#0877d1;border-color:#9edcf0;background:#effcff}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field-label{color:#344156;font-size:12.5px;font-weight:700}.field-label b{color:#e5484d}.field small{font-size:11px;color:#7c8da3}.field-error{color:#dc2626;font-size:11px;font-weight:600}.input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #d9e3ee;border-radius:10px;color:#1f2a3d;background:#fff;outline:0;transition:.15s}.input:focus{border-color:#17a4cc;box-shadow:0 0 0 3px #06b6d41a}.autocomplete-select{position:relative}.autocomplete-trigger{position:absolute;width:28px;height:28px;right:8px;top:50%;border:0;border-radius:8px;color:#8090a4;background:transparent;transform:translateY(-50%)}.autocomplete-trigger:hover{color:#516274;background:#f3f7fb}.autocomplete-select>.input{padding-right:40px}.autocomplete-select.is-open>.input{border-color:#17a4cc;box-shadow:0 0 0 3px #06b6d41a}.autocomplete-panel{position:fixed;z-index:130;max-height:240px;overflow-y:auto;padding:6px;border:1px solid #d8e3ee;border-radius:12px;background:#fff;box-shadow:0 18px 45px #173c5b24}.autocomplete-option,.autocomplete-empty{width:100%;min-height:40px;padding:0 12px;border:0;border-radius:9px;display:flex;align-items:center;text-align:left;font-size:13px}.autocomplete-option{color:#253348;background:transparent;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:40px}.autocomplete-option:hover,.autocomplete-option.is-active{background:#eef8fb}.autocomplete-option.is-selected{color:#087fa9;font-weight:700}.autocomplete-empty{color:#7b8a9c}.autocomplete-native{position:absolute;inset:0;opacity:0;pointer-events:none}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:24px;background:#10243b8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;overflow-y:auto}.modal{width:min(100%,680px);max-height:calc(100vh - 48px);background:#fff;border-radius:20px;box-shadow:0 28px 90px #0b253c4d;display:flex;flex-direction:column;animation:pop .18s ease}.modal-sm{max-width:450px}.modal-lg{max-width:880px}.modal-xl{max-width:1160px}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:21px 24px 17px;border-bottom:1px solid #edf1f5}.modal-head h2{margin:0;font-size:19px}.modal-head p{margin:6px 0 0;color:#718096;font-size:12px}.standalone-edit-page>:not(.edit-page-panel){display:none!important}.edit-page-panel{width:100%;margin:0;overflow:visible;border:1px solid #e6edf3;border-radius:18px;background:#fff;box-shadow:0 7px 25px #12395a0a}.edit-page-sm{max-width:720px}.edit-page-md{max-width:880px}.edit-page-lg{max-width:1080px}.edit-page-xl{max-width:1380px}.edit-page-head{min-height:82px;padding:18px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf2f6}.edit-page-head h1{margin:0;color:#243247;font-size:22px;font-weight:650}.edit-page-head p{margin:6px 0 0;color:#6d7d91;font-size:13px}.edit-page-body{padding:24px}.edit-page-body .modal-actions{margin:24px -24px -24px;padding:16px 24px;border-top:1px solid #edf2f6;background:#fafbfd}.standalone-edit-page .edit-page-panel{margin-bottom:28px}.modal-body{overflow-y:auto;padding:22px 24px 24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.confirm-content{text-align:center}.confirm-content p{color:#526177;line-height:1.6}.confirm-icon{width:52px;height:52px;margin:2px auto 14px;display:grid;place-items:center;color:#d97706;background:#fff7e6;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:11px;line-height:1.35;font-weight:700;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-neutral{color:#64748b;background:transparent}.badge-info{color:#176da8;background:transparent}.badge-success{color:#24765a;background:transparent}.badge-warning{color:#9a650d;background:transparent}.badge-danger{color:#bd4a4a;background:transparent}.progress-wrap{display:flex;align-items:center;gap:9px}.progress-wrap b{font-size:11px;color:#55657b;min-width:31px}.progress{height:6px;flex:1;min-width:70px;overflow:hidden;background:#eaf0f5;border-radius:99px}.progress span{height:100%;display:block;border-radius:99px}.progress-cyan{background:#08b6c9}.progress-blue{background:#2a7de1}.progress-green{background:#21a875}.progress-orange{background:#f59e0b}.loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:#718096;font-size:13px}.skeleton-table{padding:12px}.skeleton-row{display:grid;grid-template-columns:1.3fr 2fr 1fr 1fr;gap:20px;padding:18px 8px;border-bottom:1px solid #eef2f6}.skeleton-row i{height:12px;border-radius:7px;background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200%}}.empty{min-height:0;padding:30px 20px;text-align:center;color:#6b7c91}.empty h3{margin:0;color:#26344a;font-size:16px}.empty p{font-size:12px;margin:8px auto 18px;max-width:520px;line-height:1.55}.search-box{min-width:250px;display:flex;align-items:center;gap:9px;padding:0 12px;height:42px;border:1px solid #dce5ee;border-radius:11px;background:#fff;color:#8a99ad}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:12.5px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid #e9eef4;color:#718096;font-size:11.5px}.pagination>div{display:flex;align-items:center;gap:7px}.page-size{width:78px;min-height:34px;padding:6px 28px 6px 10px}.page-current{min-width:45px;text-align:center;color:#455468;font-weight:700}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.page-header-main{min-width:0;display:flex;align-items:flex-start;gap:12px}.page-header-leading{flex:0 0 auto}.page-header-copy{min-width:0}.page-header h1{margin:2px 0 0;font-size:26px;letter-spacing:-.35px;color:#172238}.page-header p{margin:4px 0 0;color:#718096;font-size:12.5px}.eyebrow{color:#5e7186;font-weight:600;text-transform:none;letter-spacing:0;font-size:13px}.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stat-card{position:relative;overflow:hidden;min-width:0;padding:18px;background:#fff;border:1px solid #e9eef4;border-radius:16px;box-shadow:0 6px 22px #13395c0a}.stat-card:after{content:"";position:absolute;right:-18px;bottom:-28px;width:80px;height:80px;border-radius:50%;background:var(--accent);opacity:.07}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#66758a;font-size:11.5px;font-weight:600}.stat-top i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white)}.stat-card strong{display:block;margin-top:10px;color:#1b2940;font-size:22px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{display:block;margin-top:8px;color:#8996a8;font-size:10.5px}.accent-blue{--accent: #267ad8}.accent-cyan{--accent: #05a9bb}.accent-green{--accent: #16a36c}.accent-orange{--accent: #e49218}.accent-violet{--accent: #8065d7}.accent-red{--accent: #dd5353}.tabs{display:flex;gap:4px;padding:5px;overflow-x:auto;border:1px solid #e4eaf0;border-radius:12px;background:#f5f8fb}.tabs button{padding:8px 13px;border:0;border-radius:8px;color:#66758a;background:transparent;font-size:11.5px;font-weight:700;white-space:nowrap}.tabs button.active{color:#087fa9;background:#fff;box-shadow:0 3px 12px #27496815}.compact-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;margin-bottom:16px;overflow:hidden;border:1px solid #e3eaf1;border-radius:14px;background:#e3eaf1}.compact-summary>div{min-height:68px;padding:13px 16px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:#fff}.compact-summary span{color:#718096;font-size:12px}.compact-summary b{color:#1f2e44;font-size:19px}.filter-disclosure{position:relative}.filter-disclosure-content{position:absolute;z-index:20;top:calc(100% + 8px);right:0;min-width:260px;padding:14px;display:grid;gap:10px;border:1px solid #dce5ee;border-radius:13px;background:#fff;box-shadow:0 18px 45px #173c5b24}.row-actions-menu{display:inline-block}.row-actions-trigger{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;background:#fff;cursor:pointer}.row-actions-portal{position:fixed;z-index:80;min-width:160px;padding:6px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;box-shadow:0 14px 35px #173c5b24}.row-actions-portal button,.row-actions-portal a{width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;display:flex;align-items:center;gap:8px;color:#3e4d61;background:transparent;font-size:12.5px}.row-actions-portal button:hover,.row-actions-portal a:hover{background:#f1f7fa}.record-not-found{min-height:420px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#738298}.record-not-found svg{color:#d88928}.record-not-found h1,.record-not-found p{margin:0}.record-not-found h1{color:#24344a;font-size:24px}.record-not-found p{margin-bottom:10px}.detail-page-shell .tabs{margin-bottom:14px}.panel{min-width:0;background:#fff;border:1px solid #e6edf3;border-radius:17px;box-shadow:0 7px 25px #12395a0a;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid #edf2f6}.panel-head h2{margin:0;color:#27354a;font-size:14px}.panel-head p{display:none}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11.5px}.data-table th{padding:11px 14px;text-align:left;color:#718096;background:#f8fafc;border-bottom:1px solid #e7edf3;font-size:12px;text-transform:none;letter-spacing:0;white-space:nowrap}.data-table td{padding:13px 14px;border-bottom:1px solid #eef2f6;color:#49586d;vertical-align:middle}.data-table tbody tr{transition:none}.data-table tbody tr[data-clickable=true]{cursor:pointer}.data-table tbody tr[data-clickable=true]:hover{background:transparent;box-shadow:none}.data-table tbody tr:hover{background:transparent}.data-table tbody tr:last-child td{border-bottom:0}.table-primary{color:#26364c;font-weight:700}.table-secondary{display:block;margin-top:4px;color:#8a98aa;font-size:10px}.table-actions{display:flex;justify-content:flex-end;gap:5px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #edf2f6}.toolbar .search-box{margin-right:auto}.toolbar .input{width:auto;min-width:150px;height:42px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.section-title{grid-column:1/-1;padding-bottom:9px;margin:6px 0 0;border-bottom:1px solid #edf1f5;font-size:13px;color:#1c2c43}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:1/-1}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}}@media(max-width:700px){.page-header{align-items:flex-start;flex-direction:column}.page-header-main{width:100%;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1;min-width:0}.detail-page-shell .page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.detail-page-shell .page-actions>.badge{grid-column:1 / -1;justify-self:start}.detail-page-shell .page-actions>.btn,.detail-page-shell .page-actions>a{width:100%;min-width:0;justify-content:center;padding-right:8px;padding-left:8px;white-space:normal;text-align:center}.kpi-grid,.compact-summary{grid-template-columns:1fr}.filter-disclosure,.filter-disclosure>.btn{width:100%}.filter-disclosure-content{position:static;margin-top:8px}.form-grid,.form-grid-3{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px);border-radius:16px}.toolbar .search-box{width:100%;min-width:100%}.pagination{align-items:flex-start;flex-direction:column}.skeleton-row{grid-template-columns:1fr 1fr}.skeleton-row i:nth-child(n+3){display:none}}body{font-size:14px;line-height:1.5}.app-shell{--sidebar: 258px}.app-shell.is-collapsed{--sidebar: 76px}.nav-label{font-size:11px;letter-spacing:0}.nav-item{height:41px;font-size:12.5px}.brand strong{font-size:21px}.brand small{font-size:8px}.breadcrumb,.global-search{font-size:12px}.profile-menu b{font-size:11px}.profile-menu small{font-size:9.5px}.avatar{font-size:11px}.page-header h1{font-size:26px}.page-header p{font-size:14px;line-height:1.55}.eyebrow{font-size:13px}.btn{min-height:42px;font-size:14px}.field-label{font-size:13.5px}.field small,.field-error{font-size:12px}.input{min-height:44px;font-size:13.5px}.search-box{height:44px}.search-box input,.toolbar .input{font-size:13px}.badge{padding:0;font-size:13px;font-weight:600}.stat-top{font-size:13px}.stat-card strong{font-size:24px}.stat-card small{font-size:11.5px;line-height:1.45}.panel-head h2{font-size:16px}.panel-head p{font-size:12px}.data-table{font-size:13px}.data-table th{padding:12px 14px;font-size:12px}.data-table td{padding:15px 14px;line-height:1.45}.table-primary,.project-row-main b,.employee-profile b{font-size:13px}.table-secondary,.contact-line{font-size:11.5px}.code-pill{font-size:11px}.pagination{font-size:12.5px}.tabs button{padding:9px 14px;font-size:12.5px}.modal-head h2{font-size:21px}.modal-head p{font-size:13px}.info-grid span{font-size:11px}.info-grid b{font-size:13px;line-height:1.45}.mini-table b,.project-name b,.stock-list b,.task-mini b,.simple-rows b,.data-rows b{font-size:12.5px}.mini-table small,.project-name small,.stock-list small,.task-mini small,.simple-rows small,.data-rows small{font-size:10.5px}.mini-table>div>span:not(.badge),.stock-list>div>span:last-child{font-size:11.5px}.progress-wrap b{font-size:12px}.dashboard-hero span{font-size:7.5px;letter-spacing:2.5px}.dashboard-hero h2{font-size:25px}.dashboard-hero p{font-size:12px}.project-row-main p,.active-stage b,.active-stage small,.project-dates>span,.timeline-card h3,.timeline-card p,.kanban-column article h3,.kanban-column article p,.employee-workload header b,.employee-workload header small,.workload-task,.quotation-items td,.quotation-items .input,.stock-editor td,.stock-editor .input{font-size:11.5px}.active-stage span,.project-dates small,.timeline-card>span,.quotation-items th,.stock-editor th{font-size:9.5px}.quotation-items-head h3,.quote-detail>h4{font-size:15px}.quotation-items-head p,.quote-detail-head p,.quote-summary>div,.quote-detail-total span,.quote-detail-total strong{font-size:11.5px}.login-form>p,.login-form>label>b,.login-input input{font-size:13px}.remember-row{font-size:11.5px}@media(max-width:900px){.app-shell,.app-shell.is-collapsed{--sidebar: 0px}.sidebar,.is-collapsed .sidebar{width:258px}}@media(max-width:700px){.page-header h1{font-size:24px}.data-table{font-size:12.5px}.stat-card strong{font-size:22px}}