:root{--navy:#071328;--navy-2:#0e1d35;--blue:#1a5fa8;--blue-2:#0d4fbf;--cyan:#00a8d4;--bg:#dde5ee;--surface:#fff;--card:#fff;--line:#a0b8d0;--line-strong:#6890b0;--text:#0a1628;--muted:#4a6075;--danger:#cc3a3a;--success:#157a44;--warning:#c08816;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--border-width:2px;--shadow-block:0 1px 0 #0a162812, 0 6px 20px #0a16281a;--shadow-elevated:0 2px 0 #0a16280f, 0 14px 36px #0a162824;--accent-bar:5px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:linear-gradient(160deg, var(--bg) 0%, #cfd8e4 100%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans JP,Yu Gothic,Meiryo,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.page-loader{background:var(--bg);min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.loader-ring{border:4px solid #dce8f4;border-top-color:var(--blue-2);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.admin-layout.sidebar-hidden{grid-template-columns:minmax(0,1fr)}.admin-layout.sidebar-hidden .sidebar{display:none}.admin-layout.sidebar-hidden .main-area{padding-left:58px}.mobile-app-bar,.mobile-menu-close,.mobile-sidebar-backdrop,.mobile-bottom-nav{display:none}.sidebar-toggle-button{z-index:60;border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:#285987;width:38px;height:38px;box-shadow:var(--shadow-block);place-items:center;display:grid;position:fixed;top:16px;left:232px}.sidebar-toggle-button:hover{border-color:var(--line-strong);background:#e8f2fc}.admin-layout.sidebar-hidden .sidebar-toggle-button{left:12px}.sidebar{color:#fff;background:linear-gradient(#09152a 0%,#071127 100%);flex-direction:column;height:100vh;padding:22px 12px 14px;display:flex;position:sticky;top:0}.brand-badge{border-bottom:1px solid #ffffff21;align-items:center;gap:10px;padding:2px 6px 14px;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:50%;flex:none;width:54px;height:54px;box-shadow:0 6px 18px #00000040}.brand-copy{gap:2px;min-width:0;display:grid}.brand-badge strong{text-align:left;min-width:0;font-size:13px;line-height:1.45}.brand-badge small{color:#9db4ca;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#365779 transparent;align-content:start;gap:14px;min-height:0;margin-top:12px;padding-right:3px;display:grid;overflow-y:auto}.nav-section{gap:8px;display:grid}.nav-section-title{color:#80a8d0;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid #ffffff2e;margin:0;padding:0 8px 8px;font-size:18px;font-weight:700}.nav-section-toggle{border:var(--border-width) solid #3a5d80;border-radius:var(--radius-sm);color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#17375b,#102945);justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 13px 0 15px;font-size:15px;font-weight:800;display:flex;box-shadow:inset 4px 0 #4d9be8}.nav-section-toggle:hover{color:#fff;background:linear-gradient(135deg,#204c79,#173a60);border-color:#62a3df}.nav-section-toggle svg{flex:none;transition:transform .18s}.nav-section-toggle svg.collapsed{transform:rotate(-90deg)}.nav-section-items{border-left:2px solid #315473;gap:5px;margin-left:14px;padding-left:12px;display:grid;position:relative}.nav-section-items.collapsed{display:none}.time-nav-section{margin-top:2px}.nav-item{border-radius:var(--radius-sm);color:#d9e8f7;background:#132741d1;border:1px solid #29445f;align-items:center;gap:10px;min-height:42px;padding:0 10px;font-size:13px;font-weight:650;transition:border-color .15s,background .15s;display:flex;position:relative}.nav-section-items .nav-item:before{content:"";border-top:2px solid #315473;width:11px;position:absolute;top:50%;left:-13px}.nav-item:hover{color:#fff;background:#1a3a60;border-color:#4a80b8}.nav-item.active{background:var(--surface);color:#0a1628;border-color:#9cc7ef;font-weight:800;box-shadow:inset 4px 0 #0d4fbf,0 3px 12px #00000040}.nav-item.active .nav-icon{color:#0d4fbf;background:#d4e8f8;border-color:#90b8e0}.nav-icon{border-radius:var(--radius-sm);color:#8ab8e8;background:#1a3050;border:1.5px solid #2a4a70;flex:none;place-items:center;width:28px;height:28px;display:grid}.nav-icon svg{width:16px;height:16px}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item-copy{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.nav-item-copy small{color:#8aaac8;border:1.5px solid #8caac859;border-radius:999px;flex:none;padding:2px 7px;font-size:9px;font-weight:700}.nav-item.active .nav-item-copy small{color:#406080;border-color:#a0c0e0}.nav-disabled{cursor:default;opacity:.55}.nav-disabled>span:last-child{align-items:center;gap:8px;display:flex}.nav-disabled small{border:1.5px solid #8caac84d;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.sidebar-bottom{flex:none;gap:10px;margin-top:auto;padding-top:14px;display:grid}.sidebar-bottom>.nav-item{background:#10233c;border-color:#3a5572;min-height:44px;margin-left:0;padding:0 12px}.login-card{border:var(--border-width) solid #ffffff38;border-radius:var(--radius-md);background:#ffffff0f;gap:4px;padding:14px;display:grid}.login-card span{color:#6aa0d8;letter-spacing:.12em;font-size:11px;font-weight:800}.login-card small{color:#90aac0}.viewer-mode-badge{color:#88b8e8;letter-spacing:.06em;background:#1e50a02e;border:1.5px solid #648cbe80;border-radius:999px;width:fit-content;margin-top:3px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:800}.button-nav{width:100%}.main-area{min-width:0;padding:20px 28px 36px}.page-topbar{border:var(--border-width) solid var(--line);background:var(--surface);border-radius:var(--radius-lg);border-left:var(--accent-bar) solid var(--blue-2);min-height:154px;box-shadow:var(--shadow-block);justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.page-topbar h1{letter-spacing:-.02em;color:#0a1628;margin:0;font-size:30px;font-weight:700}.page-topbar p{color:#4a6075;margin:8px 0 0;font-size:14px;font-weight:500}.topbar-actions{align-items:center;gap:10px;display:flex}.soft-button,.primary-button,.danger-button,.ghost-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.soft-button{color:#0d3d78;border:var(--border-width) solid #8ab0d0;background:#e0ebf8;box-shadow:inset 0 1px #fffc}.soft-button:hover{background:#d0e2f4;border-color:#6090c0}.primary-button{background:linear-gradient(180deg, #1a5fa8 0%, var(--blue) 100%);color:#fff;border:var(--border-width) solid #0d4294;box-shadow:0 3px #0a3580,0 8px 20px #1a5fa859}.primary-button:hover{background:linear-gradient(#15549a 0%,#144f8c 100%)}.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.danger-button{color:var(--danger);border:var(--border-width) solid #e8b4b4;background:#fff5f5}.danger-button:hover{background:#ffecec;border-color:#d99090}.ghost-button{background:var(--surface);color:var(--blue);border:var(--border-width) solid var(--line)}.ghost-button:hover{border-color:var(--line-strong);background:#f4f8fc}.logo-wrap{border:var(--border-width) solid #a0b8d0;background:#fff;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;overflow:hidden}.logo-wrap img{object-fit:cover;width:140%;height:140%}.content-area{padding-top:0}.settings-list{gap:14px;display:grid}.settings-option{background:#fff;border:1px solid #c8d9e9;border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px;transition:all .18s;display:grid}.settings-option:hover{background:#eef6ff;border-color:#79a8d8;transform:translateY(-1px)}.settings-option-icon{color:#285d91;background:#e5f0fc;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.settings-option>span:last-child{gap:4px;display:grid}.settings-option small{color:var(--muted)}.settings-option-control{cursor:default}.settings-option-control:hover{transform:none}.settings-option-control select{color:#1f3b58;background:#f8fbff;border:1px solid #b9ccdf;border-radius:10px;width:100%;margin-top:10px;padding:9px 11px;font-weight:800}.settings-coming-soon{color:#718196;background:#eef2f6;border-radius:12px;align-items:center;gap:9px;padding:13px 16px;font-size:13px;font-weight:700;display:flex}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric-card{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:100px;box-shadow:var(--shadow-block);flex-direction:column;justify-content:center;padding:16px 18px 16px 22px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";width:var(--accent-bar);background:var(--blue);position:absolute;inset:0 auto 0 0}.metric-card:first-child:before{background:#1560c0}.metric-card:nth-child(2):before{background:#0e8a50}.metric-card:nth-child(3):before{background:#d97018}.metric-card:nth-child(4):before{background:#b89018}.metric-card:nth-child(5):before{background:#5040b8}.metric-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.metric-card strong{text-align:left;color:var(--text);margin-top:6px;font-size:28px;font-weight:700}.dashboard-summary{border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-block);border-left:5px solid #1a5fa8;margin-bottom:18px;overflow:hidden}.dashboard-summary-toggle{color:#0a1e38;text-align:left;background:#edf3fa;border:0;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:66px;padding:12px 18px;display:flex}.dashboard-summary-toggle strong{color:#0a1830;font-size:17px;font-weight:700}.dashboard-summary-toggle small{color:#3a5068;font-size:12px;font-weight:600}.dashboard-summary-action{color:#285987;background:#dceaf8;border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:900;display:flex}.dashboard-summary-action svg{transition:transform .18s}.dashboard-summary.open .dashboard-summary-action svg{transform:rotate(180deg)}.dashboard-metric-grid{border-top:1px solid #d4e2ef;margin:0;padding:12px}.panel{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-block);padding:20px}.panel+.panel{margin-top:18px}.module-placeholder{text-align:center;border:var(--border-width) dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);place-content:center;justify-items:center;gap:14px;min-height:calc(100vh - 68px);padding:48px 24px;display:grid}.module-placeholder-icon{border-radius:var(--radius-md);border:var(--border-width) solid #b8d4ef;color:#2e6398;background:#e8f2fc;place-items:center;width:72px;height:72px;display:grid}.module-placeholder-status{border-radius:var(--radius-sm);color:#60758b;background:#edf1f5;padding:5px 11px;font-size:12px;font-weight:700}.module-placeholder h1{margin:0;font-size:clamp(26px,4vw,38px);font-weight:700}.module-placeholder p{max-width:600px;color:var(--muted);margin:0;line-height:1.7}.module-placeholder-note{border:var(--border-width) dashed #b8cde2;border-radius:var(--radius-md);color:#4f6b87;background:#f3f8fd;max-width:620px;margin-top:10px;padding:14px 18px;font-size:13px;line-height:1.7}.panel-header{border-bottom:var(--border-width) solid #dce6f0;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.panel-header h2{color:var(--text);margin:0;font-size:22px;font-weight:700}.panel-header p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-box{flex:1;min-width:260px;position:relative}.project-visibility-switch{background:#edf4fb;border:1px solid #c8d8e8;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.project-visibility-switch button{color:#536b83;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-weight:900}.project-visibility-switch button.active{color:#193f67;background:#fff;box-shadow:0 3px 10px #22497124}.project-visibility-switch span{background:#dce9f6;border-radius:999px;place-items:center;min-width:21px;min-height:21px;margin-left:5px;font-size:11px;display:inline-grid}.search-box input{width:100%;padding-left:42px}.search-box svg{color:#8090a5;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.status-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:var(--border-width) solid var(--line);background:var(--surface);border-radius:var(--radius-sm);color:#4c5d73;padding:9px 14px;font-weight:600}.chip.active{color:#1a4a7a;background:#e3f0ff;border-color:#7eb0e0;box-shadow:inset 0 1px #ffffffe6}.dashboard-filter-toggle{color:#315a83;background:#f4f8fd;border:1px solid #c7d6e7;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex}.dashboard-filter-toggle svg{transition:transform .18s}.dashboard-filter-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.dashboard-status-chips{flex-basis:100%;display:none}.dashboard-status-chips.open{display:flex}.dashboard-status-chips .chip{padding:7px 11px;font-size:12px}.dashboard-mobile-projects{display:none}.table-wrap{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;overflow:auto;box-shadow:inset 0 1px #ffffffe6}.data-table{border-collapse:collapse;width:100%;min-width:920px}.data-table th{z-index:1;color:#0a2a50;text-align:left;letter-spacing:.02em;background:#c8dcf0;border-bottom:2px solid #1a5fa8;border-right:1px solid #90b0d0;padding:13px 14px;font-size:13px;font-weight:700;position:sticky;top:0}.data-table td{border-top:1px solid #dce6f0;border-right:1px solid #e8eef4;padding:12px 14px;font-size:14px}.data-table tbody tr:nth-child(2n) td{background:#f8fbfe}.data-table tr:hover td{background:#eef6ff!important}.document-table{min-width:1180px}.document-filter-grid{grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(180px,1fr) 150px auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.document-filter-toolbar{gap:10px;margin-bottom:14px;display:grid}.document-filter-bar{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:10px;display:grid}.document-filter-options{background:#f6f9fc;border:1px solid #d6e2ed;border-radius:12px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 160px auto;align-items:end;gap:10px;padding:12px;display:none}.document-filter-options.open{display:grid}.document-filter-options label{gap:6px;min-width:0;display:grid}.document-filter-options label>span{color:#526980;font-size:11px;font-weight:900}.document-filter-options select,.document-filter-options select option{font-size:13px}.filter-toggle-button{color:#315a83;background:#f4f8fc;border:1px solid #c8d8e7;border-radius:11px;align-items:center;gap:7px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.filter-toggle-button b{color:#fff;background:#2f6fae;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.filter-toggle-button>svg:last-child{transition:transform .18s}.filter-toggle-button[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.document-filter-grid label{gap:6px;min-width:0;display:grid}.document-filter-grid label>span{color:#526980;font-size:12px;font-weight:900}.document-filter-grid select,.document-filter-grid select option{font-size:13px}.document-filter-search{align-self:end}.document-filter-clear{white-space:nowrap}.filter-result-count{color:#285987;background:#e5f0fb;border-radius:999px;flex:none;padding:6px 11px;font-size:12px;font-weight:900}.compact-record-list{gap:9px;display:grid}.compact-record{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-block);overflow:hidden}.compact-record summary{color:#0a2040;cursor:pointer;align-items:center;gap:14px;min-height:58px;padding:12px 14px;list-style:none;display:flex}.compact-record summary::-webkit-details-marker{display:none}.compact-record-heading strong{overflow-wrap:anywhere;color:#0a1a30;font-size:14px;font-weight:700;line-height:1.5}.compact-record-heading small{color:#4a6080;overflow-wrap:anywhere;font-size:11px;font-weight:600;line-height:1.45}.compact-record[open]>summary{border-bottom:var(--border-width) solid #c0d4e8;background:#eef4fb}.compact-record-details dt{color:#3a5070;font-size:11px;font-weight:700}.compact-record-details dd{color:#0a1828;overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;font-weight:600}.compact-record-actions{justify-content:flex-end;gap:8px;padding:11px 13px;display:flex}.compact-record-actions .soft-button{min-height:38px}.compact-record-actions .soft-button.danger{color:#bd3636;background:#fff2f2;border-color:#efcaca}.project-list-columns,.project-record-summary{grid-template-columns:minmax(210px,1.45fr) minmax(105px,.7fr) minmax(190px,1.25fr) minmax(125px,.85fr) 96px minmax(150px,1fr) 22px;align-items:center;column-gap:12px;display:grid!important}.project-list-columns{color:#63778b;letter-spacing:.04em;padding:3px 14px 0;font-size:9px;font-weight:900}.project-record-summary{min-height:64px!important}.project-record-summary>*{min-width:0}.compact-record-heading{gap:2px;display:grid}.compact-record-heading small{display:none}.project-record-job,.project-record-value{color:#294c6d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:750;overflow:hidden}.project-record-job.empty,.project-record-value.empty{color:#8794a1;font-weight:600}.project-record-task{align-items:center;gap:7px;min-width:0;display:flex}.project-record-task>strong{color:#132f4d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:850;overflow:hidden}.project-record-meta{display:contents}.project-record-value{align-items:center;gap:4px;display:inline-flex}.project-record-value svg{color:#3479b8;flex:none}.project-record-value.note{color:#405b74}.project-record-job-list{grid-column:2/7;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.project-record-job-list>span{color:#285477;text-overflow:ellipsis;white-space:nowrap;background:#eef5fb;border:1px solid #bad0e3;border-radius:999px;min-width:0;padding:4px 9px;font-size:9px;font-weight:800;overflow:hidden}.multi-job-project .compact-record-heading small{color:#477398;font-size:8px;display:block}.project-current-status{color:#17609e;text-align:center;background:#e8f3ff;border:1px solid #a9c9e7;border-radius:999px;flex:none;min-width:70px;padding:5px 10px;font-size:10px;font-weight:900}.project-current-status.done{color:#167347;background:#e8f8ef;border-color:#9ed4b7}.project-current-status.wait{color:#8a6100;background:#fff8dd;border-color:#e5c778}.project-current-status.hold{color:#68449a;background:#f4edff;border-color:#c8b4e7}.project-current-status.off{color:#647587;background:#f1f4f7;border-color:#cbd5df}.file-project-groups{gap:11px;display:grid}.file-project-group{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-block);overflow:hidden}.file-project-group>summary{cursor:pointer;color:#0a1e38;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:12px 14px;list-style:none;display:flex}.file-project-group>summary::-webkit-details-marker{display:none}.file-project-group>summary>span{gap:3px;min-width:0;display:grid}.file-project-group>summary strong{overflow-wrap:anywhere;color:#0a1830;font-size:15px;font-weight:700;line-height:1.45}.file-project-group>summary small{color:#4a6888;font-size:11px;font-weight:700}.file-project-group[open]>summary{border-bottom:var(--border-width) solid #c0d4e8;background:#edf4fb}.state-message{color:#647a90;text-align:center;background:#f8fbfe;border:1px dashed #cad9e6;border-radius:13px;place-content:center;justify-items:center;gap:7px;min-height:130px;padding:24px;display:grid}.state-message strong{color:#294965}.state-message span{font-size:12px}.state-message.error{color:#a33d3d;background:#fff6f6;border-style:solid;border-color:#efc7c7}.state-message.error strong{color:#a32727}.state-message.loading{min-height:110px}.state-spinner{border:3px solid #dce8f3;border-top-color:#3975b3;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.dashboard-focus{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;align-items:stretch;gap:12px;margin-bottom:14px;display:grid}.dashboard-focus>div{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:72px;box-shadow:var(--shadow-block);align-items:center;gap:12px;padding:12px 14px;display:flex}.dashboard-focus small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.dashboard-focus strong{color:var(--text);font-size:24px;font-weight:700}.dashboard-focus-icon{border-radius:var(--radius-sm);border:var(--border-width) solid transparent;flex:none;place-items:center;width:44px;height:44px;display:grid}.dashboard-focus-icon.today{color:#0d4fbf;background:#def;border-color:#90b8f0}.dashboard-focus-icon.overdue{color:#b83020;background:#ffe8e4;border-color:#f0b8b0}.dashboard-focus-link{border:var(--border-width) solid #9ec0e4;border-radius:var(--radius-md);color:#1e5080;min-width:170px;box-shadow:var(--shadow-block);background:linear-gradient(#f0f7ff 0%,#e3effc 100%);place-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:grid}.dashboard-focus-link:hover{border-color:var(--blue);background:#dceeff}.icon-button{border:var(--border-width) solid #c5d8eb;color:#345d89;border-radius:var(--radius-sm);background:#f2f7fc;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{border-color:var(--line-strong);background:#e5f0fa}.icon-button.danger{color:var(--danger);background:#fff5f5;border-color:#e8b4b4}.badge{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.active,.badge.done{color:#1a7746;background:#e8f8ef;border-color:#b8e6cb}.badge.wait{color:#946500;background:#fff8e6;border-color:#f0dfa0}.badge.hold{color:#6845a5;background:#f3efff;border-color:#d4c8f0}.badge.work{color:#2a5ea3;background:#e8f2ff;border-color:#b8d4f0}.badge.off{color:#757575;background:#f2f4f6;border-color:#d8dde3}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-block);border-top:6px solid #1a5fa8;gap:12px;padding:18px;display:grid}.project-card h3{margin:0;font-size:19px;font-weight:700}.project-meta{color:#5f6f86;justify-content:space-between;gap:8px;font-size:13px;display:flex}.progress-track{background:#414c6e24;border-radius:999px;height:8px;overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#466fbd,#7c67e8);height:100%;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-field{gap:7px;display:grid}.form-field.full{grid-column:1/-1}.form-field label{color:#3d5064;font-size:13px;font-weight:700}input,select,textarea{border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);outline:none;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6db526}textarea{resize:vertical;min-height:90px}.form-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.error-text{color:var(--danger);white-space:pre-wrap;font-size:13px;font-weight:700}.success-text{color:var(--success);font-size:13px;font-weight:700}.muted{color:var(--muted)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05102194;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:var(--border-width) solid var(--line-strong);border-radius:var(--radius-lg);width:min(720px,96vw);max-height:90vh;box-shadow:var(--shadow-elevated);overflow:auto}.modal-header{border-bottom:var(--border-width) solid #c0d4e8;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#edf3fa;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:#0a1628;margin:0;font-size:20px;font-weight:700}.modal-body{padding:20px}.login-page{background:var(--bg);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-hero{color:#fff;border-right:var(--accent-bar) solid var(--cyan);background:linear-gradient(155deg,#08172f 0%,#0b2445 55%,#116baa 100%);flex-direction:column;justify-content:space-between;padding:58px;display:flex}.login-hero h1{margin:0;font-size:48px;line-height:1.12}.login-hero p{color:#c9dbef;max-width:520px;line-height:1.8}.hero-badge{background:linear-gradient(135deg,#0d4fbf,#00a8d4);border-radius:16px;gap:5px;width:fit-content;padding:18px 22px;display:grid;box-shadow:0 4px 14px #0d4fbf66}.hero-badge span{letter-spacing:.15em;font-size:12px;font-weight:900}.hero-badge strong{font-size:26px;font-weight:800}.login-side{place-items:center;padding:30px;display:grid}.login-card-main{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-xl);width:min(480px,100%);box-shadow:var(--shadow-elevated);padding:36px}.login-card-main h2{margin:0;font-size:28px;font-weight:700}.login-card-main>p{color:var(--muted);margin-bottom:26px}.login-form{gap:16px;display:grid}.login-form .primary-button{width:100%;min-height:50px;margin-top:6px}.pin-input{letter-spacing:.4em;font-size:20px}.detail-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.detail-title{align-items:center;gap:10px;display:flex}.back-link{border-radius:var(--radius-sm);border:var(--border-width) solid #c5d8eb;color:#315a87;background:#eef4fb;place-items:center;width:42px;height:42px;display:grid}.back-link:hover{border-color:var(--line-strong);background:#e3eef9}.tabs{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:#eef3f8;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;margin-bottom:18px;padding:5px;display:flex}.tab-button{border:var(--border-width) solid transparent;color:#4c5f75;border-radius:var(--radius-sm);background:0 0;padding:10px 16px;font-weight:600}.tab-button:hover{border-color:var(--line);background:#fff9}.tab-button.active{background:var(--surface);color:#1a4570;border-color:var(--line);box-shadow:var(--shadow-block)}.empty-state{text-align:center;color:var(--muted);padding:42px 20px}.split-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.sticky-side{align-self:start;position:sticky;top:18px}@media (max-width:1180px){.admin-layout{grid-template-columns:210px minmax(0,1fr)}.sidebar-toggle-button{left:184px}.admin-layout.sidebar-hidden .sidebar-toggle-button{left:12px}.main-area{padding:18px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.document-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-filter-search{grid-column:1/-1}}@media (max-width:820px){body.mobile-nav-open{overflow:hidden}.admin-layout,.admin-layout.sidebar-hidden{display:block}.admin-layout.sidebar-hidden .main-area{padding-left:12px}.mobile-app-bar{z-index:55;border-bottom:var(--border-width) solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:4px solid var(--blue-2);background:#f9fcfffa;align-items:center;gap:10px;min-height:58px;padding:7px 14px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #14325a1f}.mobile-app-bar img{object-fit:contain;background:#fff;border-radius:50%;width:42px;height:42px}.mobile-app-bar>span{min-width:0;display:grid}.mobile-app-bar strong{color:#122d48;font-size:16px}.mobile-app-bar small{color:#668099;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-menu-button,.mobile-menu-close{border:var(--border-width) solid #b0c8e0;border-radius:var(--radius-sm);color:#1a5fa8;background:#eef5fc;flex:none;place-items:center;width:42px;height:42px}.mobile-menu-button{display:none}.mobile-menu-close{z-index:2;color:#fff;background:#ffffff14;border-color:#ffffff40;display:grid;position:absolute;top:12px;right:12px}.sidebar-toggle-button,.admin-layout.sidebar-hidden .sidebar-toggle-button{display:none}.sidebar,.admin-layout.sidebar-hidden .sidebar{z-index:75;visibility:hidden;width:min(86vw,320px);height:100dvh;padding:14px 12px;transition:transform .22s,visibility .22s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-105%)}.admin-layout.mobile-menu-open .sidebar{visibility:visible;transform:translate(0)}.mobile-sidebar-backdrop{z-index:70;opacity:0;background:#040e1d94;border:0;position:fixed;inset:0}.admin-layout.mobile-menu-open .mobile-sidebar-backdrop{opacity:1;display:block}.brand-badge{min-height:auto;padding:4px 50px 12px 4px}.brand-logo{width:48px;height:48px}.brand-badge strong,.brand-badge b{font-size:12px}.sidebar-nav{display:grid;overflow:hidden auto}.nav-item{min-width:0;min-height:44px}.nav-section-title{font-size:17px}.sidebar-bottom{display:grid}.main-area{padding:12px 12px calc(82px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:60;min-height:72px;padding:0 2px calc(0px + env(safe-area-inset-bottom));background:#071328;border-top:4px solid #0d4fbf;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 40px #050f2366}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#e8eef5;background:0 0;border:0;align-content:center;place-items:center;gap:3px;min-width:0;padding:10px 6px 8px;font-size:10px;font-weight:700;display:grid}.mobile-bottom-nav .active{color:#0a1628;background:#fff;border-radius:10px;font-weight:800;position:relative}.mobile-bottom-nav .active:before{display:none}.page-topbar{border-radius:16px;flex-direction:column;min-height:auto;padding:18px}.page-topbar h1{font-size:27px}.topbar-actions{justify-content:flex-start;width:100%}.logo-wrap{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid,.split-grid,.login-page{grid-template-columns:1fr}.login-hero{display:none}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.panel{border-radius:16px;padding:14px}.panel-header{align-items:flex-start}.panel-header h2{font-size:20px}.panel-header .primary-button{flex:none}.table-wrap{-webkit-overflow-scrolling:touch}.responsive-card-table{border-collapse:separate;border-spacing:0 10px;background:#f3f7fb;min-width:0;padding:0 10px 10px}.responsive-card-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.responsive-card-table tbody,.responsive-card-table tr,.responsive-card-table td{width:100%;display:block}.responsive-card-table tr{background:#fff;border:1px solid #cdddeb;border-radius:14px;overflow:hidden;box-shadow:0 4px 13px #23486b0f}.responsive-card-table td{overflow-wrap:anywhere;border-top:1px solid #e3ebf3;border-right:0;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:9px 12px;display:grid}.responsive-card-table td:first-child{color:#173b60;background:#f0f6fc;border-top:0;font-size:15px}.responsive-card-table td:before{content:attr(data-label);color:#708399;font-size:11px;font-weight:900}.responsive-card-table .table-actions{justify-content:flex-start}.responsive-card-table .responsive-card-empty td{padding:0;display:block}.responsive-card-table .responsive-card-empty td:before{display:none}.document-filter-toolbar{z-index:24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fcfff5;border-radius:13px;margin:0 -5px 14px;padding:5px;position:sticky;top:66px;box-shadow:0 5px 15px #284c7014}.document-filter-bar{grid-template-columns:minmax(0,1fr) auto}.document-filter-options{grid-template-columns:1fr 1fr;max-height:52vh;overflow-y:auto}.document-filter-clear{width:100%}.dashboard-focus{grid-template-columns:1fr 1fr}.dashboard-focus-link{grid-column:1/-1;min-height:44px}.dashboard-summary{margin-bottom:12px}.dashboard-summary-toggle{min-height:60px;padding:10px 12px}.dashboard-summary-toggle strong{font-size:15px}.dashboard-summary-toggle small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-summary-action{padding:6px 8px}.dashboard-project-table-wrap{display:none}.dashboard-mobile-projects{gap:8px;display:grid}.dashboard-mobile-project{background:#fff;border:1px solid #cbdbea;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #274a6d0f}.dashboard-mobile-project summary{color:#173b60;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:11px 13px;list-style:none;display:flex}.dashboard-mobile-project summary::-webkit-details-marker{display:none}.dashboard-mobile-project summary strong{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.5}.dashboard-mobile-project summary svg{flex:none;transition:transform .18s}.dashboard-mobile-project[open] summary{background:#f0f6fc;border-bottom:1px solid #dce6ef}.dashboard-mobile-project[open] summary svg{transform:rotate(180deg)}.dashboard-mobile-project dl{margin:0}.dashboard-mobile-project dl div{border-bottom:1px solid #e7edf3;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:8px 13px;display:grid}.dashboard-mobile-project dt{color:#708399;font-size:11px;font-weight:900}.dashboard-mobile-project dd{color:#243b53;overflow-wrap:anywhere;margin:0;font-size:13px}.dashboard-mobile-project>.soft-button{width:calc(100% - 24px);margin:11px 12px 12px}.compact-record-details{grid-template-columns:1fr 1fr}.module-placeholder{min-height:calc(100dvh - 82px)}}@media (max-width:560px){.metric-grid{grid-template-columns:1fr}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-metric-grid .metric-card{min-height:82px;padding:11px}.dashboard-metric-grid .metric-card:last-child{grid-column:1/-1}.panel-header{flex-direction:column}.panel-header .primary-button,.panel-header .soft-button{width:100%}.toolbar>*,.search-box{width:100%;min-width:0}.topbar-actions>*,.project-visibility-switch{width:100%}.project-visibility-switch button{flex:1;padding-inline:8px}.document-filter-grid{grid-template-columns:1fr}.document-filter-search{grid-column:auto}.document-filter-options{grid-template-columns:1fr}.filter-toggle-button{padding-inline:10px}.compact-record summary{gap:9px;min-height:54px;padding:9px 11px}.compact-record-details{grid-template-columns:1fr}.compact-record-details>div{border-right:0;grid-template-columns:78px minmax(0,1fr);padding:8px 11px}.compact-record-actions{flex-wrap:wrap;padding:10px 11px}.compact-record-actions>*{flex:120px}.project-list-columns{display:none!important}.compact-record summary,.project-record-summary{grid-template-columns:minmax(0,1fr) auto;row-gap:5px;display:grid!important}.compact-record-heading{min-width:0}.compact-record-heading strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compact-record-heading small{color:#61758a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.compact-record-chevron{grid-area:1/2}.project-record-job{display:none}.project-record-task{grid-area:2/1/auto/-1;gap:6px}.project-record-task>strong{font-size:10px}.project-record-meta{grid-area:3/1/auto/-1;align-items:center;gap:8px;display:flex;overflow:hidden}.project-record-value{border-left:1px solid #d1dde8;flex:0 auto;max-width:34%;padding-left:7px;font-size:8px}.project-record-value:first-child{border-left:0;padding-left:0}.project-record-value.note{flex:auto;max-width:none}.project-record-job-list{scrollbar-width:none;grid-area:2/1/auto/-1;padding-bottom:2px;overflow-x:auto}.project-record-job-list::-webkit-scrollbar{display:none}.project-record-job-list>span{flex:none;max-width:180px}.project-current-status{min-width:62px;padding:4px 8px;font-size:9px}.modal-backdrop{align-items:end;padding:0}.modal-card{border-radius:20px 20px 0 0;width:100vw;max-height:94dvh}.modal-header{padding:15px 16px}.modal-body{padding:16px}}.drawing-folder{background:#fff;border:1px solid #dce7f2;border-radius:16px;margin-top:18px;overflow:hidden}.drawing-folder-header{background:#f6f9fc;border-bottom:1px solid #e1e9f2;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.drawing-folder-header h3{margin:0;font-size:17px}.drawing-folder-header p{color:var(--muted);margin:4px 0 0;font-size:12px}@media (max-width:760px){.drawing-folder-header{flex-direction:column;align-items:flex-start}}.pdf-drop-wrap{gap:10px;display:grid}.pdf-drop-zone{text-align:center;color:#3d6289;cursor:pointer;background:linear-gradient(145deg,#f7fbff,#edf5fd);border:2px dashed #9ebbd8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:154px;padding:20px;transition:border-color .18s,background .18s,transform .18s;display:flex}.pdf-drop-zone:hover,.pdf-drop-zone.dragging{background:#e7f3ff;border-color:#3d78b8;transform:translateY(-1px)}.pdf-drop-zone.disabled{opacity:.58;cursor:not-allowed;transform:none}.pdf-drop-zone strong{color:#274d75;font-size:15px}.pdf-drop-zone span{color:#60758d;font-size:13px}.pdf-drop-zone small{color:#8495a8;font-size:11px}.pdf-file-input{display:none}.file-rejected-note{color:var(--danger);margin:0;font-size:12px;font-weight:800}.pdf-selected-list{gap:8px;display:grid}.pdf-selected-item{background:#fff;border:1px solid #d4e2ef;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.pdf-selected-item>div{gap:2px;min-width:0;display:grid}.pdf-selected-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pdf-selected-item span{color:var(--muted);font-size:11px}.step-pdf-section{background:#f5f9fe;border:1px solid #c7d9eb;border-radius:16px;margin-top:18px;padding:16px}.step-pdf-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.step-pdf-header h3{margin:0;font-size:17px}.step-pdf-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.step-pdf-meta{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.step-pdf-upload-actions{justify-content:flex-end;margin-top:10px;display:flex}.step-pdf-disabled-note{color:#65778b;text-align:center;background:#eef3f8;border-radius:12px;padding:18px;font-size:13px}.step-pdf-existing-list{gap:8px;margin-top:14px;display:grid}.step-pdf-existing-item{background:#fff;border:1px solid #d8e4ef;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.step-pdf-existing-item>div:first-child{gap:3px;min-width:0;display:grid}.step-pdf-existing-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.step-pdf-existing-item span{color:var(--muted);font-size:11px}@media (max-width:760px){.step-pdf-meta{grid-template-columns:1fr}.step-pdf-existing-item{flex-direction:column;align-items:flex-start}}.workflow-detail-section{background:#fff;border:1px solid #dce5ef;border-radius:16px;margin-bottom:16px;padding:16px}.workflow-detail-section.waiting{background:#fff4f5;border-color:#f2b8c0}.workflow-detail-section.checklist{background:#fffaf0;border-color:#f3d88a}.workflow-detail-section.notes{background:#f8fafc;border-color:#dfe7ef}.workflow-detail-section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.workflow-detail-section-header h3{margin:0;font-size:17px}.workflow-detail-section-header p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}.workflow-checklist-list{gap:8px;display:grid}.workflow-checklist-item{cursor:pointer;background:#ffffffdb;border:1px solid #eadfb5;border-radius:11px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;padding:10px 11px;display:grid}.workflow-checklist-item input{width:17px;height:17px;margin:0}.workflow-checklist-item svg{color:#9a6b14}.workflow-checklist-item span{font-size:13px;font-weight:700}.workflow-checklist-add{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px;display:grid}@media (max-width:620px){.workflow-checklist-add{grid-template-columns:1fr}}.history-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-select{width:auto;min-width:160px}.compact-action{min-height:34px;padding:0 12px}.history-table{min-width:1280px}.history-value-cell{text-overflow:ellipsis;white-space:nowrap;color:#52647a;max-width:260px;overflow:hidden}.order-table{min-width:1450px}.order-detail-stack{gap:16px;display:grid}.order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.order-summary-grid>div{background:#fff;border:1px solid #d4e1ee;border-radius:12px;gap:4px;padding:12px;display:grid}.order-summary-grid span{color:var(--muted);font-size:12px;font-weight:800}.order-summary-grid strong{font-size:15px}.info-strip{color:#72571b;background:#fff9e9;border:1px solid #ead8a8;border-radius:12px;padding:12px 14px}.order-pdf-button{width:fit-content}.order-line-table{min-width:760px}@media (max-width:820px){.history-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-select{width:100%}.order-summary-grid{grid-template-columns:1fr}.responsive-card-table.history-table,.responsive-card-table.order-table,.responsive-card-table.order-line-table{min-width:0}.responsive-card-table .history-value-cell{text-overflow:clip;white-space:normal;max-width:none;overflow:visible}.detail-header{flex-direction:column;align-items:stretch}.detail-title{align-items:flex-start}.detail-title h2{overflow-wrap:anywhere;font-size:21px}.detail-header>div:last-child{width:100%;min-width:0!important}.tabs{grid-template-columns:1fr 1fr;display:grid}.tab-button{min-height:44px;padding:9px 8px}.order-pdf-button{width:100%}}.procurement-section-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.procurement-tab{text-align:left;color:#42566f;background:#fff;border:1px solid #c8d8e8;border-radius:14px;gap:5px;min-height:76px;padding:12px 14px;display:grid}.procurement-tab strong{font-size:15px}.procurement-tab span{color:#708197;font-size:11px}.procurement-tab.active{color:#214f84;background:linear-gradient(135deg,#e7f2ff,#eef4ff);border-color:#9fc0e5;box-shadow:0 8px 22px #416c9d1a}.procurement-message{border-radius:12px;margin-bottom:14px;padding:11px 14px;font-weight:800}.procurement-message.error{color:#b42318;background:#fff0f0;border:1px solid #f0cccc}.procurement-message.success{color:#18794e;background:#edf9f1;border:1px solid #bfe6ce}.procurement-order-info{background:#fffaf0;border-color:#ead7a2}.order-info-inline{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}.order-info-inline span{color:#315a87;background:#eef5ff;border:1px solid #cadced;border-radius:10px;padding:8px 10px;font-weight:800}.procurement-line-table{min-width:1120px}.procurement-line-table select,.procurement-line-table input{border-radius:8px;min-width:120px;padding:8px 9px}.procurement-line-table td:first-child{text-align:center;width:56px;font-weight:800}.procurement-line-table td:nth-child(6){text-align:center;min-width:75px}.material-master-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.material-master-card{background:#fff;border:1px solid #d6e0ea;border-radius:16px;gap:12px;padding:15px;display:grid;box-shadow:0 8px 20px #3252730f}.material-card-head{gap:4px;display:grid}.material-card-head span{color:#52677f;font-size:12px;font-weight:800}.material-card-head strong{font-size:18px}.material-size-chips{flex-wrap:wrap;gap:7px;display:flex}.material-size-chips span,.material-size-chips button{color:#31587f;background:#f4f8fd;border:1px solid #cbdced;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.material-size-chips.editable button{cursor:pointer}.material-card-meta{color:#65788e;flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.material-master-card p{color:#5c6d80;margin:0;font-size:13px;line-height:1.55}.material-card-actions{justify-content:flex-end;gap:8px;display:flex}.material-size-picker{flex-wrap:wrap;gap:7px;display:flex}.bolt-size-builder{grid-template-columns:140px 160px auto;align-items:center;gap:10px;display:grid}.supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.supplier-card{background:#f2fcf5;border:1px solid #bfe7cb;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid;position:relative}.supplier-card-icon{color:#177844;background:#dcf6e5;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.supplier-card h3{color:#14532d;margin:0 0 6px}.supplier-card p{color:#536679;margin:3px 0;font-size:13px}.supplier-card small{color:#287246;background:#fff;border:1px solid #c9e7d2;border-radius:999px;margin-top:8px;padding:4px 8px;font-weight:800;display:inline-flex}.procurement-upload-meta{margin-bottom:14px}@media (max-width:1180px){.procurement-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.material-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.procurement-section-tabs{scroll-snap-type:x proximity;padding-bottom:5px;display:flex;overflow-x:auto}.procurement-tab{scroll-snap-align:start;min-width:180px}.material-master-grid,.supplier-grid,.bolt-size-builder{grid-template-columns:1fr}.responsive-card-table.procurement-line-table{min-width:0}.procurement-entry-table select,.procurement-entry-table input{width:100%;min-width:0}.procurement-entry-table td:first-child{text-align:left;width:100%}.procurement-entry-table td:nth-child(6){text-align:left;min-width:0}.material-header-actions{width:100%}.material-header-actions>button{flex:1}.supplier-card{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:560px){.history-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.history-metric-grid .metric-card{min-height:80px;padding:12px}.history-metric-grid .metric-card strong{font-size:22px}.material-header-actions{grid-template-columns:1fr;display:grid}.form-actions{flex-wrap:wrap}.form-actions>button{flex:140px}}.bulk-size-panel{background:linear-gradient(#f8fbff,#fff);border:1px solid #cbdced;border-radius:14px;gap:12px;padding:14px;display:grid}.bulk-size-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.bulk-size-header>div:first-child{gap:4px;display:grid}.bulk-size-header strong{color:#274f7d;font-size:15px}.bulk-size-header span{color:#667b91;font-size:12px;line-height:1.5}.bulk-size-actions,.bolt-diameter-picker{flex-wrap:wrap;gap:8px;display:flex}.bolt-range-builder{grid-template-columns:repeat(3,minmax(140px,1fr)) auto auto;align-items:end;gap:10px;display:grid}.bolt-range-builder>div{grid-template-columns:auto minmax(72px,1fr) auto;align-items:center;gap:7px;display:grid}.bolt-range-builder label{color:#52677f;font-size:12px;font-weight:800}.bolt-range-builder span{color:#71849a;font-size:12px}.bulk-preview-line{color:#315a87;background:#edf6ff;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 10px;font-size:12px;display:flex}.bulk-preview-line strong{font-size:13px}.manual-bulk-label{color:#5f7288;font-size:12px;font-weight:800}.bulk-size-panel textarea{min-height:110px}.material-size-summary{color:#70561b;background:#fff8e9;border:1px solid #ead8a8;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.material-size-summary span{font-size:12px}@media (max-width:1180px){.bolt-range-builder{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:760px){.bolt-range-builder{grid-template-columns:1fr}.bolt-range-builder>div{grid-template-columns:54px 1fr auto}}.material-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.material-group-list{gap:14px;display:grid}.material-group-section,.material-standalone-row{background:#fff;border:1px solid #d6e0ea;border-radius:14px;overflow:hidden}.material-group-title{background:linear-gradient(135deg,#edf5ff,#f7faff);border-bottom:1px solid #d8e5f2;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.material-group-title>div{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.material-group-title strong{color:#224d79;font-size:17px}.material-group-title span{color:#72849a;font-size:12px}.material-count-badge{background:#fff;border:1px solid #c3d7eb;border-radius:999px;flex:none;padding:4px 9px;font-weight:800;color:#315d88!important}.material-group-rows{display:grid}.material-list-row,.material-standalone-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.material-list-row+.material-list-row{border-top:1px solid #edf1f5}.material-standalone-row{grid-template-columns:minmax(0,1fr) auto}.material-row-index{color:#71839a;text-align:right;min-width:28px;font-weight:900}.material-row-content{gap:7px;min-width:0;display:grid}.material-row-content strong{color:#23384f;overflow-wrap:anywhere;line-height:1.45}.material-inline-sizes{flex-wrap:wrap;gap:6px;display:flex}.material-inline-sizes span{color:#31587f;background:#f4f8fd;border:1px solid #cbdced;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800}.material-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.material-display-options{flex-wrap:wrap;gap:8px;display:flex}.material-display-options label{color:#405a75;cursor:pointer;background:#f7faff;border:1px solid #ccd9e7;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-weight:800;display:inline-flex}.material-display-options input{accent-color:#315f91;width:16px;height:16px}.form-hint{color:#75879b;margin-top:7px;line-height:1.5;display:block}@media (max-width:760px){.material-list-row,.material-standalone-row{grid-template-columns:auto minmax(0,1fr)}.material-standalone-row{grid-template-columns:minmax(0,1fr)}.material-row-actions{grid-column:1/-1;justify-content:flex-end}}.schedule-toolbar{grid-template-columns:auto minmax(360px,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:15px 18px;display:grid}.schedule-view-switch{background:#edf4fb;border:1px solid #c8d8e9;border-radius:12px;padding:4px;display:inline-flex}.schedule-view-switch button{color:#536b83;min-width:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 13px;font-weight:900}.schedule-view-switch button.active{color:#155ea8;background:#fff;box-shadow:0 2px 8px #1f4c7824}.schedule-period-nav,.schedule-toolbar-actions{align-items:center;gap:10px;display:flex}.schedule-period-nav{justify-content:center}.schedule-period-nav strong{color:#182f48;text-align:center;min-width:220px;font-size:16px}.schedule-toolbar-actions{justify-content:flex-end}.schedule-search{color:#1f344b;width:230px;font:inherit;background:#fff;border:1px solid #c8d7e7;border-radius:10px;padding:10px 12px}.schedule-panel{padding:0;overflow:hidden}.schedule-sheet-heading{background:#fff;border-bottom:2px solid #526b82;grid-template-rows:auto auto;grid-template-columns:1fr 2fr;align-items:center;min-height:154px;display:grid}.schedule-sheet-company{color:#152d45;text-align:center;grid-area:1/1/3;place-content:center;align-self:stretch;padding:18px;font-size:21px;font-weight:900;display:grid}.schedule-sheet-heading h2{color:#10283f;letter-spacing:.12em;text-align:center;white-space:nowrap;grid-area:1/1/auto/-1;margin:0;padding:15px 24px 10px;font-size:32px}.schedule-sheet-meta-wrap{grid-area:2/2;align-self:stretch;place-items:center;padding:8px 24px 14px;display:grid}.schedule-sheet-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,660px);font-size:12px;display:grid}.schedule-meta-column{border-top:1px solid #70859a;border-left:1px solid #70859a}.schedule-meta-item{grid-template-columns:92px minmax(0,1fr);display:grid}.schedule-meta-item span,.schedule-meta-item strong{border-bottom:1px solid #70859a;border-right:1px solid #70859a;min-height:25px;padding:4px 7px}.schedule-meta-item span{text-align:center;background:#edf1f5;font-weight:800}.schedule-meta-item strong{text-overflow:ellipsis;white-space:nowrap;background:#fff;overflow:hidden}.schedule-sheet-subbar{color:#405870;background:#f6f8fa;border-bottom:1px solid #9db0c2;justify-content:space-between;align-items:center;min-height:39px;padding:7px 14px;font-size:12px;font-weight:800;display:flex}.schedule-sheet-subbar span{align-items:center;gap:7px;display:flex}.schedule-board-scroll{width:100%;max-height:calc(100vh - 390px);overflow:auto}.schedule-board{background:#fff;align-items:stretch;width:100%;display:grid}.schedule-week-group{z-index:11;color:#1e4f7f;letter-spacing:.14em;background:#d7e8f8;border-bottom:1px solid #9fb5c9;border-right:1px solid #9fb5c9;place-content:center;min-height:32px;font-size:13px;font-weight:900;display:grid;position:sticky;top:0}.schedule-week-group-spacer{background:#cfdfed;grid-column:1}.schedule-week-group.next{background:#e5f1fb;border-left:3px solid #69a4d8}.schedule-board.has-week-groups .schedule-head{top:32px}.schedule-head{z-index:8;color:#243e58;text-align:center;background:#eaf2fa;border-bottom:2px solid #8da8c1;border-right:1px solid #c8d5e2;place-content:center;min-height:58px;display:grid;position:sticky;top:0}.schedule-board.dense .schedule-head{min-width:0;font-size:11px}.schedule-board.dense .schedule-head small{font-size:9px}.schedule-head small{color:#607991;margin-top:2px;font-size:11px;font-weight:800}.schedule-head.weekend,.schedule-grid-cell.weekend{background:#fff4f4}.schedule-head.next-week{border-top:3px solid #69a4d8}.schedule-head.today,.schedule-grid-cell.today{background:#fff4bf}.schedule-meta-head{z-index:10;background:#dbe9f6;grid-template-columns:minmax(240px,3.2fr) minmax(76px,.9fr) minmax(56px,.65fr) 54px 54px minmax(62px,.8fr) 44px;place-content:stretch;align-items:stretch;font-weight:900;left:0}.schedule-meta-head>span{text-align:center;border-right:1px solid #9fb3c6;place-content:center;min-width:0;padding:4px;font-size:11px;display:grid}.schedule-row{border-bottom:1px solid #d8e2ec;grid-column:1/-1;min-height:52px;display:grid}.schedule-meta-cell{z-index:5;background:#fff;border-right:2px solid #9db2c6;grid-area:1/1;grid-template-columns:minmax(240px,3.2fr) minmax(76px,.9fr) minmax(56px,.65fr) 54px 54px minmax(62px,.8fr) 44px;align-items:stretch;min-width:0;padding:0;display:grid;position:sticky;left:0}.schedule-meta-cell>span,.schedule-meta-work,.schedule-assignee-compact{color:#435c74;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #d1dce6;align-content:center;min-width:0;padding:7px 5px;font-size:10px;display:grid;overflow:hidden}.schedule-work-content{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.schedule-assignee-compact{justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.schedule-assignee-compact>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.schedule-assignee-compact>button{color:#285987;cursor:pointer;background:#e4eef9;border:0;border-radius:999px;flex:none;padding:2px 4px;font-size:9px;font-weight:900}.schedule-assignee-modal-list{gap:7px;display:grid}.schedule-assignee-modal-list>div{background:#fff;border:1px solid #d3dfeb;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 12px;display:flex}.schedule-assignee-modal-list>div:first-child{background:#edf6ff;border-color:#9bbce0}.schedule-assignee-modal-list span{min-width:0;display:grid}.schedule-assignee-modal-list strong{color:#193653;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.schedule-assignee-modal-list small{color:#71869a}.schedule-assignee-modal-list b{color:#fff;background:#3d73ac;border-radius:999px;flex:none;padding:4px 8px;font-size:11px}.schedule-meta-work{text-align:left;justify-content:center;align-items:center;gap:6px;padding-left:9px;display:flex}.schedule-meta-work strong{color:#182f48;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.schedule-meta-work .badge{flex:none;padding:2px 5px;font-size:9px;line-height:1.2}.schedule-meta-cell>span>small{color:#71869a;margin:0;font-size:9px;display:block}.schedule-row-actions{border-left:1px solid #d1dce6;grid-column:7;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;position:static}.schedule-row-actions .icon-button{width:20px;height:28px;padding:2px}.schedule-grid-cell{background:#fff;border-right:1px dashed #c4d0dc;grid-row:1}.schedule-bar{z-index:3;color:#fff;cursor:pointer;height:28px;font:inherit;text-align:left;border:0;border-radius:8px;grid-row:1;align-self:center;margin:0 4px;font-size:12px;font-weight:900;position:relative;overflow:hidden;box-shadow:0 4px 10px #1935522e}.schedule-bar:disabled{opacity:1;cursor:default}.schedule-board.dense .schedule-bar{border-radius:5px;height:28px;margin:0 1px;font-size:9px}.schedule-board.dense .schedule-bar span{padding:0 4px}.schedule-bar:before,.schedule-bar:after{content:"";position:absolute}.schedule-bar span{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;display:block;overflow:hidden}.schedule-empty{min-height:150px}.schedule-color-picker{align-items:center;gap:9px;min-height:42px;display:flex}.schedule-color-picker button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:29px;height:29px;box-shadow:0 0 0 1px #b9c8d7}.schedule-color-picker button.selected{box-shadow:0 0 0 3px #193e64}.schedule-employee-picker{background:#f7faff;border:1px solid #c9d8e7;border-radius:12px;gap:8px;padding:10px;display:grid}.schedule-employee-picker>input{width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #c8d7e7;border-radius:9px;padding:8px 11px}.schedule-employee-wheel{scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:thin;cursor:grab;background:linear-gradient(#f8fbff 0 calc(50% - 27px),#e9f3fd calc(50% - 27px) calc(50% + 27px),#f8fbff calc(50% + 27px) 100%);border:1px solid #d2dfec;border-radius:12px;height:218px;overflow:hidden auto;box-shadow:inset 0 16px 18px -20px #163758b3,inset 0 -16px 18px -20px #163758b3}.schedule-employee-wheel:active{cursor:grabbing}.schedule-wheel-spacer{height:82px}.schedule-employee-option{scroll-snap-align:center;scroll-snap-stop:always;background:#ffffffe0;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 12px);min-height:52px;margin:3px 6px;padding:4px 7px;transition:border-color .15s,background .15s,transform .15s;display:flex}.schedule-employee-option.selected{background:#dceeff;border-color:#4d88c5;box-shadow:0 3px 9px #2b5d9124}.schedule-employee-toggle{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:0;display:flex}.schedule-employee-toggle>span:last-child{min-width:0;display:grid}.schedule-employee-toggle strong{color:#19344f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.schedule-employee-toggle small{color:#718399}.schedule-wheel-check{color:#0000;background:#fff;border:1px solid #b8cadd;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:16px;font-weight:900;display:grid}.schedule-employee-option.selected .schedule-wheel-check{color:#fff;background:#3474b5;border-color:#3474b5}.schedule-primary-assignee-button{color:#55708b;cursor:pointer;background:#fff;border:1px solid #c4d4e4;border-radius:999px;flex:none;padding:4px 8px;font-size:10px;font-weight:800}.schedule-primary-assignee-button.primary{color:#fff;background:#3d73ac;border-color:#3d73ac}.schedule-wheel-empty{color:#788a9d;text-align:center;margin:0;padding:70px 12px}.schedule-employee-selection{color:#60758b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;font-size:12px;display:flex}.schedule-employee-selection span{color:#234d77;font-weight:800}.schedule-mobile-list{display:none}.schedule-mobile-card{border:1px solid #cfdeec;border-left:5px solid var(--blue);background:#fff;border-radius:14px;gap:12px;padding:15px;display:grid;box-shadow:0 5px 16px #23486b12}.schedule-mobile-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.schedule-mobile-card-header>strong{color:#18334f;overflow-wrap:anywhere;min-width:0;font-size:16px}.schedule-mobile-card-header .badge{flex:none}.schedule-mobile-details{gap:8px;margin:0;display:grid}.schedule-mobile-details>div{grid-template-columns:58px minmax(0,1fr);gap:8px;display:grid}.schedule-mobile-details dt{color:#718399;font-size:12px;font-weight:800}.schedule-mobile-details dd{color:#2c4966;overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.schedule-mobile-details dd button{color:#285987;background:#e3eef9;border:0;border-radius:999px;margin-left:7px;padding:3px 7px;font-size:11px;font-weight:900}.schedule-mobile-actions{grid-template-columns:1fr 1fr;gap:8px;padding-top:3px;display:grid}@media (max-width:1180px){.schedule-toolbar{grid-template-columns:1fr}.schedule-view-switch,.schedule-period-nav,.schedule-toolbar-actions{justify-content:center;justify-self:stretch}.schedule-toolbar-actions .schedule-search{flex:1}.schedule-sheet-heading{grid-template-columns:1fr 2fr}.schedule-sheet-company{padding:10px;font-size:16px}.schedule-sheet-heading h2{padding:12px 16px 8px;font-size:25px}.schedule-sheet-meta-wrap{padding:7px 12px 12px}.schedule-sheet-meta{gap:7px}.schedule-meta-item{grid-template-columns:76px minmax(0,1fr)}}@media (max-width:820px){.schedule-toolbar{gap:12px;padding:12px}.schedule-view-switch{width:100%}.schedule-view-switch button{flex:1;min-width:0;padding-inline:8px}.schedule-period-nav{grid-template-columns:42px 58px minmax(0,1fr) 42px;gap:6px;width:100%;display:grid}.schedule-period-nav strong{min-width:0;font-size:13px}.schedule-toolbar-actions{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;width:100%;display:grid}.schedule-toolbar-actions .schedule-search{grid-column:1/-1;width:100%}.schedule-toolbar-actions .soft-button,.schedule-toolbar-actions .primary-button{min-height:44px;padding-inline:11px}.schedule-panel{border-radius:16px}.schedule-sheet-heading{grid-template-rows:auto;grid-template-columns:1fr;gap:12px;min-height:0;padding:14px;display:grid}.schedule-sheet-heading h2{grid-area:auto/1;padding:0;font-size:25px}.schedule-sheet-company{grid-area:auto/1;align-self:auto;padding:0;font-size:15px}.schedule-sheet-meta-wrap{grid-area:auto/1;padding:0}.schedule-sheet-meta{grid-template-columns:1fr;gap:0;width:100%}.schedule-meta-column+.schedule-meta-column{border-top:0}.schedule-meta-item{grid-template-columns:82px minmax(0,1fr)}.schedule-sheet-subbar{padding-inline:12px}.schedule-board-scroll{display:none}.schedule-mobile-list{background:#f3f7fb;gap:10px;padding:12px;display:grid}}@media (max-width:480px){.schedule-toolbar-actions{grid-template-columns:1fr 1fr}.schedule-print-button,.schedule-toolbar-actions .primary-button{width:100%}.schedule-mobile-details>div{grid-template-columns:50px minmax(0,1fr)}}@media print{@page{size:A4 landscape;margin:8mm}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}.sidebar,.sidebar-toggle-button,.mobile-app-bar,.mobile-sidebar-backdrop,.schedule-toolbar,.schedule-row-actions,.schedule-mobile-list,.modal-backdrop{display:none!important}.admin-layout,.main-area{min-height:0!important;display:block!important}.main-area,.content-area{padding:0!important}.schedule-panel{box-shadow:none;border:1px solid #526b82;border-radius:0;overflow:visible!important}.schedule-sheet-heading{min-height:108px}.schedule-sheet-heading h2{padding:8px 16px 5px;font-size:25px}.schedule-sheet-company{padding:8px;font-size:17px}.schedule-sheet-meta-wrap{padding:5px 12px 8px}.schedule-sheet-subbar{min-height:30px;padding-block:4px}.schedule-board-scroll{max-height:none;overflow:visible;display:block!important}.schedule-head{min-height:44px;position:static}.schedule-week-group{min-height:25px;position:static}.schedule-row{break-inside:avoid;min-height:44px}.schedule-meta-cell{position:static}.schedule-meta-head>span:last-child{visibility:hidden}.schedule-bar{box-shadow:none}}.brochure-hero{background:linear-gradient(135deg,#071328 0%,#0e2244 60%,#0d4fbf 100%);border-radius:0 0 24px 24px;margin:-20px -20px 24px;padding:40px 32px 0;position:relative;overflow:hidden;box-shadow:0 8px 40px #07132847}.brochure-hero-bg{background:radial-gradient(70% 80% at 80%,#0d4fbf59 0%,#0000 70%),radial-gradient(50% 60% at 20% 80%,#00a8d42e 0%,#0000 60%);position:absolute;inset:0}.brochure-hero-overlay{background:repeating-linear-gradient(-45deg,#0000,#0000 28px,#ffffff04 28px 29px);position:absolute;inset:0}.brochure-hero-content{max-width:560px;position:relative}.brochure-hero-badge{color:#fffc;letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.brochure-hero-badge-dot{background:#00e5a0;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #00e5a0}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.brochure-hero-title{color:#fff;letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.15}.brochure-hero-title span{color:#4fa3ff}.brochure-hero-desc{color:#ffffffb8;margin:0 0 28px;font-size:14px;line-height:1.7}.brochure-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.brochure-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.brochure-btn-primary{color:#fff;background:#0d4fbf;box-shadow:0 4px 14px #0d4fbf73}.brochure-btn-primary:hover{background:#0a3e99;transform:translateY(-1px);box-shadow:0 6px 20px #0d4fbf8c}.brochure-btn-outline{color:#ffffffe6;background:#ffffff1a;border:1.5px solid #ffffff4d}.brochure-btn-outline:hover{background:#ffffff2e;transform:translateY(-1px)}.brochure-btn-outline-white{color:#fff;background:0 0;border:1.5px solid #ffffff80}.brochure-btn-outline-white:hover{background:#ffffff1a;border-color:#fffc}.brochure-hero-stats{background:#ffffff0a;border-top:1px solid #ffffff1a;gap:0;margin:0 -32px;display:flex;position:relative}.brochure-stat{text-align:center;border-right:1px solid #ffffff14;flex:1;place-items:center;padding:18px 12px;display:grid}.brochure-stat:last-child{border-right:none}.brochure-stat h3{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:900}.brochure-stat h3 small{color:#ffffff8c;margin-left:2px;font-size:12px;font-weight:600}.brochure-stat span{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.brochure-categories{gap:20px;display:grid}.brochure-category-card{box-shadow:var(--shadow-block);background:#fff;border:1px solid #e4ecf5;border-radius:18px;transition:box-shadow .25s,transform .25s;overflow:hidden}.brochure-category-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.brochure-category-header{border-bottom:2px solid var(--cat-color,#0d4fbf);background:linear-gradient(90deg,#0d4fbf0a,#0000);align-items:center;gap:16px;padding:20px 22px 16px;display:flex}.brochure-category-icon-wrap{background:var(--cat-color,#0d4fbf);color:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px 14px #00000026}.brochure-category-meta h2{color:var(--text);margin:0 0 4px;font-size:17px;font-weight:800}.brochure-category-meta p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.brochure-products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:18px 20px;display:grid}.brochure-product-item{cursor:pointer;background:#f7fafd;border:1px solid #e4ecf5;border-radius:12px;grid-template-rows:auto auto;gap:10px;transition:all .2s;display:grid;overflow:hidden}.brochure-product-item:hover{background:#eef4ff;border-color:#c8d8f4;transform:translateY(-1px);box-shadow:0 4px 12px #0d4fbf1f}.brochure-product-visual{background:linear-gradient(135deg,#eef4ff,#f8faff);place-items:center;height:100px;display:grid;position:relative}.brochure-product-img-placeholder{color:#0d4fbf;background:#0d4fbf1a;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.brochure-product-code{color:var(--cat-color,#0d4fbf);letter-spacing:.04em;background:#0d4fbf14;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;bottom:8px;right:10px}.brochure-product-info{flex-direction:column;gap:3px;padding:0 12px 12px;display:flex}.brochure-product-info strong{color:var(--text);font-size:12px;font-weight:700;line-height:1.3}.brochure-product-info span{color:var(--muted);font-size:10px;font-weight:600}.brochure-category-more{width:100%;color:var(--cat-color,#0d4fbf);cursor:pointer;background:0 0;border:none;border-top:1px solid #e4ecf5;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.brochure-category-more:hover{background:var(--cat-color,#0d4fbf);color:#fff}.brochure-category-more:hover span{text-decoration:underline}.brochure-cta{text-align:center;background:linear-gradient(135deg,#071328 0%,#0e2244 100%);border-radius:20px;margin-top:32px;padding:36px 28px;box-shadow:0 8px 40px #0713284d}.brochure-cta-inner h2{color:#fff;margin:0 0 10px;font-size:20px;font-weight:800}.brochure-cta-inner p{color:#fff9;margin:0 0 24px;font-size:13px;line-height:1.6}.brochure-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:640px){.brochure-hero{border-radius:0 0 18px 18px;margin:-12px -12px 20px;padding:28px 20px 0}.brochure-hero-stats{margin:0 -20px}.brochure-products-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.brochure-product-visual{height:80px}.brochure-hero-actions{flex-direction:column}.brochure-btn{justify-content:center}.brochure-cta{border-radius:18px 18px 0 0;margin-left:-12px;margin-right:-12px;padding:28px 20px}}.brochure-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:4px 0;display:flex}.brochure-filter-btn{color:var(--muted);cursor:pointer;background:#fff;border:1.5px solid #d1dbe8;border-radius:999px;align-items:center;gap:5px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.brochure-filter-btn:hover{border-color:var(--blue-2);color:var(--blue-2);background:#eff4ff}.brochure-filter-btn.active{background:var(--blue-2);border-color:var(--blue-2);color:#fff;box-shadow:0 3px 10px #0d4fbf4d}.brochure-masonry{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;display:grid}.brochure-card{box-shadow:var(--shadow-block);cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e8eef4;border-radius:18px;flex-direction:column;width:100%;padding:0;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.brochure-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--p-color,var(--blue-2));transform:translateY(-6px)scale(1.01)}.brochure-card:hover .brochure-card-hover-overlay{opacity:1}.brochure-card:hover .brochure-card-visual-bg{background:linear-gradient(135deg,#0d4fbf14,#00a8d40f)}.brochure-card-offset{margin-top:32px}.brochure-card-accent{background:var(--p-color,var(--blue-2));height:4px}.brochure-card-visual{height:160px;position:relative;overflow:hidden}.brochure-card-visual-bg{background:linear-gradient(135deg,#f0f4ff,#f8fafd);transition:background .28s;position:absolute;inset:0}.brochure-card-icon-wrap{border:2px solid var(--p-color,var(--blue-2));width:80px;height:80px;color:var(--p-color,var(--blue-2));z-index:2;background:#ffffffe6;border-radius:20px;place-items:center;transition:all .28s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0d4fbf2e}.brochure-card:hover .brochure-card-icon-wrap{transform:translate(-50%,-56%)scale(1.08);box-shadow:0 12px 32px #0d4fbf4d}.brochure-card-badge{color:var(--p-color,var(--blue-2));z-index:2;background:#ffffffe6;border:1px solid #dde5ee;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.brochure-card-hover-overlay{color:#fff;opacity:0;z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d4fbfa6;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;transition:opacity .28s;display:flex;position:absolute;inset:0}.brochure-card-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.brochure-card-code{color:var(--p-color,var(--blue-2));letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.brochure-card-name{color:var(--text);margin:0;font-size:15px;font-weight:800;line-height:1.3}.brochure-card-tagline{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.brochure-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.brochure-card-spec{color:#8fa0b0;background:#f3f6fa;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.brochure-card-rating{gap:1px;display:flex}.brochure-detail-modal{z-index:200;background:#f0f4f8;flex-direction:column;animation:.25s modal-in;display:flex;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.brochure-detail-header{background:linear-gradient(135deg, var(--p-color,#0d4fbf) 0%, color-mix(in srgb, var(--p-color,#0d4fbf) 75%, #071328) 100%);flex-shrink:0;padding:16px 20px}.brochure-detail-header-content{align-items:center;gap:14px;margin-bottom:14px;display:flex}.brochure-detail-close{color:#ffffffd9;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid;position:absolute;top:14px;right:16px}.brochure-detail-close:hover{color:#fff;background:#ffffff47}.brochure-detail-icon-wrap{color:#fff;background:#fff3;border:2px solid #ffffff4d;border-radius:14px;flex:none;place-items:center;width:54px;height:54px;display:grid}.brochure-detail-category{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:700}.brochure-detail-title{color:#fff;margin:0 0 6px;font-size:18px;font-weight:900;line-height:1.2}.brochure-detail-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brochure-detail-code{color:#ffffffe6;letter-spacing:.05em;background:#fff3;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:800}.brochure-detail-spec{color:#ffffffb3;font-size:11px;font-weight:600}.brochure-detail-rating{color:#fffc;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.brochure-detail-actions{gap:10px;display:flex}.brochure-detail-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.brochure-detail-btn-share{color:#ffffffeb;background:#ffffff2e;border:1.5px solid #ffffff4d}.brochure-detail-btn-share:hover{background:#ffffff47}.brochure-detail-btn-pdf{color:var(--p-color,#0d4fbf);background:#fff;box-shadow:0 2px 8px #0003}.brochure-detail-btn-pdf:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000040}.brochure-detail-tabs{scrollbar-width:none;background:#fff;border-bottom:2px solid #e8eef4;flex-shrink:0;gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.brochure-detail-tabs::-webkit-scrollbar{display:none}.brochure-detail-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.brochure-detail-tab:hover{color:var(--blue-2);background:#f0f4ff}.brochure-detail-tab.active{background:var(--p-color,var(--blue-2));color:#fff}.brochure-detail-body{scrollbar-width:thin;flex:1;padding:20px;overflow-y:auto}.brochure-intro-hero{background:linear-gradient(135deg, var(--p-color,#0d4fbf) 0%, color-mix(in srgb, var(--p-color,#0d4fbf) 70%, #071328) 100%);border-radius:18px;margin-bottom:18px;padding:32px 28px;position:relative;overflow:hidden}.brochure-intro-hero-bg{background:radial-gradient(60% 80% at 90%,#ffffff1f 0%,#0000 70%);position:absolute;inset:0}.brochure-intro-visual{color:#fff;z-index:2;background:#ffffff2e;border:2px solid #ffffff4d;border-radius:24px;place-items:center;width:100px;height:100px;margin:0 auto 20px;display:grid;position:relative;box-shadow:0 8px 30px #00000040}.brochure-intro-text{z-index:2;text-align:center;position:relative}.brochure-intro-tagline{color:#fff;margin:0 0 10px;font-size:16px;font-style:normal;font-weight:800}.brochure-intro-desc{color:#ffffffc7;margin:0;font-size:13px;line-height:1.7}.brochure-intro-specs{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.brochure-intro-spec{box-shadow:var(--shadow-block);background:#fff;border:1px solid #e8eef4;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.brochure-intro-spec span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.brochure-intro-spec strong{color:var(--text);font-size:14px;font-weight:800}.brochure-tab-heading{color:var(--text);border-bottom:2px solid #e8eef4;margin:0 0 16px;padding-bottom:10px;font-size:17px;font-weight:800}.brochure-features-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.brochure-feature-card{box-shadow:var(--shadow-block);background:#fff;border:1.5px solid #e8eef4;border-radius:14px;padding:20px 18px;transition:all .2s}.brochure-feature-card:hover{border-color:var(--p-color,var(--blue-2));box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.brochure-feature-icon{background:color-mix(in srgb, var(--p-color,#0d4fbf) 12%, white);width:44px;height:44px;color:var(--p-color,var(--blue-2));border-radius:12px;place-items:center;margin-bottom:12px;display:grid}.brochure-feature-card h4{color:var(--text);margin:0 0 6px;font-size:13px;font-weight:800}.brochure-feature-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.brochure-process-timeline{flex-direction:column;gap:0;display:flex}.brochure-process-step{gap:16px;display:flex;position:relative}.brochure-process-step-num{background:var(--p-color,var(--blue-2));color:#fff;z-index:2;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;margin-top:2px;font-size:14px;font-weight:900;display:grid;box-shadow:0 4px 12px #0d4fbf4d}.brochure-process-step-content{border-left:2px dashed #d1dbe8;flex:1;margin-left:19px;padding:8px 0 24px 16px}.brochure-process-step:last-child .brochure-process-step-content{border-left-color:#0000;padding-bottom:0}.brochure-process-step-content h4{color:var(--text);margin:0 0 4px;font-size:13px;font-weight:800}.brochure-process-step-content p{color:var(--muted);margin:0 0 6px;font-size:12px;line-height:1.5}.brochure-process-step-duration{background:color-mix(in srgb, var(--p-color,#0d4fbf) 10%, white);color:var(--p-color,var(--blue-2));border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.brochure-safety-grid{flex-direction:column;gap:10px;display:flex}.brochure-safety-card{box-shadow:var(--shadow-block);background:#fff;border:1px solid #e8eef4;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.brochure-safety-card svg{flex:none;margin-top:1px}.brochure-safety-card strong{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:800;display:block}.brochure-safety-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.brochure-company-card{box-shadow:var(--shadow-block);background:#fff;border:1px solid #e8eef4;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:18px;padding:20px;display:flex}.brochure-company-logo{color:#fff;background:linear-gradient(135deg,#071328,#0d4fbf);border-radius:14px;flex:none;place-items:center;width:60px;height:60px;display:grid}.brochure-company-text h4{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:800}.brochure-company-text p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.brochure-company-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.brochure-company-stat{text-align:center;box-shadow:var(--shadow-block);background:#fff;border:1px solid #e8eef4;border-radius:12px;padding:16px 8px}.brochure-company-stat strong{color:var(--blue-2);font-size:20px;font-weight:900;display:block}.brochure-company-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.brochure-company-contact{text-align:center;background:linear-gradient(135deg,#071328,#0d4fbf);border-radius:16px;padding:20px}.brochure-company-contact p{color:#ffffffc7;margin:0 0 14px;font-size:13px;line-height:1.6}.brochure-company-contact .brochure-detail-btn-pdf{background:#fffffff2}@media (max-width:640px){.brochure-masonry{grid-template-columns:repeat(2,1fr);gap:12px}.brochure-card-offset{margin-top:0}.brochure-card-visual{height:120px}.brochure-card-icon-wrap{width:60px;height:60px}.brochure-card-name{font-size:13px}.brochure-card-tagline{display:none}.brochure-detail-modal{border-radius:0}.brochure-intro-specs{grid-template-columns:1fr 1fr}.brochure-features-grid{grid-template-columns:1fr}.brochure-company-stats{grid-template-columns:repeat(2,1fr)}.brochure-detail-tabs{gap:2px;padding:6px 12px}.brochure-detail-tab{padding:6px 10px;font-size:11px}.brochure-detail-tab span{display:none}}.approval-page-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.approval-page-title{color:var(--text);margin:0 0 2px;font-size:17px;font-weight:900}.approval-page-desc{color:var(--muted);margin:0;font-size:11px}.approval-page-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.approval-urgent-badge{color:#cc3a3a;background:#fff0f0;border:1.5px solid #fecaca;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:800;animation:2s ease-in-out infinite urgent-pulse;display:inline-flex}@keyframes urgent-pulse{0%,to{box-shadow:0 0 #cc3a3a4d}50%{box-shadow:0 0 0 4px #cc3a3a00}}.btn-compose{background:var(--blue-2);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0d4fbf4d}.btn-compose:hover{background:#0a3a9a;transform:translateY(-1px)}.approval-filter-bar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.approval-search-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.approval-search-wrap>svg{color:var(--muted);pointer-events:none;position:absolute;left:9px}.approval-search-input{width:100%;color:var(--text);background:#fff;border:1.5px solid #d1dbe8;border-radius:8px;outline:none;padding:7px 28px 7px 30px;font-size:12px;transition:border-color .2s}.approval-search-input:focus{border-color:var(--blue-2);box-shadow:0 0 0 2px #0d4fbf1a}.approval-search-input::placeholder{color:#a0b8d0;font-size:11px}.approval-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid;position:absolute;right:7px}.approval-search-clear:hover{color:var(--text)}.approval-filter-toggle{color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1dbe8;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.approval-filter-toggle:hover{border-color:var(--blue-2);color:var(--blue-2)}.approval-filter-toggle.active{background:var(--blue-2);border-color:var(--blue-2);color:#fff}.filter-active-dot{background:#cc3a3a;border-radius:50%;width:6px;height:6px}.approval-filters-panel{background:#f8fafd;border:1px solid #e8eef4;border-radius:8px;margin-bottom:8px;padding:8px 10px}.approval-filters-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.approval-filter-group{background:#fff;border:1.5px solid #d1dbe8;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 8px;display:flex}.filter-icon{color:var(--muted);flex-shrink:0}.approval-select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:11px;font-weight:700}.approval-select option{font-size:11px}.approval-clear-filters{color:#cc3a3a;cursor:pointer;background:#fff0f0;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:3px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.approval-filter-tabs{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.approval-filter-tab{color:var(--muted);cursor:pointer;background:#fff;border:1.5px solid #d1dbe8;border-radius:7px;align-items:center;gap:4px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.approval-filter-tab:hover{border-color:var(--blue-2);color:var(--blue-2)}.approval-filter-tab.active{background:var(--blue-2);border-color:var(--blue-2);color:#fff}.approval-filter-count{background:#ffffff40;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:15px;padding:0 3px;font-size:9px;font-weight:800;display:inline-flex}.approval-filter-tab:not(.active) .approval-filter-count{color:var(--blue-2);background:#f0f4ff}.approval-results-info{color:var(--muted);align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.approval-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 20px;display:flex}.approval-empty svg{opacity:.3}.approval-empty h3{color:var(--text);margin:0;font-size:13px;font-weight:800}.approval-empty p{margin:0;font-size:11px}.approval-loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:13px;display:flex}.approval-spinner{animation:1s linear infinite approval-spin}@keyframes approval-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.approval-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.approval-card{box-shadow:var(--shadow-block);cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e8eef4;border-radius:10px;flex-direction:column;width:100%;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.approval-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--blue-2);transform:translateY(-2px)}.approval-card.card-urgent{border-color:#cc3a3a4d}.approval-card.card-urgent:hover{border-color:#cc3a3a}.approval-card-accent{width:100%;height:3px}.approval-card-body{flex-direction:column;gap:6px;padding:10px;display:flex}.approval-avatar-sm{background:linear-gradient(135deg, var(--blue-2), var(--cyan));color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid}.approval-card-top{align-items:flex-start;gap:7px;display:flex}.approval-card-sender-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.approval-card-sender-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.approval-card-date{color:var(--muted);font-size:9px}.approval-card-badges-sm{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.approval-priority-badge,.approval-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-flex}.approval-card-subject{color:var(--text);margin:0;font-size:12px;font-weight:800;line-height:1.4}.approval-card-content{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.approval-card-footer-meta{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.approval-meta-tag{color:var(--muted);background:#f3f6fa;border-radius:4px;align-items:center;gap:2px;padding:2px 5px;font-size:9px;font-weight:600;display:inline-flex}.approval-meta-tag.tag-overdue{color:#cc3a3a;background:#fff0f0}.approval-meta-tag.tag-reply{color:var(--blue-2);background:#eff4ff}.approval-meta-tag.tag-director{color:#157a44;background:#e8f5ee}.overdue-tag{color:#fff;background:#cc3a3a;border-radius:3px;margin-left:2px;padding:1px 3px;font-size:8px;font-weight:800}.approval-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07132880;justify-content:center;align-items:center;padding:16px;animation:.2s modal-in;display:flex;position:fixed;inset:0}.approval-modal{background:#f0f4f8;border-radius:14px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #07132859}.approval-modal-header{background:#fff;border-bottom:1px solid #e8eef4;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.approval-modal-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.approval-detail-category{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f3f6fa;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.approval-director-badge{color:#157a44;background:#e8f5ee;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex}.approval-modal-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#f3f6fa;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.approval-modal-close:hover{color:#cc3a3a;background:#fff0f0}.approval-modal-body{scrollbar-width:thin;scrollbar-color:#c8d8e8 transparent;flex:1;padding:14px;overflow-y:auto}.approval-detail-sender{border-bottom:1px solid #e8eef4;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.approval-detail-sender strong{color:var(--text);font-size:13px;font-weight:800;display:block}.approval-detail-sender span{color:var(--muted);font-size:10px;font-weight:600;display:block}.approval-detail-date{margin-top:2px;font-size:9px!important}.role-tag{background:#eff4ff;border-radius:3px;margin-left:4px;padding:1px 5px;display:inline-block;color:var(--blue-2)!important;font-size:9px!important;font-weight:700!important}.approval-detail-project{color:var(--blue-2);background:#eff4ff;border-radius:6px;align-items:center;gap:4px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.approval-detail-subject-row{align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.approval-detail-subject{color:var(--text);flex:1;margin:0;font-size:15px;font-weight:900;line-height:1.3}.approval-detail-content-row{align-items:flex-start;gap:6px;margin-bottom:10px;display:flex}.approval-detail-content{background:#fff;border:1px solid #e8eef4;border-radius:8px;flex:1;padding:10px 12px}.approval-detail-content p{color:var(--text);margin:0;font-size:12px;line-height:1.7}.approval-inline-edit-btn{color:#a0b8d0;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;padding:3px;transition:all .15s;display:grid}.approval-inline-edit-btn:hover{color:var(--blue-2);background:#eff4ff}.approval-edit-inline{flex:1;align-items:center;gap:5px;display:flex}.approval-edit-input{border:1.5px solid var(--blue-2);color:var(--text);border-radius:6px;outline:none;flex:1;padding:5px 9px;font-size:12px}.approval-edit-block{margin-bottom:10px}.approval-edit-textarea{border:1.5px solid var(--blue-2);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.6}.approval-edit-actions{gap:5px;margin-top:6px;display:flex}.approval-edit-save{background:var(--blue-2);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700}.approval-edit-cancel{color:var(--muted);cursor:pointer;background:#f3f6fa;border:1px solid #d1dbe8;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700}.approval-detail-attachments{margin-bottom:10px}.attachments-label{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.approval-detail-file-list{flex-direction:column;gap:3px;display:flex}.approval-detail-file-item{width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:#fff;border:1px solid #e8eef4;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.approval-detail-file-item:hover{background:#eff6ff;border-color:#b9cfea}.approval-detail-file-item svg{color:#cc3a3a;flex-shrink:0}.file-size{color:var(--muted);margin-left:auto;font-size:9px}.approval-detail-deadline{color:var(--text);background:#fff;border:1px solid #e8eef4;border-radius:6px;align-items:center;gap:5px;margin-bottom:8px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.approval-detail-deadline.overdue{color:#cc3a3a;background:#fff0f0;border-color:#fecaca}.approval-detail-deadline svg{flex-shrink:0}.approval-detail-note{background:#fff8e8;border:1px solid #f5dfa0;border-radius:6px;align-items:flex-start;gap:6px;margin-bottom:8px;padding:7px 10px;display:flex}.approval-detail-note svg{color:#c08816;flex-shrink:0;margin-top:1px}.approval-detail-note p{color:#8a6010;margin:0;font-size:11px;line-height:1.6}.approval-replies-section{margin-bottom:10px}.approval-replies-heading{color:var(--muted);border-bottom:1px solid #e8eef4;align-items:center;gap:5px;margin:0 0 7px;padding-bottom:5px;font-size:11px;font-weight:800;display:flex}.approval-reply-card{background:#f8fafd;border:1px solid #e8eef4;border-radius:7px;margin-bottom:5px;padding:8px 10px}.approval-reply-card.reply-director{background:#eff4ff;border-color:#c8d8f4}.reply-header{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}.reply-author{color:var(--text);font-size:10px;font-weight:800}.reply-director-tag{color:var(--blue-2);background:#dce8ff;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:800}.reply-date{color:var(--muted);margin-left:auto;font-size:9px}.reply-delete-btn{color:#c0d0e0;cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;transition:color .15s;display:grid}.reply-delete-btn:hover{color:#cc3a3a}.reply-content{color:var(--text);margin:0;font-size:11px;line-height:1.6}.reply-compose{border:1.5px solid var(--blue-2);background:#fff;border-radius:10px;margin-bottom:10px;padding:10px;box-shadow:0 0 0 3px #0d4fbf14}.reply-compose-header{color:var(--blue-2);align-items:center;gap:5px;margin-bottom:7px;font-size:11px;font-weight:800;display:flex}.reply-compose-input{width:100%;color:var(--text);resize:vertical;border:1.5px solid #d1dbe8;border-radius:6px;outline:none;margin-bottom:7px;padding:7px 9px;font-family:inherit;font-size:12px;line-height:1.6}.reply-compose-input:focus{border-color:var(--blue-2);box-shadow:0 0 0 2px #0d4fbf1a}.reply-compose-actions{flex-wrap:wrap;gap:5px;display:flex}.reply-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:3px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.reply-btn:disabled{opacity:.55;cursor:wait;transform:none}.reply-btn-cancel{color:var(--muted);background:#f3f6fa;border:1.5px solid #d1dbe8}.reply-btn-confirm{color:#fff;background:#157a44;box-shadow:0 2px 6px #157a444d}.reply-btn-confirm:hover{background:#126338;transform:translateY(-1px)}.reply-btn-reject{color:#cc3a3a;background:#fff;border:1.5px solid #fecaca}.reply-btn-reject:hover{background:#fff0f0}.director-reply-btn{background:linear-gradient(135deg, var(--blue-2), #0e3a8f);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:10px;padding:9px;font-size:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 3px 10px #0d4fbf59}.director-reply-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0d4fbf73}.approval-detail-footer{border-top:1px solid #e8eef4;padding-top:8px}.approval-item-actions{align-items:center;gap:6px;display:flex}.approval-item-owner{color:var(--blue-2);background:#eff4ff;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.approval-delete-btn{color:#cc3a3a;cursor:pointer;background:#fff0f0;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:3px;padding:4px 9px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.approval-delete-btn:hover{background:#fecaca}.compose-modal{width:100%;max-width:520px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07132880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-backdrop .modal-card{animation:.2s modal-in}.compose-modal-title{color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.compose-body{flex-direction:column;gap:10px;display:flex}.compose-row{gap:10px;display:flex}.compose-field{flex-direction:column;flex:1;gap:4px;display:flex}.compose-field label{color:var(--muted);font-size:10px;font-weight:800}.compose-required{color:#cc3a3a}.compose-optional{color:var(--muted);font-size:9px;font-weight:600}.compose-input,.compose-select,.compose-textarea{color:var(--text);background:#fff;border:1.5px solid #d1dbe8;border-radius:7px;outline:none;padding:7px 10px;font-family:inherit;font-size:12px;transition:border-color .2s}.compose-input:focus,.compose-select:focus,.compose-textarea:focus{border-color:var(--blue-2);box-shadow:0 0 0 2px #0d4fbf1a}.compose-textarea{resize:vertical;line-height:1.6}.compose-file-label{color:var(--muted);cursor:pointer;background:#f8fafd;border:1.5px dashed #c8d8e8;border-radius:7px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.compose-file-label:hover{border-color:var(--blue-2);color:var(--blue-2);background:#eff4ff}.compose-actions{border-top:1px solid #e8eef4;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.compose-btn-cancel{color:var(--muted);cursor:pointer;background:#f3f6fa;border:1px solid #d1dbe8;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:700}.compose-btn-submit{background:var(--blue-2);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0d4fbf4d}.compose-btn-submit:hover{background:#0a3a9a}.approval-chat{scrollbar-width:thin;scrollbar-color:#c8d8e8 transparent;flex-direction:column;gap:8px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.chat-bubble-wrap{align-items:flex-end;gap:6px;max-width:85%;display:flex}.chat-bubble-wrap.bubble-self{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-wrap.bubble-other{align-self:flex-start}.chat-avatar{flex-shrink:0;width:26px!important;height:26px!important;font-size:8px!important}.chat-avatar-self{background:linear-gradient(135deg,#157a44,#0d8040)!important}.chat-bubble-content{flex-direction:column;gap:2px;display:flex}.chat-bubble-meta{align-items:center;gap:4px;margin-bottom:2px;display:flex}.chat-author{color:var(--muted);font-size:9px;font-weight:800}.chat-bubble{word-break:break-word;border:1px solid #0000;border-radius:12px;max-width:100%;padding:9px 12px;box-shadow:0 2px 7px #0a1e371a}.chat-bubble p{margin:0;font-size:12px;font-weight:600;line-height:1.65}.chat-bubble-time{color:var(--muted);padding:0 2px;font-size:9px}.chat-bubble.bubble-my{color:#fff;background:#155bb8;border-color:#0b4696;border-radius:12px 12px 2px}.chat-bubble.bubble-director{color:#4c3300;background:#fff1c9;border-color:#e2bd61;border-radius:12px 12px 12px 2px}.chat-bubble.bubble-sender{color:#123b27;background:#e7f6ed;border-color:#a9d7bb;border-radius:12px 12px 12px 2px}.chat-deadline-alert{border:1.5px solid;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.chat-deadline-alert.alert-overdue{color:#cc3a3a;background:#fff0f0;border-color:#cc3a3a}.chat-deadline-alert.alert-warning{color:#8a6010;background:#fff8e8;border-color:#c08816}.chat-deadline-alert.alert-done{color:#157a44;background:#e8f5ee;border-color:#157a44}.alert-content{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.alert-content strong{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.reply-btn-reviewing{cursor:pointer;color:#fff;background:#c08816;border:none;border-radius:999px;align-items:center;gap:3px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #c088164d}.reply-btn-reviewing:hover{background:#a57212;transform:translateY(-1px)}.reply-btn-message{cursor:pointer;color:var(--blue-2);border:none;border:1.5px solid var(--blue-2);background:#fff;border-radius:999px;align-items:center;gap:3px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.reply-btn-message:hover{background:#eff4ff}.approval-deadline-banner{border:2px solid;border-radius:10px;align-items:center;gap:10px;margin:4px 0 12px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.approval-deadline-banner.banner-overdue{color:#cc3a3a;background:#fff5f5;border-color:#cc3a3a}.approval-deadline-banner.banner-warning{color:#8a6010;background:#fffbf0;border-color:#c08816}.approval-deadline-banner.banner-done{color:#157a44;background:#f0faf4;border-color:#157a44}.banner-text{flex-direction:column;flex:1;gap:1px;display:flex}.banner-label{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:9px}.banner-date{font-size:13px}.overdue-badge{color:#fff;background:#cc3a3a;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:800;animation:1.5s ease-in-out infinite urgent-pulse}.done-badge{color:#fff;background:#157a44;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:800}.rejected-badge{color:#fff;background:#cc3a3a;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:800}.reviewing-badge{color:#fff;background:#c08816;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:800}.reply-file-area{margin-bottom:8px}.reply-file-label{color:var(--muted);cursor:pointer;background:#f3f6fa;border:1.5px dashed #c0cce0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:all .2s;display:inline-flex}.reply-file-label:hover{border-color:var(--blue-2);color:var(--blue-2);background:#eaf0f8}.reply-files-preview{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.reply-file-chip{color:var(--blue-2);background:#eff4ff;border:1px solid #c8d8f0;border-radius:5px;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-size:10px;display:inline-flex}.reply-file-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.reply-file-chip-remove{cursor:pointer;color:#cc3a3a;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.chat-attachments{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.chat-file-chip{color:inherit;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:5px;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-family:inherit;font-size:10px;display:inline-flex}.chat-file-chip:hover{filter:brightness(.96)}.bubble-director .chat-file-chip,.bubble-sender .chat-file-chip{color:var(--blue-2);background:#0000000f;border-color:#0000001f}.chat-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.chat-file-size{opacity:.65}@media (max-width:640px){.approval-grid{grid-template-columns:1fr}.approval-page-header{flex-direction:column;gap:8px}.compose-row,.approval-filters-row{flex-direction:column}.approval-modal{border-radius:14px 14px 0 0;align-self:flex-end;max-height:95vh}.approval-modal-overlay{align-items:flex-end;padding:0}.chat-bubble-wrap{max-width:92%}}@media (max-width:400px){.brochure-masonry{grid-template-columns:1fr}}.project-jobs-panel,.work-map-panel{border-left:5px solid #1a5fa8}.project-job-context{background:#f4f8fc;border:1px solid #b7cce0;border-radius:12px;align-items:center;gap:12px;min-height:56px;margin-bottom:10px;padding:8px 12px;display:flex}.project-job-context>span{gap:1px;min-width:0;display:grid}.project-job-context small{color:#667c91;font-size:9px;font-weight:800}.project-job-context strong{color:#153b60;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.project-job-list{gap:9px;display:grid}.project-job-list-head,.project-job-open{grid-template-columns:minmax(170px,1.3fr) minmax(160px,1.15fr) minmax(120px,.8fr) 82px 98px minmax(150px,1fr) 20px;align-items:center;column-gap:11px;display:grid}.project-job-list-head{color:#63778b;letter-spacing:.04em;padding:0 56px 0 14px;font-size:9px;font-weight:900}.project-job-card{background:#fff;border:2px solid #a8bfd7;border-radius:12px;grid-template-columns:minmax(0,1fr) 40px;align-items:center;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #1230501a}.project-job-card:hover{border-color:#4f8ec8;box-shadow:0 8px 22px #12467d29}.project-job-open{width:100%;min-height:64px;color:var(--text);text-align:left;background:0 0;border:0;padding:10px 8px 10px 14px}.project-job-name{color:#102d49;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:850;overflow:hidden}.project-job-current{color:#1d4265;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.project-job-row-meta{display:contents}.project-job-value{color:#315b82;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.project-job-value svg{color:#3479b8;flex:none}.project-job-value.note{color:#405b74}.project-job-value.empty{color:#8593a0;font-weight:600}.project-job-chevron{color:#4f7195}.project-job-edit{color:#255f98;background:#eef5fc;border:1px solid #bdd0e2;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.project-job-edit:hover{background:#dfeeff;border-color:#78a7d2}.work-map-header{border-bottom:2px solid #d5e0eb;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding-bottom:16px;display:flex}.work-map-title-row{align-items:flex-start;gap:12px;min-width:0;display:flex}.work-map-title-row h2{margin:6px 0 0;font-size:24px}.work-map-title-row p{color:var(--muted);margin:5px 0 0;font-size:12px}.work-map-back{color:#285f91;background:#edf4fb;border:1px solid #acc2d8;border-radius:8px;flex:none;align-items:center;gap:5px;min-height:38px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.work-map-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.work-map-actions .soft-button,.work-map-actions .primary-button{min-height:40px}.work-main-map{gap:0;width:min(100%,920px);margin:0 auto;padding:8px 4px 18px;display:grid}.work-map-node-wrap{width:100%;display:grid}.work-map-node{width:100%;min-height:138px;color:var(--text);text-align:left;background:#fff;border:2px solid #9fb7cf;border-top:6px solid #3178ba;border-radius:14px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px 20px 14px 52px;display:flex;position:relative;box-shadow:0 6px 18px #102f501f}.work-map-node.work{border-top-color:#1769c2}.work-map-node.wait{background:#fffdf5;border-top-color:#c88a14}.work-map-node.hold{background:#faf7ff;border-top-color:#7857b6}.work-map-node.done{background:#f5fcf8;border-top-color:#17804b}.work-map-node:hover{border-color:#397cb8;transform:translateY(-2px);box-shadow:0 10px 25px #10467d2e}.work-map-order{color:#fff;background:#183d63;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-12px;left:-8px;box-shadow:0 3px 8px #0003}.work-map-node>strong{font-size:16px;line-height:1.4}.work-map-node-meta{flex-wrap:wrap;align-items:center;gap:7px 18px;width:100%;display:flex}.work-map-node-meta small{color:#40576f;align-items:center;gap:5px;min-width:0;font-size:10px;font-weight:650;display:flex}.work-map-node-meta svg{color:#4779a8;flex:none}.work-map-edit-hint{color:#1f629f;align-items:center;gap:3px;margin-top:auto;font-size:10px;font-weight:800;display:flex}.work-map-connector{color:#6287a9;place-items:center;width:100%;height:34px;display:grid;transform:rotate(90deg)}.work-map-empty{color:#52708d;text-align:center;background:#f4f8fc;border:2px dashed #aebfd0;border-radius:14px;align-content:center;place-items:center;gap:9px;min-height:240px;padding:28px;display:grid}.work-map-empty>strong{color:#173a5d;font-size:18px}.work-map-empty>span{font-size:12px}.work-map-empty>button{margin-top:8px}.task-picker{gap:14px;display:grid}.task-create-toggle{color:#174f84;text-align:left;background:#eef6ff;border:2px dashed #74a5d1;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:62px;padding:10px 14px;display:flex}.task-create-toggle>span{gap:2px;display:grid}.task-create-toggle strong{font-size:13px}.task-create-toggle small{color:#5c7690;font-size:10px}.task-template-create{background:#f7faff;border:1px solid #b9cee2;border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:13px;display:grid}.task-template-create .soft-button{min-height:39px}.task-picker select[size]{min-height:150px;padding:4px}.task-picker select[size] option{border-radius:6px;padding:9px 10px}.task-picker select[size] option:checked{color:#123d68;background:#dcecff linear-gradient(#dcecff,#dcecff);font-weight:700}.task-template-description{color:#4b6177;background:#f0f4f8;border-radius:8px;margin:-7px 0 0;padding:9px 11px;font-size:11px;line-height:1.55}.task-field-picker{gap:8px;display:grid}.task-field-picker>strong{color:#304a63;font-size:12px}.task-field-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.task-field-picker label{color:#4b5f72;cursor:pointer;background:#f7f9fb;border:1px solid #b9c9d9;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.task-field-picker label.selected{color:#164f84;background:#e8f3ff;border-color:#4c8cca}.task-field-picker label input{accent-color:#1769c2;width:16px;height:16px}.split-actions{justify-content:space-between}.split-actions>span{align-items:center;gap:8px;display:flex}@media (max-width:1100px){.project-job-list-head{display:none}.project-job-card{grid-template-columns:minmax(0,1fr) 38px}.project-job-open{grid-template-columns:minmax(0,1fr) auto;row-gap:5px;min-height:86px;padding:9px 7px 9px 11px;display:grid}.project-job-name{grid-area:1/1;font-size:13px}.project-job-current{grid-area:2/1/auto/-1;font-size:10px}.project-job-row-meta{grid-area:3/1/auto/-1;align-items:center;gap:7px;display:flex;overflow:hidden}.project-job-value{border-left:1px solid #d1dde8;flex:0 auto;max-width:31%;padding-left:6px;font-size:8px}.project-job-row-meta>:first-child{border-left:0;padding-left:0}.project-job-value.note{flex:auto;max-width:none}.project-job-row-meta .badge{flex:none;padding:3px 7px;font-size:8px}.project-job-chevron{grid-area:1/2}.work-map-header{flex-direction:column}.work-map-actions{justify-content:flex-start;width:100%}}@media (max-width:700px){.project-job-context{min-height:48px;padding:6px 8px}.project-job-context .work-map-back{min-height:34px}.project-job-context strong{font-size:13px}.work-map-title-row{flex-direction:column;width:100%}.work-map-actions{grid-template-columns:1fr 1fr;display:grid}.work-map-actions>*{width:100%}.work-main-map{padding:6px 0}.work-map-node-wrap{width:100%;display:grid}.work-map-node{width:100%;min-height:150px;padding:18px 14px 14px 42px}.work-map-connector{width:100%;height:34px;transform:rotate(90deg)}.task-template-create{grid-template-columns:1fr}.task-field-picker>div{grid-template-columns:1fr 1fr}.split-actions{flex-direction:column-reverse;align-items:stretch}.split-actions>span{width:100%}.split-actions>span:last-child>*{flex:1}}