@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";.login-page{background-color:#f3f6fa;background-image:linear-gradient(#f3f6faa6,#f3f6fabf),url(/bg-modern.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Noto Sans KR,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 20%,#3b82f608 100%);position:absolute;inset:0}.login-card{z-index:10;-webkit-backdrop-filter:blur(50px)saturate(180%);cursor:default;background:#ffffffd9;border:1px solid #fffc;border-radius:32px;flex-direction:column;width:440px;padding:64px 48px;transition:all .5s cubic-bezier(.2,.8,.2,1);animation:1s cubic-bezier(.16,1,.3,1) card-appear;display:flex;position:relative;box-shadow:0 30px 60px #00000014,0 5px 20px #6366f108,inset 0 1px 1px #fffc}.login-card:hover{background:#ffffffeb;transform:translateY(-12px)scale(1.02);box-shadow:0 80px 150px #0000001a,0 20px 50px #6366f114,inset 0 1px 2px #ffffffe6,inset 0 -2px 20px #fff3}@keyframes card-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.login-logo{justify-content:center;align-items:center;width:140px;height:auto;margin:0 auto 16px;display:flex}.login-logo img{object-fit:contain;width:100%;height:auto}.login-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;line-height:1.3}.login-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 0;font-size:11px;font-weight:700}.login-form{flex-direction:column;gap:24px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:#475569;letter-spacing:.05em;padding-left:2px;font-size:11px;font-weight:700}.login-input{color:#0f172a;background:#f1f5f980;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:14px;transition:all .2s}.login-input::placeholder{color:#94a3b8}.login-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.login-options{justify-content:flex-start;align-items:center;display:flex}.remember-me{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.remember-me input{display:none}.checkbox-custom{background:#fff;border:2px solid #cbd5e1;border-radius:5px;width:18px;height:18px;transition:all .2s;position:relative}.remember-me input:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.remember-me input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-submit{color:#fff;letter-spacing:.025em;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:15px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #2563eb33}.login-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 20px 25px -5px #2563eb40}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.login-demo{border-top:1px dashed #e2e8f0;margin-top:40px;padding-top:32px}.login-demo-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:20px;font-size:10px;font-weight:800}.login-demo-accounts{gap:12px;display:flex}.login-demo-btn{cursor:pointer;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;flex:1;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.login-demo-btn:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f614}.demo-icon{opacity:.8;font-size:20px}.demo-info{flex-direction:column;align-items:flex-start;display:flex}.demo-name{color:#1e293b;font-size:13px;font-weight:700}.demo-role{color:#64748b;font-size:10px}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:#94a3b8;margin-top:40px;font-size:11px;line-height:1.5}:root{--surface:#e4e9f2;--surface-dim:#d2d9f4;--surface-container-lowest:#fff;--surface-chrome:#eef3fb;--surface-container-low:#f2f3ff;--surface-container:#eaedff;--surface-container-high:#e2e7ff;--surface-variant:#dae2fd;--primary:#1a2740;--primary-container:#001d31;--on-primary:#fff;--surface-tint:#006398;--on-primary-container:#188ace;--primary-fixed:#cce5ff;--primary-fixed-dim:#93ccff;--secondary:#515f74;--secondary-container:#d5e3fc;--secondary-fixed:#d5e3fc;--tertiary-fixed:#6ffbbe;--tertiary-fixed-dim:#4edea3;--on-tertiary-container:#009668;--on-tertiary-fixed:#002113;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;--on-surface:#131b2e;--on-surface-variant:#45464d;--on-background:#131b2e;--outline:#76777d;--outline-variant:#c6c6cd;--inverse-surface:#283044;--inverse-on-surface:#eef0ff;--inverse-primary:#93ccff;--sidebar-width:184px;--context-panel-width:286px;--shadow-sm:0 1px 4px #131b2e1a;--shadow-md:0 4px 16px #131b2e1f;--shadow-lg:0 8px 32px #131b2e29;--shadow-card:0 2px 8px #131b2e14, 0 0 0 1px #131b2e0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:auto}body{color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans KR,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,.font-headline{font-family:Manrope,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#dae2fd8c;border:1px solid #ffffff40}.primary-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%)}.status-success{color:var(--on-tertiary-container)}.status-warning{color:#d97706}.status-danger{color:var(--error)}.status-info{color:var(--surface-tint)}.app-layout{min-width:1200px;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--surface-chrome);border-right:1px solid var(--outline-variant);flex-direction:column;flex-shrink:0;gap:4px;padding:10px;display:flex;overflow-y:auto;box-shadow:2px 0 8px #131b2e0a}.sidebar__brand{border-bottom:1px solid var(--outline-variant);flex-direction:column;align-items:center;gap:2px;margin-bottom:8px;padding:8px 12px 10px;display:flex}.sidebar__logo-img{object-fit:contain;width:120px;height:auto}.sidebar__brand-desc{letter-spacing:1.5px;text-transform:uppercase;color:var(--on-surface-variant);text-align:center;margin-top:4px;font-family:Manrope,sans-serif;font-size:9px;font-weight:600;line-height:1.5}.sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__item{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px 12px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;transition:all .18s;display:flex}.sidebar__item:hover{color:var(--on-surface);background:#0000000a}.sidebar__item--active{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:var(--shadow-sm)}.sidebar__footer{border-top:1px solid var(--outline-variant);flex-direction:column;gap:4px;margin-top:auto;padding-top:20px;display:flex}.sidebar__cta{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:12px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 12px #1a27404d}.sidebar__cta:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 18px #1a274066}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--surface-chrome);border-bottom:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 32px;display:flex;box-shadow:0 1px 4px #131b2e0a}.topbar__nav{white-space:nowrap;align-items:stretch;gap:4px;height:100%;display:flex;overflow:hidden}.topbar__link{letter-spacing:-.2px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;padding:0 20px;font-family:Manrope,sans-serif;font-size:14.5px;font-weight:700;transition:color .15s,background .15s;display:flex;position:relative}.topbar__link:hover{color:var(--on-surface);background:#00000008}.topbar__link--active{color:var(--on-surface)}.topbar__link--active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:0;left:16px;right:16px}.topbar__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar__icon-btn{width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.topbar__icon-btn:hover{background:#0000000d}.topbar__avatar{background:var(--surface-container);border:1px solid var(--outline-variant);width:32px;height:32px;color:var(--on-surface);border-radius:50%;justify-content:center;align-items:center;margin-left:8px;font-size:12px;font-weight:700;display:flex}.page-content{flex-direction:column;flex:1;padding:12px 16px;display:flex;overflow:hidden}.page-content>*+*{margin-top:8px}.kpi-grid{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.kpi-card{background:var(--surface-container-lowest);border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px 24px;transition:box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #131b2e1a,0 0 0 1px #131b2e0f}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card--hero{grid-column:span 1}.kpi-card__label{text-transform:uppercase;letter-spacing:2px;color:var(--on-surface-variant);margin-bottom:8px;font-size:11px;font-weight:700}.kpi-card__value{color:var(--on-surface);letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:44px;font-weight:700;line-height:1}.kpi-card__value--md{font-size:34px}.kpi-card__unit{color:var(--on-surface-variant);font-size:22px;font-weight:500}.kpi-card__trend{border-radius:9999px;align-items:center;gap:4px;margin-top:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.kpi-card__trend--up{color:var(--on-tertiary-container);background:#6ffbbe33}.kpi-card__trend--down{background:var(--error-container);color:var(--error)}.kpi-card__bg-circle{background:var(--surface-container-high);filter:blur(60px);opacity:.5;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-48px;right:-48px}.kpi-card__sub{color:var(--on-tertiary-container);align-items:center;gap:6px;margin-top:16px;font-size:11px;font-weight:600;display:flex}.kpi-card__dot{background:var(--tertiary-fixed);border-radius:50%;width:6px;height:6px}.section-header{justify-content:space-between;align-items:flex-end;display:flex}.section-title{color:var(--on-surface);font-family:Manrope,sans-serif;font-size:20px;font-weight:700}.section-subtitle{color:var(--on-surface-variant);margin-top:4px;font-size:13px}.data-table-wrapper{background:var(--surface-container-lowest);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #131b2e1a,0 0 0 1px #131b2e0f}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background:var(--surface-container-lowest);border-bottom:2px solid var(--tertiary-fixed-dim);white-space:nowrap;border-right:1px solid #c6c6cd4d;padding:8px 12px;font-size:10px;font-weight:700}.data-table th:last-child{border-right:none}.data-table td{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #c6c6cda6;border-right:1px solid #c6c6cd26;padding:7px 12px;font-size:12.5px;overflow:hidden}.data-table td:last-child{border-right:none}.data-table__resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;background:var(--primary);width:4px;height:100%;transition:opacity .15s;position:absolute;top:0;right:0}.data-table th:hover .data-table__resizer{opacity:.3}.data-table__resizer--active{opacity:.6!important}.data-table th:hover{color:var(--on-surface)}.data-table tbody tr{cursor:pointer;transition:background .12s}.data-table tbody tr:hover{background:var(--surface-container-low)}.data-table tbody tr.row--selected{box-shadow:inset 3px 0 0 var(--surface-tint);background:#0063980f}.data-table__footer{color:var(--on-surface-variant);border-top:2px solid var(--tertiary-fixed-dim);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge--success{color:var(--on-tertiary-container);background:#6ffbbe33}.badge--warning{color:#b45309;background:#d977061f}.badge--danger{background:var(--error-container);color:var(--error)}.badge--info{color:var(--surface-tint);background:#0063981a}.badge--neutral{background:var(--surface-container);color:var(--on-surface-variant)}.code-label{background:var(--primary);color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.avatar-inline{align-items:center;gap:8px;display:inline-flex}.avatar-inline__circle{background:var(--surface-container);width:28px;height:28px;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.btn-primary{cursor:pointer;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #1a274040}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 14px #1a274059}.btn-secondary{cursor:pointer;color:var(--on-surface);background:var(--secondary-container);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface-container-high);color:var(--on-surface)}.filter-tabs{gap:8px;margin-bottom:16px;display:flex}.filter-tab{background:var(--surface-container-low);color:var(--on-surface-variant);cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.filter-tab:hover{background:var(--surface-container-high);color:var(--on-surface)}.filter-tab--active{background:var(--primary);color:var(--on-primary)}.progress-bar{background:#0000000a;border-radius:9999px;height:4px;margin-top:8px;overflow:hidden}.progress-bar__fill{background:var(--primary);border-radius:9999px;height:100%}.info-pair{border-bottom:1px solid #c6c6cd59;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.info-pair:last-child{border-bottom:none}.info-pair__label{color:var(--on-surface-variant);font-size:12px}.info-pair__value{color:var(--on-surface);font-weight:600}.status-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.status-tag--new{color:var(--surface-tint);background:#00639814}.status-tag--edit{color:#b45309;background:#d9770614}.activity-feed{background:var(--surface-container-lowest);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #131b2e1a,0 0 0 1px #131b2e0f}.activity-feed__header{background:var(--surface-container-lowest);color:var(--on-surface);border-bottom:1px solid var(--outline-variant);padding:20px 24px;font-family:Manrope,sans-serif;font-weight:700}.activity-feed__list{padding:8px}.activity-feed__item{cursor:pointer;border-radius:10px;gap:16px;padding:14px 16px;transition:background .12s;display:flex}.activity-feed__item:hover{background:var(--surface)}.activity-feed__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-feed__dot--danger{background:var(--error);box-shadow:0 0 0 4px #ba1a1a26}.activity-feed__dot--success{background:var(--tertiary-fixed);box-shadow:0 0 0 4px #6ffbbe33}.activity-feed__dot--info{background:var(--surface-tint);box-shadow:0 0 0 4px #00639826}.activity-feed__dot--neutral{background:var(--secondary)}.activity-feed__title{color:var(--on-surface);font-size:13px;font-weight:600}.activity-feed__desc{color:var(--on-surface-variant);margin-top:2px;font-size:12px}.activity-feed__time{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);margin-top:6px;font-size:10px;font-weight:700}.bento-grid{grid-template-columns:2fr 1fr;gap:32px;display:grid}.health-card{border-radius:12px;padding:24px}.health-card__title{color:var(--on-surface);margin-bottom:20px;font-family:Manrope,sans-serif;font-weight:700}.health-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.health-row__label{color:var(--on-surface);font-size:12px;font-weight:500}.health-row__bars{gap:3px;display:flex}.health-bar{border-radius:2px;width:12px;height:6px}.health-bar--ok{background:var(--tertiary-fixed)}.health-bar--warn{background:var(--secondary-container)}.health-bar--danger{background:var(--error)}.um-search-box{align-items:center;display:flex;position:relative}.um-search-box__icon{color:var(--on-surface-variant);pointer-events:none;font-size:16px;position:absolute;left:10px}.um-search-box__input{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);border-radius:8px;outline:none;width:220px;padding:7px 12px 7px 34px;font-size:12px;transition:border-color .15s}.um-search-box__input:focus{border-color:var(--surface-tint);box-shadow:0 0 0 3px #0063981a}.um-name-cell{align-items:center;gap:8px;display:flex}.um-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--surface-tint) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.um-detail-panel{background:var(--surface-container-lowest);width:320px;box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;flex-shrink:0;align-self:stretch;display:flex;overflow:hidden}.um-detail-panel__header{border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low);flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.um-detail-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--surface-tint) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;display:flex;box-shadow:0 2px 8px #1a274040}.um-detail-header-info{flex:1;min-width:0}.um-detail-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.um-detail-sub{color:var(--on-surface-variant);margin-top:2px;font-size:12px}.um-detail-panel__body{flex:1;padding:16px 20px;overflow-y:auto}.um-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);margin-bottom:10px;padding-bottom:6px;font-size:10px;font-weight:700}.um-form-grid{flex-direction:column;gap:8px;display:flex}.um-form-row{grid-template-columns:60px 1fr;align-items:center;gap:8px;display:grid}.um-form-label{color:var(--on-surface-variant);white-space:nowrap;font-size:12px;font-weight:600}.um-required{color:var(--error);margin-left:2px}.um-form-input,.um-form-select{border:1px solid var(--outline-variant);color:var(--on-surface);background:var(--surface-container-lowest);box-sizing:border-box;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.um-form-input:focus,.um-form-select:focus{border-color:var(--surface-tint);box-shadow:0 0 0 3px #0063981a}.um-form-value--readonly{background:var(--surface-container-low);color:var(--on-surface-variant);border:1px solid #0000;border-radius:7px;padding:7px 10px;font-family:monospace;font-size:12px}.um-detail-panel__footer{border-top:1px solid var(--outline-variant);background:var(--surface-container-low);flex-shrink:0;align-items:center;gap:8px;padding:14px 20px;display:flex}.um-btn-danger{border:1px solid var(--error-container);background:var(--error-container);color:var(--error);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.um-btn-danger:hover{background:var(--error);color:#fff;border-color:var(--error)}.sheet-header{margin-bottom:8px}.sheet-header__breadcrumb{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);margin-bottom:4px;font-size:10px;font-weight:600}.sheet-header__row{justify-content:space-between;align-items:flex-end;display:flex}.sheet-header__title{letter-spacing:-.5px;color:var(--on-surface);font-family:Manrope,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.sheet-header__desc{color:var(--on-surface-variant);margin-top:4px;font-size:13px}.sheet-header__actions{align-items:center;gap:8px;display:flex}.kpi-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px;display:grid}.kpi-summary__card{background:var(--surface-container-lowest);border-radius:10px;justify-content:space-between;align-items:flex-start;padding:14px 18px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 12px #131b2e1a,0 0 0 1px #131b2e0f}.kpi-summary__card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-summary__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);margin-bottom:6px;font-size:10px;font-weight:700}.kpi-summary__value{letter-spacing:-1px;color:var(--on-surface);font-family:Manrope,sans-serif;font-size:24px;font-weight:700;line-height:1}.kpi-summary__value--accent{color:var(--surface-tint)}.kpi-summary__value--success{color:var(--on-tertiary-container)}.kpi-summary__value--warning{color:#b45309}.kpi-summary__icon{background:var(--surface-container-low);width:30px;height:30px;color:var(--on-surface-variant);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:0;padding-bottom:0;display:flex}.sheet-toolbar__right{gap:8px;display:flex}.sheet-body{flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.sheet-body__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sheet-body__main .data-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.sheet-body__main .data-table-wrapper .data-table-scroll{flex:1;overflow-y:auto}.sheet-body__main .data-table-wrapper table{table-layout:fixed;width:100%}.sheet-body__main .data-table-wrapper thead th{z-index:2;position:sticky;top:0}.sheet-body__main .data-table-wrapper .data-table__footer{flex-shrink:0}.context-panel{width:var(--context-panel-width);background:var(--surface-container-lowest);box-shadow:var(--shadow-card);border-radius:12px;flex-shrink:0;align-self:stretch;overflow:hidden auto}@keyframes panelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.context-panel__header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.context-panel__title{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.context-panel__close{width:28px;height:28px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex}.context-panel__close:hover{background:var(--surface-container-low)}.context-panel__body{padding:16px 20px}.context-panel__name{color:var(--on-surface);margin-bottom:4px;font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.context-panel__meta{color:var(--on-surface-variant);margin-bottom:14px;font-size:12px}.context-panel__stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.context-panel__stat{background:var(--surface-container-low);border-radius:8px;padding:10px}.context-panel__stat-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);margin-bottom:4px;font-size:9px;font-weight:700}.context-panel__stat-value{color:var(--on-surface);font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.context-panel__divider{background:var(--outline-variant);height:1px;margin:14px 0}.context-panel__section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);margin-bottom:12px;font-size:10px;font-weight:700}.context-panel__activity-item{border-bottom:1px solid #c6c6cd66;gap:12px;padding:10px 0;display:flex}.context-panel__activity-item:last-child{border-bottom:none}.context-panel__activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.context-panel__activity-title{color:var(--on-surface);font-size:13px;font-weight:600}.context-panel__activity-desc{color:var(--on-surface-variant);margin-top:2px;font-size:11px}.context-panel__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 24px;display:flex}.context-panel__empty-icon{background:var(--surface-container-low);width:56px;height:56px;color:var(--on-surface-variant);opacity:.6;border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.context-panel__empty-title{color:var(--on-surface);margin-bottom:8px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.context-panel__empty-desc{color:var(--on-surface-variant);margin-bottom:20px;font-size:12px;line-height:1.6}.context-panel__empty-hints{text-align:left;width:100%;list-style:none}.context-panel__empty-hints li{color:var(--on-surface-variant);align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.context-panel__empty-hints li:before{content:"";background:var(--outline-variant);border-radius:2px;flex-shrink:0;width:4px;height:4px}.edit-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.edit-header__left{align-items:center;gap:16px;display:flex}.edit-header__back{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.edit-header__back:hover{background:var(--surface-container-low);color:var(--on-surface)}.edit-header__breadcrumb{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);font-size:10px;font-weight:600}.edit-header__title{color:var(--on-surface);align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;display:flex}.edit-header__actions{gap:8px;display:flex}.edit-tabs{background:var(--surface-container-low);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:flex}.edit-tab{cursor:pointer;color:var(--on-surface-variant);background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 18px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.edit-tab:hover{color:var(--on-surface);background:#ffffff80}.edit-tab--active{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:var(--shadow-sm)}.edit-body{background:var(--surface-container-lowest);min-height:0;box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.edit-body__toolbar{border-bottom:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.edit-body__toolbar-left{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.edit-body__toolbar-right{gap:6px;display:flex}.edit-grid{flex:1;overflow:auto}.edit-grid table{border-collapse:collapse;width:100%;font-size:12px}.edit-grid th{z-index:2;text-align:center;text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);white-space:nowrap;border-right:1px solid #c6c6cd80;padding:8px 10px;font-size:10px;font-weight:700;position:sticky;top:0}.edit-grid th:last-child{border-right:none}.edit-grid td{border-bottom:1px solid #c6c6cd99;border-right:1px solid #c6c6cd73;height:36px;padding:0}.edit-grid td:last-child{border-right:none}.edit-grid input,.edit-grid select{width:100%;height:100%;color:var(--on-surface);background:0 0;border:none;outline:none;padding:6px 10px;font-family:Manrope,sans-serif;font-size:12px}.edit-grid input:focus{box-shadow:inset 0 0 0 2px var(--surface-tint);background:#0063980a}.edit-grid input[type=number]{text-align:right;font-variant-numeric:tabular-nums;appearance:textfield}.edit-grid input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-grid input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-grid input[type=text].num-field{text-align:right;font-variant-numeric:tabular-nums}.edit-grid .cell--readonly{background:var(--surface-container-low);color:var(--on-surface-variant);font-variant-numeric:tabular-nums;text-align:right;padding:6px 10px;font-size:12px}.edit-grid .row-number{text-align:center;color:var(--on-surface-variant);background:var(--surface-container-low);width:40px;padding:6px 8px;font-size:11px;font-weight:600}.edit-grid tbody tr:hover{background:#00639805}.edit-grid tfoot td{color:var(--on-surface);background:var(--surface-container-low);border-top:2px solid var(--tertiary-fixed-dim);text-align:right;font-variant-numeric:tabular-nums;padding:8px 10px;font-size:11px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;align-content:start;gap:14px 16px;display:grid}.form-grid--3col{grid-template-columns:1fr 1fr 1fr}.info-card-3d{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:12px;padding:18px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}.info-card-3d:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000f}.info-card-3d__title{color:var(--primary);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.info-card-3d__title .material-symbols-outlined{font-size:18px}.info-card-3d__grid{gap:10px;display:grid}.info-card-3d__grid--2col{grid-template-columns:1fr 1fr}.info-card-3d__grid--3col{grid-template-columns:1fr 1fr 1fr}.info-card-3d__grid .span-2{grid-column:span 2}.info-card-3d__label{color:var(--on-surface-variant);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.info-card-3d__input{width:100%;padding:7px 12px}.form-section{border-bottom:1px solid var(--outline-variant);padding-bottom:20px}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section__title{color:var(--primary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:12px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;display:flex}.form-section__title:before{content:"";background:var(--primary);border-radius:2px;width:3px;height:14px}.form-field{flex-direction:column;gap:6px;display:flex}.form-field--full{grid-column:1/-1}.form-field--span2{grid-column:span 2}.form-field__label{text-transform:uppercase;letter-spacing:1px;color:var(--on-surface-variant);font-size:10px;font-weight:700}.form-field__input{border:1px solid var(--outline-variant);color:var(--on-surface);background:var(--surface-container-lowest);border-radius:8px;outline:none;padding:10px 14px;font-family:Manrope,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-field__input:focus{border-color:var(--surface-tint);box-shadow:0 0 0 3px #00639814}.form-field__input::placeholder{color:var(--outline)}.process-picker{z-index:20;background:var(--surface-container-lowest);box-shadow:var(--shadow-md);border:1px solid var(--outline-variant);border-radius:10px;width:220px;animation:.15s picker-in;position:absolute;top:calc(100% + 6px);right:0}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.process-picker__header{border-bottom:1px solid var(--outline-variant);text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.process-picker__close{cursor:pointer;width:24px;height:24px;color:var(--on-surface-variant);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex}.process-picker__close:hover{background:var(--surface-container-low)}.process-picker__list{grid-template-columns:1fr 1fr;gap:2px;max-height:260px;padding:8px;display:grid;overflow-y:auto}.process-picker__item{cursor:pointer;color:var(--on-surface);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:500;transition:background .12s;display:flex}.process-picker__item:hover{background:var(--surface-container-low)}.process-picker__item input[type=checkbox]{accent-color:var(--surface-tint);width:14px;height:14px}.gantt{border-top:1px solid var(--outline-variant);flex:1;display:flex;overflow:hidden}.gantt__left{border-right:1px solid var(--outline-variant);width:320px;min-width:320px;overflow-y:auto}.gantt__left-header{text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);z-index:2;justify-content:space-between;padding:10px 16px;font-size:10px;font-weight:700;display:flex;position:sticky;top:0}.gantt__part-row{cursor:pointer;border-bottom:1px solid #c6c6cd59;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .12s;display:flex}.gantt__part-row:hover{background:var(--surface-container-low)}.gantt__part-info{align-items:center;gap:8px;display:flex}.gantt__part-name{color:var(--on-surface);font-size:13px;font-weight:700}.gantt__part-material{color:var(--on-surface-variant);background:var(--surface-container-low);border-radius:4px;padding:2px 6px;font-size:10px}.gantt__part-progress{align-items:center;gap:8px;display:flex}.gantt__progress-bar{background:#0000000f;border-radius:9999px;width:48px;height:4px;overflow:hidden}.gantt__progress-fill{border-radius:9999px;height:100%;transition:width .3s}.gantt__progress-text{color:var(--on-surface-variant);text-align:right;min-width:28px;font-size:11px;font-weight:700}.gantt__process-row{border-bottom:1px solid #c6c6cd33;justify-content:space-between;align-items:center;gap:8px;padding:6px 16px 6px 40px;font-size:12px;animation:.2s gantt-expand;display:flex}@keyframes gantt-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gantt__process-info{color:var(--on-surface);align-items:center;gap:8px;display:flex}.gantt__process-name{font-size:12px;font-weight:600}.gantt__process-dot{border-radius:50%;width:8px;height:8px}.gantt__status{border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.gantt__status--done{color:var(--on-tertiary-container);background:#4edea333}.gantt__status--wip{color:var(--surface-tint);background:#93ccff4d}.gantt__status--wait{color:var(--on-surface-variant);background:#c6c6cd33}.gantt__right{flex:1;overflow:auto}.gantt__timeline-header{z-index:2;background:var(--surface-container-low);position:sticky;top:0}.gantt__months{border-bottom:1px solid var(--outline-variant);display:flex}.gantt__month{text-align:center;color:var(--on-surface);border-right:1px solid var(--outline-variant);padding:6px 0;font-size:11px;font-weight:700}.gantt__days{border-bottom:1px solid var(--outline-variant);display:flex}.gantt__day{text-align:center;color:var(--on-surface-variant);border-right:1px solid #c6c6cd33;padding:4px 0;font-size:10px}.gantt__day--sun{color:var(--error)}.gantt__day--sat{color:var(--surface-tint)}.gantt__bars-area{position:relative}.gantt__bar-row{cursor:pointer;border-bottom:1px solid #c6c6cd59;height:38px;transition:background .12s;overflow:visible}.gantt__bar-row:hover{background:#c6c6cd14}.gantt__bar-row--sub{border-bottom:1px solid #c6c6cd33;height:32px;animation:.2s gantt-expand;overflow:visible}.gantt__bar-track{height:100%;position:relative;overflow:visible}.gantt__bar{opacity:.85;border:1.5px solid #0000001f;border-radius:6px;align-items:center;height:22px;padding:0 8px;transition:opacity .12s;display:flex;position:absolute;top:8px}.gantt__bar:hover{opacity:1}.gantt__bar--part{opacity:.7;border-radius:6px;height:22px;top:8px}.gantt__bar-row--sub .gantt__bar{border-radius:4px;height:18px;top:5px}.gantt__bar-label{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;z-index:2;font-size:10px;font-weight:600;position:relative;overflow:hidden}.gantt__bar-progress{z-index:1;height:100%;transition:width .3s;position:absolute;top:0;left:0}.gantt__bar--active{box-shadow:0 0 0 2px var(--surface-tint);opacity:1!important}.gantt__bar:hover{cursor:pointer}.gantt__popover{z-index:20;background:var(--surface-container-lowest);box-shadow:var(--shadow-md);border:1px solid var(--outline-variant);border-radius:10px;width:220px;animation:.15s picker-in;position:absolute;top:34px}.gantt__popover-header{border-bottom:1px solid var(--outline-variant);color:var(--on-surface);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.gantt__popover-close{cursor:pointer;width:22px;height:22px;color:var(--on-surface-variant);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s;display:flex}.gantt__popover-close:hover{background:var(--surface-container-low)}.gantt__popover-body{flex-direction:column;gap:8px;padding:10px 14px 14px;display:flex}.gantt__popover-field{flex-direction:column;gap:3px;display:flex}.gantt__popover-field label{text-transform:uppercase;letter-spacing:.4px;color:var(--on-surface-variant);font-size:10px;font-weight:700}.gantt__popover-field input,.gantt__popover-field select{background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid #c6c6cd80;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:12px}.gantt__popover-field input:focus,.gantt__popover-field select:focus{border-color:var(--surface-tint);outline:none}.gantt__color-swatches{flex-wrap:wrap;gap:6px;display:flex}.gantt__color-swatch{cursor:pointer;border:2px solid;border-radius:6px;width:22px;height:22px;transition:transform .12s,box-shadow .12s}.gantt__color-swatch:hover{transform:scale(1.15)}.gantt__color-swatch--active{box-shadow:0 0 0 2px var(--surface-container-lowest), 0 0 0 4px var(--surface-tint)}.quot-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.quot-toolbar{border-bottom:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.quot-toolbar__left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quot-toolbar__right{flex-shrink:0;align-items:center;gap:6px;display:flex}.quot-toolbar__label{color:var(--on-surface-variant);font-size:11px;font-weight:600}.quot-toolbar__select{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);cursor:pointer;border-radius:5px;padding:4px 8px;font-size:11px}.quot-toolbar__field{align-items:center;gap:4px;display:flex}.quot-toolbar__input{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);border-radius:4px;outline:none;padding:4px 8px;font-size:11px}.quot-toolbar__input:focus{border-color:var(--surface-tint)}.quot-toolbar__total{background:var(--primary-fixed);color:var(--surface-tint);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:700}.quot-cols{flex:1;min-height:0;display:flex;overflow:hidden}.quot-cols__divider{flex-direction:column;flex:1;min-width:0;display:flex}.quot-col{flex-direction:column;flex:1;min-height:0;display:flex}.quot-col__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:flex}.quot-col__header--mfg{color:#1a3b69;background:#e8f0fe}.quot-col__header--pur{color:#7a5a00;background:#fef3e0}.quot-col__total{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.quot-col__add{cursor:pointer;color:var(--surface-tint);background:0 0;border:none;padding:2px;line-height:1}.quot-col__body{flex:1;overflow-y:auto}.quot-table{border-collapse:collapse;table-layout:fixed;width:100%}.quot-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);white-space:nowrap;text-align:center;z-index:1;border-right:1px solid #c6c6cd66;padding:5px 4px;font-size:9px;font-weight:700;position:sticky;top:0}.quot-table th:last-child{border-right:none}.quot-th--no{width:28px}.quot-th--name{width:22%}.quot-th--qty,.quot-th--unit{width:38px}.quot-th--price{width:70px;text-align:right!important}.quot-th--amount{width:80px;text-align:right!important}.quot-th--del{width:24px}.quot-table td{border-bottom:1px solid #c6c6cd80;border-right:1px solid #c6c6cd4d;height:30px;padding:0;overflow:hidden}.quot-table td:last-child{border-right:none}.quot-table tbody tr:hover{background:#00639805}.quot-td--no{text-align:center;color:var(--on-surface-variant);padding:0 4px;font-size:10px}.quot-td--amount{text-align:right;font-variant-numeric:tabular-nums;color:var(--on-surface-variant);padding:4px 6px;font-size:11px;font-weight:400}.quot-td--has-value{color:var(--on-surface);font-weight:600}.quot-td--del{text-align:center;padding:0}.quot-input{width:100%;height:100%;color:var(--on-surface);background:0 0;border:none;outline:none;padding:3px 4px;font-family:inherit;font-size:11px}.quot-input:focus{box-shadow:inset 0 0 0 1.5px var(--surface-tint);background:#00639808}.quot-input--spec{color:var(--on-surface-variant)}.quot-input--center{text-align:center}.quot-input--right{text-align:right;font-variant-numeric:tabular-nums}.quot-del-btn{cursor:pointer;color:var(--error);opacity:.4;background:0 0;border:none;padding:2px;line-height:1}.quot-del-btn:hover{opacity:1}.quot-footer{border-top:2px solid var(--outline-variant);background:var(--surface-container-lowest);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.quot-footer__sections{gap:20px;display:flex}.quot-footer__sec-item{font-variant-numeric:tabular-nums;font-size:12px}.quot-footer__sec-label{color:var(--on-surface-variant);margin-right:4px}.quot-footer__grand{color:var(--surface-tint);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.doc-view{flex-direction:column;flex:1;align-items:center;gap:16px;padding:24px;display:flex;overflow:auto}.doc-canvas{background:var(--surface-container-lowest);border:1px solid #c6c6cd26;border-radius:12px;flex-direction:column;gap:24px;width:100%;max-width:297mm;padding:40px 48px;display:flex;box-shadow:0 24px 48px -12px #131b2e14}.doc-header{justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.doc-header__left{align-items:center;gap:16px;display:flex}.doc-header__icon{background:var(--surface-container-low);width:56px;height:56px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.doc-header__type{text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:2px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.doc-header__title{color:var(--on-surface);letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:36px;font-weight:800;line-height:1.1}.doc-header__right{text-align:right;flex-direction:column;gap:6px;display:flex}.doc-header__meta{justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.doc-header__meta-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.doc-header__meta-value{color:var(--primary);font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.doc-accent-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-container) 100%);border-radius:2px;height:4px}.doc-info-row{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.doc-info-card{border-radius:12px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.doc-info-card--recipient{background:var(--surface-container-low)}.doc-info-card--sender{background:#d6e3ff40}.doc-info-card__header{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);border-bottom:1px solid #c6c6cd40;align-items:center;gap:8px;padding-bottom:8px;font-size:10px;font-weight:700;display:flex}.doc-info-card__body{flex-direction:column;gap:6px;display:flex}.doc-info-card__logo-row{margin-bottom:4px}.doc-info-card__logo{object-fit:contain;width:auto;height:28px}.doc-info-card__company{color:var(--on-surface);font-family:Manrope,sans-serif;font-size:18px;font-weight:700}.doc-info-card__detail{color:var(--on-surface-variant);font-size:13px}.doc-info-card__grid{grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:4px;font-size:12px;display:grid}.doc-info-card__grid>div{gap:6px;display:flex}.doc-info-card__label{text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);min-width:60px;font-size:10px;font-weight:700}.doc-info-card__address{color:var(--on-surface-variant);margin-top:4px;font-size:12px}.doc-table-wrap{border:1px solid #c6c6cd33;border-radius:10px;overflow:hidden}.doc-table{border-collapse:collapse;width:100%}.doc-table th{text-transform:uppercase;letter-spacing:1px;color:var(--primary);background:var(--surface-container-high);border-bottom:2px solid var(--tertiary-fixed-dim);white-space:nowrap;border-right:1px solid #c6c6cd40;padding:10px 14px;font-size:10px;font-weight:700}.doc-table th:last-child{border-right:none}.doc-table td{color:var(--on-surface);border-bottom:1px solid #c6c6cd4d;border-right:1px solid #c6c6cd1f;padding:10px 14px;font-size:12.5px}.doc-table td:last-child{border-right:none}.doc-table tbody tr:nth-child(2n){background:#f0f4f780}.doc-table tbody tr:hover{background:var(--surface-container-low)}.doc-table__num{font-variant-numeric:tabular-nums;font-weight:500}.doc-table__empty-row td{color:#0000;height:36px}.doc-footer-row{grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;display:grid}.doc-remarks{flex-direction:column;gap:16px;display:flex}.doc-remarks__section{background:var(--surface-container-low);border-radius:10px;padding:16px 20px}.doc-remarks__title{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:8px;font-size:10px;font-weight:700}.doc-remarks__list{flex-direction:column;gap:6px;list-style:none;display:flex}.doc-remarks__list li{color:var(--on-surface-variant);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.doc-remarks__list li:before{content:"";background:#465f8859;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.doc-signatures{grid-template-columns:1fr 1fr;gap:12px;display:grid}.doc-signature-box{border:2px dashed #c6c6cd66;border-radius:10px;flex-direction:column;justify-content:space-between;height:80px;padding:12px 16px;display:flex}.doc-signature-box__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--on-surface-variant);font-size:9px;font-weight:700}.doc-signature-box__line{text-align:center;color:var(--on-surface-variant);border-top:1px solid #131b2e33;padding-top:6px;font-size:11px;font-style:italic}.doc-summary{flex-direction:column;gap:2px;display:flex}.doc-summary__row{background:var(--surface-container-low);color:var(--on-surface-variant);justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;display:flex}.doc-summary__row:first-child{border-radius:10px 10px 0 0}.doc-summary__value{color:var(--on-surface);font-family:Manrope,sans-serif;font-size:16px;font-weight:600}.doc-summary__total{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:#fff;border-radius:0 0 10px 10px;padding:18px 20px}.doc-summary__total-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.8;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.doc-summary__total-value{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800}.doc-sys-footer{border-top:1px solid #c6c6cd26;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.doc-sys-footer__left,.doc-sys-footer__right{text-transform:uppercase;letter-spacing:1px;color:var(--on-surface-variant);opacity:.5;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex}.doc-action-bar{gap:8px;padding:12px 0;display:flex}.doc-quot-cols{gap:12px;display:flex}.doc-quot-cols>div{flex:1;min-width:0}.doc-quot-section__header{letter-spacing:1px;border-radius:8px 8px 0 0;padding:8px 14px;font-size:12px;font-weight:700}.doc-quot-section__header--mfg{color:#1a3b69;background:#e8f0fe}.doc-quot-section__header--pur{color:#7a5a00;background:#fef3e0}@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff!important}.no-print{display:none!important}.app-layout{display:block!important}.sidebar,.topbar,.page-content>:not(.edit-body){display:none!important}.page-content,.main-content,.edit-body{padding:0!important;overflow:visible!important}.doc-view{padding:0;overflow:visible}.doc-canvas{box-shadow:none;border:none;border-radius:0;gap:8px;max-width:none;padding:0}.doc-header{border-bottom:3px double #000;padding-bottom:8px}.doc-header__icon{display:none}.doc-header__type{color:#000;font-size:10px}.doc-header__title{color:#000;letter-spacing:4px;font-size:24px}.doc-header__meta-label{color:#333}.doc-header__meta-value{color:#000;font-size:14px}.doc-accent-bar{background:#000;border-radius:0;height:2px}.doc-info-row{grid-template-columns:1fr 1fr;gap:0}.doc-info-card{border:1px solid #000;border-radius:0;gap:4px;padding:8px 12px;background:0 0!important}.doc-info-card--recipient{border-right:none}.doc-info-card__header{color:#000;border-bottom:1px solid #666;padding-bottom:4px}.doc-info-card__header .material-symbols-outlined,.doc-info-card__logo-row{display:none}.doc-info-card__company{color:#000;font-size:14px}.doc-info-card__grid{color:#000;font-size:11px}.doc-info-card__label{color:#333}.doc-info-card__address{color:#000}.doc-table-wrap{border:2px solid #000;border-radius:0}.doc-table th{color:#000;border-bottom:2px solid #000;border-right:1px solid #000;padding:6px 8px;font-size:9px;background:#f0f0f0!important}.doc-table td{color:#000;border-bottom:1px solid #666;border-right:1px solid #ccc;padding:5px 8px;font-size:11px}.doc-table tbody tr:nth-child(2n),.doc-table tbody tr:hover{background:0 0}.doc-footer-row{gap:12px}.doc-remarks__section{background:0 0;border:1px solid #000;border-radius:0;padding:8px 12px}.doc-remarks__title{color:#000;font-size:9px}.doc-remarks__list li{color:#000;font-size:10px}.doc-remarks__list li:before{background:#000}.doc-signature-box{border:1px solid #000;border-radius:0}.doc-signature-box__label,.doc-signature-box__line{color:#000}.doc-summary__row{color:#000;background:0 0;border:1px solid #000;border-bottom:none;padding:6px 12px}.doc-summary__row:first-child{border-radius:0}.doc-summary__value{color:#000}.doc-summary__total{color:#000;background:#f0f0f0;border:2px solid #000;border-radius:0;padding:10px 12px}.doc-summary__total-label{color:#000;opacity:1}.doc-summary__total-value{color:#000;font-size:20px}.doc-sys-footer{border-top:1px solid #ccc}.doc-sys-footer__left,.doc-sys-footer__right{color:#666;opacity:1}}