@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap";:root{--bg-base:#f4f9fc;--bg-soft:#e2f0f7;--surface:#ffffffd6;--surface-strong:#fffffffa;--surface-alt:#e8f5fbbf;--border:#0a2e4114;--border-strong:#00d2ff66;--brand:#00d2ff;--brand-deep:#0a2e41;--brand-mid:#1588a8;--text-main:#0c1e29;--text-soft:#3f6072;--text-muted:#6b8fa3;--danger:#d64a4a;--shadow:0 42px 84px #0a2e4124;--radius-xl:32px;--radius-lg:24px;--radius-md:18px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-main);background:var(--bg-base);margin:0;font-family:Sora,Segoe UI,sans-serif;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{color:var(--text-main);letter-spacing:-.03em;margin:0}p{color:var(--text-muted);margin:0;line-height:1.65}.ambient-bg{z-index:-1;background:radial-gradient(circle at 5% 5%,#00d2ff1f,#0000 35%),radial-gradient(circle at 95% 15%,#1588a81a,#0000 30%),linear-gradient(#fff 0%,#f4f9fc 100%);position:fixed;inset:0}.ambient-bg:before,.ambient-bg:after{content:"";position:absolute;inset:0}.ambient-bg:before{opacity:.5;background-color:#0000;background-image:linear-gradient(#17384908 1px,#0000 1px),linear-gradient(90deg,#17384908 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:82px 82px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 88%);mask-image:radial-gradient(circle,#000 46%,#0000 88%)}.ambient-bg:after{filter:blur(42px);background:radial-gradient(circle at 12% 78%,#20c8e626,#0000 20%),radial-gradient(circle at 88% 75%,#7eafc224,#0000 18%)}.glass-panel{background:linear-gradient(180deg, var(--surface-strong), var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.eyebrow{color:var(--brand-deep);letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.btn{cursor:pointer;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-deep));box-shadow:0 14px 30px #20c8e638}.btn-secondary{color:var(--text-main);border-color:var(--border);background:#ffffffdb}.btn-danger{color:#a34646;background:#c95d5d14;border-color:#c95d5d2e}.btn-block{width:100%}.input-group{flex-direction:column;gap:10px;display:flex}.input-label{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.field-wrap{position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.modern-input{border:1px solid var(--border);width:100%;color:var(--text-main);background:#fffffff0;border-radius:18px;outline:none;padding:15px 16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.modern-input::placeholder{color:#6e8a98e0}.modern-input:focus{border-color:var(--border-strong);background:#fff;box-shadow:0 0 0 4px #20c8e61f}.has-icon{padding-left:48px}.modern-select{appearance:none}.form-error{color:#a34646;background:#c95d5d14;border:1px solid #c95d5d2e;border-radius:16px;padding:12px 14px;font-size:14px}.brand-mark{align-items:center;gap:16px;display:flex}.brand-mark-compact{flex-direction:column;align-items:flex-start;gap:14px}.brand-mark-visual{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;flex-shrink:0;width:188px;padding:12px 14px;box-shadow:0 12px 24px #0a2e410f}.brand-mark-compact .brand-mark-visual{width:100%;max-width:182px;padding:12px 14px}.brand-mark-image{object-fit:contain;background:#fff;border-radius:0;width:100%;height:auto}.brand-mark-copy h2{font-size:clamp(22px,2vw,34px);line-height:1.06}.brand-mark-copy p:last-child{margin-top:8px}.login-shell{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative}.login-center-card{flex-direction:column;gap:26px;width:min(470px,100%);padding:34px 30px;display:flex}.login-lockup{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.login-grid{grid-template-columns:1.1fr .9fr;gap:24px;width:min(1180px,100%);display:grid}.login-brand-panel,.login-card,.section-card,.dashboard-topbar,.dashboard-hero,.sidebar-brand,.sidebar-promo,.sidebar-footer,.modal-card{padding:28px}.login-brand-panel{background:linear-gradient(#fffffffa,#eff8fcf0);flex-direction:column;justify-content:space-between;gap:28px;display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";background:radial-gradient(circle,#20c8e62e,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;right:-80px}.login-brand-top{z-index:1;flex-direction:column;gap:24px;display:flex;position:relative}.login-logo-card{background:#fff;border:1px solid #20c8e624;border-radius:22px;width:min(240px,100%);padding:14px 16px;box-shadow:inset 0 0 0 1px #ffffffa6}.login-logo{object-fit:contain;background:#fff;border-radius:0;width:100%;height:auto}.login-brand-copy h1{margin-bottom:14px;font-size:clamp(36px,4vw,54px)}.login-lockup .login-brand-copy h1{margin-bottom:8px;font-size:clamp(28px,3vw,42px)}.login-lockup .login-brand-copy p:last-child{max-width:28ch;margin:0 auto}.login-brand-copy p:last-child{max-width:42ch;color:var(--text-soft)}.login-highlights{z-index:1;gap:14px;display:grid;position:relative}.highlight-card{background:#ffffffd6;border:1px solid #14627914;border-radius:20px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.highlight-icon{width:40px;height:40px;color:var(--brand-deep);background:#20c8e61f;border-radius:14px;place-items:center;display:grid}.highlight-card strong{color:var(--text-main);margin-bottom:4px;display:block}.login-card{flex-direction:column;justify-content:center;gap:18px;display:flex}.login-card h2{font-size:clamp(30px,3vw,40px)}.login-form{flex-direction:column;gap:20px;display:flex}.login-card-copy,.login-footer-note{color:var(--text-soft)}.app-layout{z-index:1;grid-template-columns:320px minmax(0,1fr);height:100vh;transition:grid-template-columns .3s;display:grid;position:relative}.app-layout.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#f7fcffd1;flex-direction:column;gap:18px;height:100vh;padding:28px 22px;transition:padding .3s,opacity .2s,border-color .3s;display:flex;position:sticky;top:0;overflow:hidden}.app-layout.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;border-right-color:#0000;padding:28px 0}.sidebar-promo-title{color:var(--brand-deep);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-thumb{background:#14627929;border-radius:999px}.nav-item{width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s,color .2s;display:flex}.nav-item:hover{color:var(--text-main);border-color:var(--border);background:#ffffffeb;transform:translate(4px)}.nav-item.active{color:var(--text-main);background:linear-gradient(135deg,#20c8e61f,#e2f2f9eb);border-color:#20c8e629}.nav-button{appearance:none}.chevron-icon{margin-left:auto;transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.sub-nav{gap:10px;padding:10px 0 0 12px;display:grid}.sub-nav .nav-item{padding:14px 18px;font-size:14px}.sidebar-user{align-items:center;gap:14px;margin-bottom:18px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.sidebar-user-copy{flex-direction:column;gap:2px;display:flex}.sidebar-user-copy strong,.topbar-user-card strong,.quick-link-copy strong{color:var(--text-main)}.sidebar-user-copy span,.topbar-user-card span{color:var(--text-muted);font-size:13px}.main-content{flex-direction:column;gap:24px;min-width:0;height:100vh;padding:32px;display:flex;overflow:hidden auto}.sidebar-footer{flex-shrink:0;margin-top:auto}.dashboard-topbar{z-index:10;justify-content:space-between;align-items:center;gap:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.dashboard-topbar.topbar-scrolled{border-bottom:1px solid var(--border-strong);background:#fffffff2;padding:18px 28px;box-shadow:0 12px 40px #0a2e411a}.sidebar-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border);width:48px;height:48px;color:var(--brand-deep);cursor:pointer;background:#fff;place-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:0 4px 12px #0a2e410d}.sidebar-toggle-btn:hover{border-color:var(--brand);background:var(--bg-soft);transform:scale(1.08)}.sidebar-toggle-btn.collapsed{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}.dashboard-topbar h1{margin-bottom:12px;font-size:clamp(28px,3vw,42px)}.topbar-meta{gap:12px;min-width:260px;display:grid}.live-badge,.topbar-user-card{border:1px solid var(--border);background:#ffffffe0;border-radius:18px;align-items:center;gap:10px;padding:14px 16px;display:flex}.live-badge{color:var(--brand-deep)}.topbar-user-card{flex-direction:column;align-items:flex-start;gap:4px}.page-shell,.page-stack{flex-direction:column;gap:24px;display:flex}.dashboard-hero{background:linear-gradient(#fffffffa,#eff8fceb);grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.hero-copy h2{margin-bottom:12px;font-size:clamp(30px,3vw,46px)}.hero-subtitle{max-width:54ch;color:var(--text-soft);margin-bottom:20px}.hero-chip-row{flex-wrap:wrap;gap:12px;display:flex}.hero-chip{border:1px solid var(--border);color:var(--text-main);background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:inline-flex}.hero-highlight{background:linear-gradient(#f9fdfffa,#e7f4fbf0)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.compact-stats{margin-top:24px}.stat-card{padding:22px}.stat-card-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.stat-icon-badge{width:42px;height:42px;color:var(--brand-deep);background:#20c8e61f;border-radius:14px;place-items:center;display:grid}.stat-label{color:var(--text-soft);font-size:14px;font-weight:600}.stat-value{color:var(--text-main);margin-bottom:8px;font-size:clamp(28px,3vw,40px);display:block}.section-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.section-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.section-card-header h2,.section-card-header h3,.placeholder-panel h2{margin-bottom:10px;font-size:clamp(24px,2vw,30px)}.section-header-row{align-items:center}.list-stack,.quick-link-grid{gap:14px;display:grid}.list-item{background:#ffffffdb;border:1px solid #14627914;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.list-item-dot{background:linear-gradient(135deg, var(--brand), var(--brand-deep));border-radius:50%;width:10px;height:10px;margin-top:7px}.quick-link{border:1px solid var(--border);background:#ffffffe6;border-radius:20px;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s,background-color .2s,border-color .2s;display:flex}.quick-link:hover{background:#fff;border-color:#20c8e633;transform:translateY(-2px)}.quick-link-icon,.placeholder-icon{width:44px;height:44px;color:var(--brand-deep);background:#20c8e61f;border-radius:14px;place-items:center;display:grid}.quick-link-copy{flex:1}.quick-link-copy p{font-size:14px}.placeholder-panel{align-items:flex-start}.placeholder-icon{border-radius:18px;width:56px;height:56px;margin-bottom:18px}.modern-table-wrapper{border:1px solid var(--border);background:#ffffffeb;border-radius:24px;margin-top:24px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;background:#e2f2f9c2;padding:18px 20px;font-size:12px;font-weight:700}.data-table td{color:var(--text-main);border-top:1px solid #14627914;padding:18px 20px}.data-table tbody tr:hover{background:#20c8e60a}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-admin{color:var(--brand-deep);background:#20c8e61f;border:1px solid #20c8e629}.badge-user{color:var(--text-main);background:#e2f2f9c2;border:1px solid #14627914}.table-handle{color:var(--brand-deep)}.action-button-row{gap:10px;display:flex}.icon-button{border:1px solid var(--border);width:38px;height:38px;color:var(--text-main);cursor:pointer;background:#ffffffe0;border-radius:12px;place-items:center;display:grid}.icon-button.danger{color:#a34646;background:#c95d5d14;border-color:#c95d5d29}.table-empty{text-align:center;color:var(--text-muted)}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.inner-panel{background:linear-gradient(#fdfffffa,#f3f9fdf0)}.modal-overlay{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#c1d8e266;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{width:min(1100px,100%);max-height:calc(100vh - 48px);overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.permission-grid-shell{overflow-x:auto}.permission-grid{border:1px solid var(--border);background:#ffffffe6;border-radius:20px;grid-template-columns:2.4fr repeat(5,1fr);gap:12px;min-width:720px;padding:18px;display:grid}.permission-header{color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;text-align:center;padding-bottom:8px;font-size:11px;font-weight:700}.permission-row{display:contents}.permission-label{color:var(--text-main);border-top:1px solid #14627914;padding:14px 0;font-weight:600}.permission-checkbox{border-top:1px solid #14627914;justify-content:center;align-items:center;display:flex}.permission-checkbox input{width:18px;height:18px;accent-color:var(--brand)}@media (width<=1100px){.login-grid,.dashboard-hero,.section-grid,.app-layout{grid-template-columns:1fr;height:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:relative;top:auto;overflow:visible}.dashboard-topbar{flex-direction:column}.topbar-meta{width:100%;min-width:0}.sidebar-nav,.main-content{min-height:unset;height:auto;overflow:visible}}@media (width<=780px){.login-shell,.main-content,.sidebar,.modal-overlay{padding:20px}.login-brand-panel,.login-card,.section-card,.dashboard-topbar,.dashboard-hero,.sidebar-brand,.sidebar-promo,.sidebar-footer,.modal-card{padding:22px}.stats-grid,.form-grid{grid-template-columns:1fr}.modern-table-wrapper{overflow-x:auto}.data-table{min-width:680px}}.costing-list-shell .section-card,.costing-detail-shell .section-card{gap:20px}.costing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.costing-toolbar-copy{flex-direction:column;gap:4px;display:flex}.costing-toolbar-copy strong{color:var(--text-main);font-size:18px}.costing-toolbar-copy span{color:var(--text-soft);font-size:14px}.costing-search{min-width:min(360px,100%)}.costing-table-card .modern-table-wrapper{margin-top:0}.costing-table-card .data-table td,.costing-detail-table td{vertical-align:top}.costing-serial{width:84px;color:var(--text-soft);font-weight:700}.costing-row-code strong{font-size:16px}.costing-row-code span{margin-top:4px}.costing-description{min-width:280px;color:var(--text-main);line-height:1.5}.costing-value{white-space:nowrap;font-weight:700}.costing-margin-badge{justify-content:center;min-width:88px}.costing-action{min-width:148px}.costing-sheet-card{background:linear-gradient(#fffffffa,#f2f9fcf2)}.costing-sheet-hero{border-bottom:1px solid #14627914;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:6px;display:flex}.costing-sheet-copy{flex-direction:column;gap:8px;display:flex}.costing-sheet-copy h2{margin-bottom:0;font-size:clamp(28px,2.7vw,40px)}.costing-meta-card{background:#ffffffe6;border:1px solid #14627914;border-radius:20px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.costing-meta-label{color:var(--text-soft);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.costing-meta-card strong{color:var(--text-main);font-size:22px;line-height:1.15}.costing-section-card{gap:14px}.costing-section-head{margin-bottom:0;padding:0 2px}.costing-section-head p{color:var(--text-soft);font-size:14px}.costing-section-total{background:#ffffffc7;border:1px solid #14627914;border-radius:16px;flex-direction:column;align-items:flex-end;gap:4px;padding:12px 14px;display:flex}.costing-section-total span{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.costing-section-total strong{color:var(--brand-deep);font-size:20px}.costing-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.costing-summary-card{align-items:flex-start;gap:8px;padding:18px 20px}.costing-summary-card strong{font-size:24px}@media (width<=1100px){.costing-meta-grid,.costing-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.costing-toolbar,.costing-sheet-hero,.costing-section-head{flex-direction:column;align-items:flex-start}.costing-meta-grid,.costing-summary-strip{grid-template-columns:1fr}.costing-section-total{align-items:flex-start}.costing-description{min-width:220px}}.search-field{border:1px solid var(--border);min-height:56px;color:var(--text-soft);background:#ffffffeb;border-radius:18px;align-items:center;gap:12px;padding:0 18px;display:inline-flex}.search-field input{width:100%;min-width:0;color:var(--text-main);background:0 0;border:none;outline:none}.search-field input::placeholder{color:var(--text-muted)}.table-primary-cell{flex-direction:column;gap:4px;display:flex}.table-primary-cell span{color:var(--text-muted);font-size:13px}.table-action{white-space:nowrap;min-width:144px}.detail-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-summary-grid{gap:16px;display:grid}.summary-card{flex-direction:column;justify-content:space-between;min-height:112px;display:flex}.alert-card{border:1px solid var(--border);color:var(--text-soft);background:#ffffffeb;border-radius:20px;padding:16px 18px}.alert-danger{color:#a34646;background:#c95d5d14;border-color:#c95d5d29}.alert-info{color:var(--brand-deep);background:#20c8e614;border-color:#20c8e629}.table-empty{padding:32px 18px;font-size:15px}.price-list-empty{text-align:center;background:#ffffffa8;border:1px dashed #1462792e;border-radius:24px;place-items:center;gap:12px;margin-top:24px;padding:42px 30px;display:grid}.price-list-empty h3{font-size:24px}.price-list-empty p{max-width:56ch}.price-list-empty-icon{width:58px;height:58px;color:var(--brand-deep);background:#20c8e61a;border-radius:18px;padding:14px}.price-category-row td{background:linear-gradient(90deg,#0a2e410a,#00d2ff14 100%);border-top:1px solid #0a2e410d;padding:12px 20px}.price-category-row strong{color:var(--brand-mid);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px #ffffff80;font-size:13px;font-weight:800}.price-category-action-cell{text-align:right}.price-image-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.price-thumb{object-fit:contain;mix-blend-mode:multiply;background:0 0;border:1.5px solid #1462791f;border-radius:10px;width:68px;height:68px;display:block}.price-thumb-placeholder{color:var(--text-muted);background:linear-gradient(135deg,#e2f2f9b3,#cdebf880);border:1.5px dashed #14627933;border-radius:10px;place-items:center;width:68px;height:68px;display:grid}.table-link-button{color:var(--brand-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.table-link-button:hover{text-decoration:underline}.table-image-note{color:var(--text-muted);font-size:12px;font-weight:600}.price-row-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.price-row-button{padding:12px 14px}.price-image-editor{border:1px solid var(--border);background:linear-gradient(#fffffff5,#eef8fce0);border-radius:24px;grid-template-columns:240px minmax(0,1fr);gap:22px;padding:22px;display:grid}.price-image-preview{background:#fffffff5;border:1px solid #14627914;border-radius:22px;min-height:240px;overflow:hidden}.price-image-preview img{object-fit:cover;width:100%;height:100%}.price-image-placeholder{min-height:240px;color:var(--text-muted);text-align:center;background:linear-gradient(135deg,#fffffffa,#e8f5fbf2),radial-gradient(circle at 100% 0,#20c8e61f,#0000 32%);place-items:center;gap:10px;padding:18px;display:grid}.price-image-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex}.price-image-copy h3{font-size:24px}.price-image-upload{position:relative;overflow:hidden}.upload-dropzone{text-align:center;cursor:pointer;background:linear-gradient(#fffffff5,#e8f5fbe0),radial-gradient(circle at 100% 0,#20c8e61f,#0000 34%);border:2px dashed #20c8e642;border-radius:24px;justify-items:center;gap:10px;padding:30px 24px;display:grid}.upload-dropzone strong{color:var(--text-main);font-size:20px}.upload-dropzone span{max-width:46ch;color:var(--text-soft)}.upload-dropzone input{margin-top:6px}.upload-dropzone-icon{width:58px;height:58px;color:var(--brand-deep);background:#20c8e61f;border-radius:18px;place-items:center;display:grid}.upload-file-chip{border:1px solid var(--border);background:#ffffffeb;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.upload-file-chip strong{color:var(--text-main);margin-bottom:2px;display:block}.upload-file-chip span{color:var(--text-muted);font-size:13px}.costing-toolbar-stats{flex-wrap:wrap;gap:12px;display:flex}.costing-toolbar-stat{border:1px solid var(--border);background:#ffffffe6;border-radius:18px;min-width:140px;padding:16px 18px}.costing-toolbar-stat strong{color:var(--text-main);margin-bottom:8px;font-size:28px;line-height:1;display:block}.costing-toolbar-stat span{color:var(--text-soft);font-size:13px}.costing-list-table td{vertical-align:middle}.costing-list-image-cell{gap:8px}.costing-detail-actions{margin-bottom:4px}.detail-back-button{white-space:nowrap}.costing-sheet-hero{grid-template-columns:1fr 420px;align-items:start;gap:32px;margin-bottom:32px;display:grid}.costing-info-stack{flex-direction:column;gap:24px;display:flex}.costing-hero-copy h2{color:var(--text-main);margin-bottom:12px;font-size:clamp(32px,4vw,54px);line-height:1.1}.costing-image-container{position:sticky;top:120px}.costing-image-frame{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:32px;place-items:center;padding:32px;display:grid;overflow:hidden;box-shadow:0 24px 60px #0a2e4114,inset 0 0 0 1px #ffffffd1}.costing-product-image{object-fit:contain;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.costing-product-image:hover{transform:scale(1.05)}.costing-meta-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.costing-meta-card{border:1px solid var(--border);background:linear-gradient(135deg,#fffffffa,#f0f8fcf0);border-radius:24px;flex-direction:column;gap:6px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.costing-meta-card:hover{border-color:var(--brand-strong);transform:translateY(-4px)}.costing-meta-label{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.costing-meta-card strong{color:var(--text-main);letter-spacing:-.02em;font-size:24px}.costing-meta-card span:last-child{color:var(--text-muted);font-size:12px}.costing-section-card{margin-top:40px}.costing-section-head{border-bottom:2px solid var(--bg-soft);margin-bottom:20px;padding:0 4px 16px}.costing-section-head h3{margin-bottom:4px;font-size:24px}.costing-section-total{background:var(--bg-soft);border-radius:14px;flex-direction:column;align-items:flex-end;padding:10px 18px;display:flex}.costing-total-strip{background:var(--brand-deep);color:#fff;border-radius:32px;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding:32px;display:grid}.costing-total-card{flex-direction:column;gap:4px;display:flex}.costing-total-card span{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:13px;font-weight:600}.costing-total-card strong{font-size:32px}.no-print{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (width<=1100px){.costing-print-brand,.price-image-editor{grid-template-columns:1fr}.costing-image-panel{width:100%}}@media (width<=780px){.detail-topbar,.costing-toolbar-stats,.price-row-actions{width:100%}.price-row-actions{justify-content:flex-start}.search-field,.costing-search{width:100%;min-width:0}.costing-print-brand{gap:14px}.costing-print-meta{text-align:left;align-items:flex-start}}@page{size:A4 landscape;margin:10mm}@media print{body{background:#fff}.ambient-bg,.sidebar,.dashboard-topbar,.no-print{display:none!important}.app-layout,.page-shell,.page-stack,.main-content{gap:0;height:auto;min-height:0;padding:0;display:block;overflow:visible}.section-card,.glass-panel,.costing-sheet-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:none;border-radius:0;padding:0}.costing-detail-shell,.costing-print-surface{gap:12px}.costing-print-brand{background:0 0;border:none;border-bottom:1px solid #cfdde5;border-radius:0;grid-template-columns:180px minmax(0,1fr) 180px;padding:0 0 10px}.costing-print-logo{max-width:160px}.costing-sheet-hero{gap:18px;padding-bottom:10px}.costing-image-panel{flex-shrink:0;width:250px}.costing-image-frame,.costing-image-placeholder{min-height:190px;box-shadow:none}.costing-meta-grid,.costing-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.costing-meta-card,.costing-section-card,.costing-summary-card,.modern-table-wrapper{break-inside:avoid;page-break-inside:avoid}.costing-meta-card,.costing-summary-card,.costing-section-total{background:#fff}.modern-table-wrapper{background:#fff;border:1px solid #d8e6ed;border-radius:0;margin-top:12px;overflow:visible}.data-table{min-width:0}.data-table th,.data-table td{padding:10px 12px;font-size:12px}.data-table th{color:#325363;background:#eef7fa}.costing-description{min-width:0}.alert-card{padding:12px 14px}}