:root{font-family:Segoe UI,Arial,system-ui,sans-serif;color:#17212b;background:#f3f6f8;font-synthesis:none;--navy: #173d5f;--navy2: #23577f;--orange: #e79428;--line: #dce3e9;--muted: #667482;--shadow: 0 7px 24px rgba(21, 48, 70, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#12344f;color:#fff;padding:22px 15px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:2px 7px 27px}.sidebar-brand>div:not(.brand-mark){display:flex;flex-direction:column}.sidebar-brand strong{font-size:15px}.sidebar-brand span{font-size:10px;color:#9fb5c7;margin-top:2px}.brand-mark{width:60px;height:60px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:31px;font-weight:800;box-shadow:inset -8px -8px 20px #00000026;position:relative}.brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#f0a23a;right:10px;top:9px}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:20px;background:#fff;color:var(--navy);box-shadow:none}.brand-mark.small:after{width:7px;height:7px;right:6px;top:6px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{height:48px;border-radius:11px;display:flex;align-items:center;gap:13px;padding:0 14px;color:#bfd0dd;font-weight:600;font-size:14px}.sidebar nav a svg{width:20px}.sidebar nav a:hover,.sidebar nav a.active{background:#28536f;color:#fff}.sidebar-foot{margin-top:auto;color:#89a4b7;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:11px}.sidebar-foot svg{width:16px}.content{margin-left:250px;min-height:100vh}.content>header{height:68px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 30px;gap:12px;position:sticky;top:0;z-index:10}.page{padding:30px;max-width:1480px;margin:0 auto 60px}.avatar{width:36px;height:36px;border-radius:50%;background:#dceaf4;color:var(--navy);font-size:12px;font-weight:800;display:grid;place-items:center;margin-left:4px}.icon{width:38px;height:38px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center;color:#4b5b68}.icon:hover{background:#edf2f5}.icon svg{width:20px}.global-search-trigger{min-width:205px;min-height:38px;margin-right:auto;padding:0 9px 0 12px;display:flex;align-items:center;gap:8px;border:1px solid #d8e1e6;border-radius:10px;background:#f5f8fa;color:#667681;text-align:left;font-size:10px}.global-search-trigger:hover{border-color:#aebfca;background:#fff}.global-search-trigger>svg{width:16px}.global-search-trigger>span{flex:1}.global-search-trigger kbd,.global-search-modal kbd{padding:2px 5px;border:1px solid #d3dde3;border-bottom-width:2px;border-radius:5px;background:#fff;color:#75848e;font-family:inherit;font-size:8px}.global-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:11vh 20px 20px;background:#0c1e2b8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.global-search-modal{width:min(720px,100%);max-height:min(720px,78vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d6e0e6;border-radius:16px;background:#fff;box-shadow:0 28px 80px #0c233352}.global-search-input{min-height:64px;padding:10px 13px 10px 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e4eaee}.global-search-input>svg{width:21px;flex:none;color:#4f7893}.global-search-input input{min-width:0;min-height:42px;flex:1;padding:0;border:0;box-shadow:none;font-size:15px}.global-search-input input:focus{border:0;box-shadow:none}.global-search-close{min-height:29px;padding:0 8px;border:1px solid #d6e0e5;border-radius:6px;background:#f7f9fa;color:#71808a;font-size:8px;font-weight:700}.global-search-results{min-height:190px;overflow-y:auto;padding:9px}.global-search-section-title{padding:9px 9px 6px;color:#7a8993;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.global-search-result{width:100%;min-height:62px;padding:8px 10px;display:grid;grid-template-columns:39px minmax(0,1fr) auto 18px;align-items:center;gap:10px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left}.global-search-result.active,.global-search-result:hover{background:#edf5fa}.global-search-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8f1f7;color:#3d7397}.global-search-icon.client{background:#ebf5ef;color:#3b7c59}.global-search-icon.location{background:#fff1df;color:#a46a24}.global-search-icon.task{background:#f1ebf7;color:#76529a}.global-search-icon svg{width:17px}.global-search-main{min-width:0;display:flex;flex-direction:column;gap:4px}.global-search-main strong,.global-search-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-main strong{color:#29485c;font-size:11px}.global-search-main small{color:#6f7f89;font-size:9px}.global-search-meta{max-width:165px;color:#6c7d87;font-size:8px;text-align:right}.global-search-result>svg{width:15px;color:#90a0aa}.global-search-start,.global-search-empty{min-height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;text-align:center}.global-search-start>strong,.global-search-empty strong{color:#3a5668;font-size:12px}.global-search-start>div{display:flex;gap:8px}.global-search-start button{min-height:39px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e2e7;border-radius:8px;background:#fff;color:#38566a;font-size:9px;font-weight:700}.global-search-start button:hover{background:#f3f8fa}.global-search-start button svg{width:14px}.global-search-start>span,.global-search-empty span{max-width:420px;color:#81909a;font-size:9px}.global-search-empty>svg{width:32px;color:#a5b1b8}.global-search-modal>footer{min-height:39px;padding:7px 14px;display:flex;align-items:center;gap:15px;border-top:1px solid #e5eaed;background:#f8fafb;color:#7b8992;font-size:8px}.global-search-modal>footer span:last-child{margin-left:auto}.global-search-modal>footer kbd{margin-right:3px}.notification-center,.notification-button{position:relative}.notification-count{position:absolute;top:2px;right:1px;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:9px;background:#c34747;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:900}.notification-panel{position:absolute;top:46px;right:-46px;width:min(390px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 88px));display:flex;flex-direction:column;border:1px solid #dce4e9;border-radius:14px;background:#fff;box-shadow:0 18px 48px #19344633;overflow:hidden;z-index:30}.notification-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid #e8edf0}.notification-head>div{display:flex;flex-direction:column;gap:2px}.notification-head strong{color:#304f63;font-size:13px}.notification-head span{color:#7b8a94;font-size:9px}.notification-list{min-height:0;overflow-y:auto}.notification-item{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;align-items:start;padding:12px 15px;border-bottom:1px solid #eef1f3;color:inherit;text-decoration:none}.notification-item:hover,.notification-item.unread{background:#f5f9fb}.notification-item>div{min-width:0;display:flex;flex-direction:column;gap:4px}.notification-item strong{color:#334f61;font-size:10px}.notification-item small{color:#71818b;font-size:9px;line-height:1.4}.notification-status{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#4a87ad}.notification-item.warning .notification-status{background:#d28a28}.notification-item.danger .notification-status{background:#c34747}.notification-item:not(.unread) .notification-status{opacity:.3}.notification-read-all{min-height:42px;border:0;border-top:1px solid #e5eaed;background:#fff;color:#39769e;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800}.notification-read-all:hover{background:#f5f9fb}.notification-read-all svg{width:14px}.sync-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700;color:#50606d;background:#edf2f5;text-decoration:none}.sync-dot{width:7px;height:7px;border-radius:50%;background:#8293a0}.sync-pill.synced{color:#29724b;background:#e5f5ec}.sync-pill.synced .sync-dot{background:#34a36a}.sync-pill.offline{color:#7a5e2b;background:#fdf1d9}.sync-pill.offline .sync-dot{background:#e69b28}.sync-pill.error,.sync-pill.conflict{color:#9a3c3c;background:#fdeaea}.sync-pill.error .sync-dot,.sync-pill.conflict .sync-dot{background:#d55252}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.page-head h1{font-size:27px;line-height:1.2;margin:0 0 5px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.primary,.secondary,.text-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-weight:700;font-size:13px;min-height:42px;padding:0 16px}.primary{background:var(--navy);color:#fff;box-shadow:0 3px 9px #173d5f2e}.primary:hover{background:var(--navy2)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.primary svg,.secondary svg,.text-button svg{width:17px}.primary.large{min-height:48px}.primary.full{width:100%;margin-top:16px}.secondary{background:#fff;color:#304759;border:1px solid #cfd9df}.secondary:hover{background:#f4f7f8}.text-button{color:var(--navy2);background:transparent;padding:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric{background:#fff;border:1px solid #e0e6eb;border-radius:13px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 10px #19334808}.metric-link{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.metric-link:hover,.metric-link:focus-visible{border-color:#a9c0d0;box-shadow:0 8px 24px #173d5f17;transform:translateY(-1px);outline:none}.metric-link:after{content:"Открыть";align-self:flex-end;color:#567386;font-size:9px;font-weight:700}.metric-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;flex:none}.metric-icon svg{width:20px}.metric-icon.blue{background:#e2eff9;color:#27618b}.metric-icon.red{background:#fdeaea;color:#be4d4d}.metric-icon.orange{background:#fff0dd;color:#bf7521}.metric-icon.slate{background:#edf1f4;color:#60707d}.metric-icon.green{background:#e5f5ec;color:#2d8559}.metric>div:last-child{display:grid;grid-template-columns:1fr auto;align-items:baseline;flex:1}.metric span{font-size:12px;color:var(--muted);grid-column:1}.metric strong{font-size:25px;grid-column:2;grid-row:1/3;white-space:nowrap}.metric small{font-size:10px;color:#8896a0;grid-column:1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.dashboard-wide{grid-column:1 / -1}.dashboard-filter-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid #cddde7;border-radius:11px;background:#f2f8fb}.dashboard-filter-banner>div{display:flex;flex-direction:column;gap:2px}.dashboard-filter-banner strong{color:#315d79;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.dashboard-filter-banner span{color:#243c4d;font-size:12px;font-weight:700}.period-select{min-height:31px;max-width:170px;border:1px solid #d6dfe5;border-radius:8px;padding:0 8px;background:#fff;color:#53626d;font-size:9px}.card{background:#fff;border:1px solid #e0e6eb;border-radius:13px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.card h2{font-size:15px;margin:0}.card-head>a{font-size:12px;color:var(--navy2);font-weight:700}.order-list{margin:0 -20px}.order-row{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid #edf0f2}.order-row:first-child{border-top:0}.order-row:hover{background:#f8fafb}.order-date{width:52px;height:50px;background:#eef3f6;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.order-date strong{font-size:17px;line-height:1}.order-date span{font-size:9px;text-transform:uppercase;color:#71808d;margin-top:4px}.order-main{min-width:0;flex:1}.order-main>div{display:flex;align-items:center;gap:8px}.order-main strong{font-size:12px}.order-number{color:#6f808b;background:#f0f4f6;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800}.order-main p{margin:5px 0 3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-main .order-address{color:#304f63;font-weight:650}.order-main small{color:#74828d;font-size:10px}.order-row>svg{width:17px;color:#9aa6af}.badge{font-size:9px;font-weight:800;border-radius:15px;padding:4px 8px;white-space:nowrap}.badge.green{background:#e5f5ec;color:#26704a}.badge.blue{background:#e3eff8;color:#27618b}.badge.orange{background:#fff0dc;color:#9b621f}.badge.slate{background:#edf2f5;color:#566673}.badge.gray{background:#eee;color:#777}.pending-mark{font-size:9px;color:#b46c17}.money-block,.money-total,.money-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f2;font-size:12px}.money-block strong{font-size:17px}.positive{color:#258256!important}.negative{color:#c14646!important}.money-total{border:0;margin-top:5px}.money-total strong{font-size:19px}.filters{display:flex;gap:12px;margin-bottom:16px}.search{position:relative;display:flex;align-items:center;min-width:320px}.search svg{position:absolute;left:12px;width:18px;color:#81909b}.search input{padding-left:39px!important}.filters input,.filters select{height:43px;background:#fff;border:1px solid #d6dfe5;border-radius:9px;padding:0 12px;outline:none}.filters input:focus,.filters select:focus{border-color:#769bb7;box-shadow:0 0 0 3px #e1edf5}.filters select{min-width:190px}.task-filters{flex-wrap:wrap;align-items:center}.task-filters .search{flex:1 1 280px}.checkbox-filter,.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.checkbox-filter{min-height:43px;padding:0 12px;border:1px solid #d6dfe5;border-radius:9px;background:#fff;color:#536875;font-size:11px;font-weight:700}.checkbox-filter input,.checkbox-label input{width:16px;height:16px;min-height:0;margin:0}.task-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid #e0e6eb;border-radius:13px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between}.stat-card span{color:#647682;font-size:11px;font-weight:700}.stat-card strong{color:#193c56;font-size:24px}.task-list{display:flex;flex-direction:column}.task-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #edf0f2}.task-row:last-child{border-bottom:0}.task-row.done .task-main strong{color:#81909a;text-decoration:line-through}.task-row.overdue{background:linear-gradient(90deg,rgba(193,70,70,.055),transparent 60%)}.task-check{width:24px;height:24px;min-height:24px;padding:0;margin-top:1px;border-radius:7px;border:1px solid #b9c8d1;background:#fff;color:#fff;display:grid;place-items:center}.task-check.checked{border-color:#258256;background:#258256}.task-check svg{width:15px}.task-main{min-width:0}.task-title-line,.task-meta,.task-actions{display:flex;align-items:center;gap:8px}.task-title-line{flex-wrap:wrap}.task-title-line>strong{font-size:12px;color:#193c56}.task-main p{margin:5px 0;color:#546b79;font-size:10px;white-space:pre-wrap}.task-meta{flex-wrap:wrap;margin-top:5px;color:#7b8a94;font-size:9px}.task-meta span+span:before,.task-meta span+a:before,.task-meta a+span:before{content:"·";margin-right:8px;color:#b2bec5}.task-meta a{color:#246b9c;font-weight:700}.task-order-link{display:inline-flex;align-items:baseline;gap:5px;max-width:100%}.task-order-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-order-link small{color:#82929c;font-size:8px;white-space:nowrap}.task-priority{border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800;background:#edf2f5;color:#5f7280}.task-priority.high{background:#fff0df;color:#a45d10}.task-priority.urgent{background:#fee8e8;color:#b63f3f}.task-priority.low{background:#eaf4fb;color:#39769e}.task-actions select{min-width:125px;height:34px;border:1px solid #d6dfe5;border-radius:8px;background:#fff;padding:0 8px;font-size:9px}.task-list.compact .task-actions select,.task-list.compact .task-actions .finance-icon-button:first-of-type{display:none}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.calendar-filter-bar{display:flex;justify-content:flex-end;margin-bottom:12px}.calendar-filter-bar label{display:flex;align-items:center;gap:9px;color:#687985;font-size:10px;font-weight:700}.calendar-filter-bar select{min-width:210px}.workload-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(185px,1fr);gap:10px;margin-bottom:14px;padding-bottom:2px;overflow-x:auto}.workload-card{min-width:0;padding:12px 13px;border:1px solid #dfe6ea;border-radius:11px;background:#fff;color:inherit;display:flex;align-items:flex-start;flex-direction:column;gap:4px;text-align:left;box-shadow:none}.workload-card:hover,.workload-card.selected{border-color:#4f8caf;background:#edf6fb}.workload-card strong{max-width:100%;overflow:hidden;color:#304f63;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workload-card span,.workload-card small{color:#6d7e88;font-size:9px}.workload-card small.negative{color:#b74747;font-weight:800}.calendar-toolbar strong{color:#304f63;font-size:12px;text-align:center}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#fff;border:1px solid #dfe6ea;border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.month-weekday{padding:10px;border-left:1px solid #e7ecef;border-bottom:1px solid #dfe6ea;background:#f5f8f9;color:#6e7f89;font-size:9px;font-weight:800;text-align:center;text-transform:uppercase}.month-weekday:first-child{border-left:0}.month-day{position:relative;min-width:0;min-height:128px;padding:8px;border:0;border-left:1px solid #e7ecef;border-bottom:1px solid #e7ecef;border-radius:0;background:#fff;color:inherit;text-align:left;align-items:stretch;justify-content:flex-start;overflow:hidden}.month-day:nth-child(7n+8){border-left:0}.month-day.outside{background:#f8fafb;color:#a1adb5}.month-day:hover{background:#f4f9fc}.month-day.today{background:#e8f4fb}.month-day.selected{box-shadow:inset 0 0 0 2px #397ca8;z-index:1}.month-day-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#405a6b;font-size:10px;font-weight:800}.month-day.today .month-day-number{background:#397ca8;color:#fff}.month-day.outside .month-day-number{color:#a1adb5}.month-events{display:flex;flex-direction:column;gap:3px;width:100%;margin-top:4px}.month-event{min-width:0;border-radius:5px;padding:4px 5px;display:flex;align-items:baseline;gap:4px;border-left:3px solid;overflow:hidden;color:#365267;font-size:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.month-event small{flex:none;color:#74858f;font-size:7px}.month-event.order{border-color:#397ca8;background:#edf6fb}.month-event.task{border-color:#8d6ab1;background:#f6f0fb}.month-event.overdue{border-color:#c14646;background:#fff0f0}.month-event.completed{opacity:.52;text-decoration:line-through}.month-more{color:#60798a;font-size:8px;font-weight:800;padding:2px 5px}.month-event-count{display:none}.calendar-day-details,.calendar-unplanned{margin-top:18px}.calendar-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.calendar-detail-grid>div{min-width:0}.calendar-detail-grid>div+div{border-left:1px solid #e7ecef;padding-left:28px}.calendar-detail-grid h3{margin:0 0 10px;color:#536b7a;font-size:10px;text-transform:uppercase}.calendar-legend{display:flex;gap:16px;margin-top:12px;color:#6c7e89;font-size:9px}.calendar-legend span:before{content:"";width:8px;height:8px;border-radius:3px;display:inline-block;margin-right:5px;background:#397ca8}.calendar-legend .task:before{background:#8d6ab1}.calendar-legend .overdue:before{background:#c14646}.order-filters{flex-wrap:wrap;align-items:flex-end}.order-filters .search{flex:1 1 360px}.filter-date{display:flex;flex-direction:column;gap:5px;color:#687985;font-size:10px;font-weight:700}.order-filters button{min-height:43px}.order-page-actions{display:flex;align-items:center;gap:10px}.view-switch{display:flex;padding:3px;border:1px solid #d8e0e5;border-radius:10px;background:#eef2f5}.view-switch button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#657581;font-size:10px;font-weight:700}.view-switch button.active{background:#fff;color:var(--navy);box-shadow:0 2px 7px #1d3a4e1f}.view-switch svg{width:15px}.board-message{margin:-8px 0 14px;padding:9px 12px;border:1px solid #cfe2d7;border-radius:9px;background:#f0f9f4;color:#32694d;font-size:10px}.order-board{display:flex;align-items:flex-start;gap:12px;padding:2px 2px 18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#b7c5ce transparent}.order-board-column{flex:0 0 284px;min-height:240px;max-height:calc(100vh - 245px);display:flex;flex-direction:column;border:1px solid #dce4e9;border-radius:12px;background:#f3f6f8;transition:border-color .15s ease,background .15s ease}.order-board-column.drag-target{border-color:#568eb3;background:#eaf4fa}.order-board-column>header{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-bottom:1px solid #dce4e9}.order-board-column>header .badge{max-width:218px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-board-column>header>strong{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:#fff;color:#5c6c77;font-size:10px}.order-board-cards{min-height:185px;padding:9px;overflow-y:auto}.order-board-empty{min-height:70px;display:grid;place-items:center;border:1px dashed #cbd6dd;border-radius:9px;color:#96a2aa;font-size:9px}.order-board-card{position:relative;margin-bottom:9px;overflow:hidden;border:1px solid #dce4e9;border-left:4px solid #8da0ad;border-radius:10px;background:#fff;box-shadow:0 3px 10px #1e38490f;cursor:grab;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.order-board-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1e38491c}.order-board-card.moving{opacity:.55;pointer-events:none}.order-board-card.priority-urgent{border-left-color:#c84444}.order-board-card.priority-high{border-left-color:#d8832e}.order-board-card.priority-normal{border-left-color:#4e87ad}.order-board-card.priority-low{border-left-color:#8da0ad}.order-board-card>a{display:block;padding:11px 11px 8px;color:inherit;text-decoration:none}.order-board-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.order-board-card-head strong{font-size:11px;overflow-wrap:anywhere}.order-board-card-head span{flex:none;color:#71818c;font-size:8px}.order-board-card p{margin:7px 0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#425461;font-size:10px;line-height:1.45}.order-board-card>a>small{display:flex;align-items:flex-start;gap:4px;color:#74828c;font-size:8px;line-height:1.4}.order-board-card>a>small svg{width:11px;height:11px;flex:none}.order-board-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px}.order-board-card-meta>span{display:inline-flex;align-items:center;gap:3px;color:#647681;font-size:7px}.order-board-card-meta svg{width:10px;height:10px}.order-board-card-meta .priority-label{padding:3px 5px;border-radius:5px;background:#edf2f5;font-weight:700}.order-board-card-meta .priority-label.urgent{color:#a53636;background:#fdeaea}.order-board-card-meta .priority-label.high{color:#995a1d;background:#fff0dd}.order-board-card-meta .board-debt{color:#a53636;font-weight:700}.order-board-card>select{width:calc(100% - 16px);min-height:31px;margin:0 8px 8px;padding:4px 7px;border-color:#dde5ea;background:#f8fafb;color:#526571;font-size:8px}.empty{text-align:center;color:#84919b;padding:30px 10px}.empty svg{width:30px;opacity:.45}.empty p{font-size:12px;margin:8px}.form-layout{max-width:920px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}label{font-size:11px;color:#52616d;font-weight:700;display:flex;flex-direction:column;gap:7px}input,select,textarea{border:1px solid #ccd7df;border-radius:8px;background:#fff;color:#17212b;padding:11px 12px;outline:none;min-height:43px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6b98b7;box-shadow:0 0 0 3px #e5eff6}.segmented{display:flex;background:#eef2f5;border-radius:9px;padding:3px;width:max-content;margin-bottom:17px}.segmented button{border:0;background:transparent;border-radius:7px;padding:8px 15px;font-size:11px;font-weight:700;color:#687784}.segmented button.active{background:#fff;color:var(--navy);box-shadow:0 2px 6px #00000017}.sticky-actions{position:sticky;bottom:16px;background:#fffffff5;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;justify-content:flex-end;gap:10px;box-shadow:0 6px 25px #1c334426;z-index:4}.detail-head{display:grid;grid-template-columns:1fr auto;gap:20px;background:#fff;border:1px solid #e0e6eb;border-radius:13px;padding:21px 24px;margin-bottom:18px}.back{grid-column:1/-1;font-size:11px;color:#597080;display:flex;align-items:center;gap:5px;width:max-content}.back svg{width:16px}.eyebrow{font-size:10px;color:#6d7c87;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.detail-head h1{font-size:20px;max-width:780px;margin:6px 0 10px}.detail-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#5d6d79}.detail-meta span+span{border-left:1px solid #d5dde2;padding-left:10px}.status-select{align-self:end;width:210px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.85fr);gap:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.info-grid .wide{grid-column:1/-1}.info-grid div{display:flex;flex-direction:column;gap:5px}.info-grid dt{font-size:10px;color:#788690}.info-grid dd{font-size:12px;font-weight:600;margin:0}.info-grid a{color:#246b9c}.estimate-summary{display:flex;align-items:center;justify-content:space-between;background:#f4f7f9;border-radius:9px;padding:13px}.estimate-card-actions{display:flex;align-items:center;gap:5px}.estimate-version-tabs{display:flex;gap:7px;margin:-3px 0 12px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.estimate-version-tabs button{min-width:108px;padding:8px 10px;display:flex;align-items:flex-start;flex-direction:column;gap:2px;flex:none;border:1px solid #d9e2e7;border-radius:9px;background:#fff;color:#536672;text-align:left}.estimate-version-tabs button.active{border-color:#4e83a5;background:#edf5f9;box-shadow:0 0 0 2px #e1edf4}.estimate-version-tabs strong{color:#31576f;font-size:9px}.estimate-version-tabs span,.estimate-version-tabs small{font-size:7px}.estimate-version-tabs span{font-weight:700}.estimate-version-tabs small{color:#82909a}.estimate-version-tabs em{color:#a46b23;font-size:7px;font-style:normal}.estimate-locked-note{display:flex;align-items:center;gap:7px;margin:10px 0 3px;padding:8px 10px;border-radius:8px;background:#edf8f1;color:#347253;font-size:8px}.estimate-locked-note svg{width:14px}.estimate-valid-until{margin:9px 2px 0;color:#6f7f89;font-size:8px}.estimate-discount-row{display:flex;justify-content:space-between;padding:10px 4px 0;color:#725792;font-size:9px}.estimate-version-note{margin:11px 0 0;padding:10px;border-radius:8px;background:#f5f7f8;color:#53646f;font-size:9px;line-height:1.5}.estimate-summary>div{display:flex;flex-direction:column;gap:3px}.estimate-summary span{font-size:10px;color:#6d7d88}.estimate-summary strong{font-size:18px}.mini-lines>div{display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px solid #edf0f2;font-size:11px}.mini-lines>div>span{display:flex;flex-direction:column}.mini-lines small{color:#84919b;margin-top:3px}.result-box>div{display:flex;gap:12px;align-items:center}.result-box svg{background:#e5f5ec;color:#287952;border-radius:50%;padding:6px;width:34px;height:34px}.result-box span{display:flex;flex-direction:column}.result-box small{color:#71808d;font-size:10px;margin-top:3px}.result-box p{font-size:11px;color:#556570;margin:12px 0 0}.result-lines{margin-top:12px}.result-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:11px}.result-total strong{font-size:15px}.form-section-title{margin:20px 0 10px;color:#29495f;font-size:12px}.result-meta-fields{margin-bottom:6px}.result-complete-check{align-self:end;min-height:43px;flex-direction:row!important;align-items:center;gap:9px!important;border:1px solid #d6dfe5;border-radius:9px;padding:0 12px;background:#f7f9fa}.result-complete-check input{width:18px!important;min-height:18px!important;margin:0}.result-add-buttons{display:flex;flex-wrap:wrap;gap:8px}.result-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;padding:13px;border-radius:10px;background:#f4f7f9}.result-totals span{display:flex;flex-direction:column;gap:4px;color:#697782;font-size:9px}.result-totals strong{color:#1d3748;font-size:13px}.result-totals .result-grand-total{padding-left:12px;border-left:1px solid #d6e0e6}.result-totals .result-grand-total strong{font-size:16px}.result-notes{margin-top:18px}.status-history{display:flex;flex-direction:column}.status-history>div{position:relative;display:grid;grid-template-columns:18px 1fr;gap:9px;padding:0 0 17px}.status-history>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#d8e2e8}.status-history>div:last-child{padding-bottom:0}.status-history-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:2px;border:2px solid #fff;border-radius:50%;background:#3d7fa9;box-shadow:0 0 0 1px #8eafc4}.status-history>div>div{display:flex;flex-direction:column;gap:4px}.status-history strong{font-size:11px}.status-history small{color:#75848f;font-size:9px}.status-history p{margin:2px 0 0;color:#53626d;font-size:10px}.detail-main>.card[id],.detail-side>.card[id]{scroll-margin-top:86px}.order-timeline-card{scroll-margin-top:86px}.order-timeline-card.collapsed .card-head{margin-bottom:0}.timeline-toggle svg{transition:transform .18s ease}.order-timeline-card.open .timeline-toggle svg{transform:rotate(90deg)}.timeline-filters{display:flex;gap:6px;margin:-4px 0 15px;overflow-x:auto;scrollbar-width:none}.timeline-filters::-webkit-scrollbar{display:none}.timeline-filters button{min-height:31px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;flex:none;border:1px solid #d9e2e7;border-radius:16px;background:#fff;color:#627580;font-size:8px;font-weight:700}.timeline-filters button.active{border-color:#477d9f;background:#eaf3f8;color:#285d7e}.timeline-filters button span{min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:#edf1f3;font-size:7px}.timeline-filters button.active span{background:#fff}.order-timeline{position:relative}.order-timeline:before{content:"";position:absolute;top:20px;bottom:20px;left:18px;width:1px;background:#dce5ea}.timeline-event{position:relative;min-height:58px;display:grid;grid-template-columns:37px minmax(0,1fr) 18px;gap:11px;align-items:start;padding:8px 5px 11px 0;border:0;border-radius:9px;transition:background .15s ease}.timeline-event.clickable{cursor:pointer}.timeline-event.clickable:hover{background:#f4f8fa}.timeline-event.pending{background:#fffaf0}.timeline-icon{position:relative;z-index:1;width:37px;height:37px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#e6f0f6;color:#39769c}.timeline-icon svg{width:14px}.timeline-event.kind-finance .timeline-icon{background:#e7f4eb;color:#347552}.timeline-event.kind-estimate .timeline-icon,.timeline-event.kind-document .timeline-icon{background:#f4ecfa;color:#76539a}.timeline-event.kind-work .timeline-icon{background:#fff0dd;color:#a36825}.timeline-event.kind-task .timeline-icon{background:#e9eefb;color:#4e64a0}.timeline-event.kind-file .timeline-icon{background:#edf1f3;color:#637682}.timeline-content{min-width:0;padding-top:2px}.timeline-content>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.timeline-content strong{color:#304f62;font-size:11px}.timeline-kind{padding:2px 5px;border-radius:5px;background:#edf2f5;color:#6e7e88;font-size:7px;font-weight:700;text-transform:uppercase}.timeline-content p{margin:4px 0;color:#536570;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.timeline-content small{color:#839099;font-size:8px}.timeline-event>svg{width:15px;margin-top:10px;color:#9aa7af}.timeline-more{width:100%;margin-top:10px}.photo-add{cursor:pointer;white-space:nowrap;padding:0 12px;background:#edf4f8}.photo-toolbar{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.photo-category-picker,.photo-filter{display:flex;flex-direction:column;gap:6px}.photo-category-picker>span,.photo-filter>span{color:#75848f;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.photo-category-picker>div{display:flex;flex-wrap:wrap;gap:5px}.photo-category-picker button{min-height:30px;display:inline-flex;align-items:center;gap:4px;border:1px solid #d6dfe5;border-radius:15px;padding:0 10px;background:#fff;color:#53626d;font-size:8px}.photo-category-picker button.active{border-color:#3d7fa9;background:#eaf3f8;color:#245d81}.photo-category-picker button svg{width:11px;height:11px}.photo-filter select{min-height:34px;border:1px solid #d6dfe5;border-radius:8px;padding:0 8px;background:#fff;color:#53626d;font-size:9px}.photo-file-picker input{position:absolute;width:1px;height:1px;opacity:0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-grid figure{margin:0;position:relative;border-radius:10px;overflow:hidden;background:#edf2f5;aspect-ratio:4 / 3}.photo-open{width:100%;height:100%;display:block;border:0;padding:0;background:transparent;cursor:zoom-in}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid figcaption{position:absolute;inset:auto 5px 5px;padding:4px 6px;border-radius:6px;color:#fff;background:#0f2332b8;font-size:7px}.photo-badges{position:absolute;top:6px;left:6px;right:40px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}.photo-badges span{padding:4px 6px;border-radius:999px;background:#0f2332c7;color:#fff;font-size:7px;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#16242fbd;color:#fff}.photo-remove svg{width:14px}.photo-remove:disabled{opacity:.7;cursor:wait}.photo-remove:disabled svg,.photo-upload-form button.loading svg{animation:photo-spin 1s linear infinite}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px;color:#6c7e8a;font-size:9px;text-align:center}.photo-placeholder svg{width:25px}.photo-retry{margin-top:12px}.photo-upload-form{display:flex;flex-direction:column;gap:14px}.photo-upload-step{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid #e1e7eb;border-radius:11px;background:#f8fafb}.photo-upload-step>strong{color:#243b4d;font-size:12px}.photo-upload-step>span{color:#75848f;font-size:9px}.photo-file-picker{position:relative;cursor:pointer}.photo-upload-list{width:100%;max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:5px}.photo-upload-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:7px;background:#fff;color:#354b5c;font-size:9px}.photo-upload-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload-list small{flex:0 0 auto;color:#75848f}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:54px 72px;background:#050d13ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-lightbox-content{max-width:min(1120px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.photo-lightbox-content>img{min-width:0;max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;border-radius:10px;box-shadow:0 18px 60px #00000061}.photo-lightbox-content>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:#fff;font-size:10px}.photo-lightbox .photo-badges{position:static;pointer-events:auto}.photo-lightbox-close,.photo-lightbox-nav{position:fixed;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff24;color:#fff}.photo-lightbox-close:hover,.photo-lightbox-nav:hover{background:#ffffff3d}.photo-lightbox-close{top:18px;right:18px;width:38px;height:38px}.photo-lightbox-close svg{width:20px}.photo-lightbox-nav{top:50%;width:44px;height:44px;transform:translateY(-50%)}.photo-lightbox-nav svg{width:24px}.photo-lightbox-nav.previous{left:16px}.photo-lightbox-nav.next{right:16px}.profit{display:flex;justify-content:space-between;background:#eaf5ef;border-radius:9px;padding:14px;margin-top:12px;color:#256847;font-size:12px}.profit strong{font-size:17px}.document-button{width:100%;border:1px solid #e1e7eb;background:#fff;border-radius:9px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;margin-top:8px}.document-button:hover{background:#f7f9fa}.document-button:disabled{opacity:.5}.document-button>svg{width:20px;color:#2c688f}.document-button span{display:flex;flex-direction:column}.document-button strong{font-size:11px}.document-button small{font-size:9px;color:#788792;margin-top:2px}.document-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.document-actions .document-button{margin-top:0}.document-history{margin-top:16px;padding-top:14px;border-top:1px solid #e6ecef}.document-history h3{margin:0 0 7px;color:#61717c;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.document-history-row{display:grid;grid-template-columns:1fr 36px;align-items:center;border-bottom:1px solid #edf1f3}.document-download{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:8px 3px;border:0;background:transparent;color:inherit;text-align:left}.document-download:hover,.document-share-button:hover{color:#246b9c}.document-history svg{width:17px;color:#5e7f95}.document-history span{display:flex;flex-direction:column;gap:2px}.document-history strong{font-size:10px}.document-history small{color:#7a8892;font-size:8px}.document-share-button{color:#5e7f95}.document-share-button svg{width:16px}.document-share-modal{max-width:720px}.share-explanation{margin:0 0 18px;color:#5e6f7a;font-size:12px;line-height:1.5}.share-create-row{display:flex;align-items:flex-end;gap:10px}.share-create-row label{flex:1}.share-create-row select{width:100%;margin-top:5px}.share-new-link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:16px;padding:12px;border-radius:10px;background:#eff7fc}.share-new-link input{min-width:0;font-size:11px}.share-list{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.share-list h3{margin:0 0 8px;font-size:12px}.share-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f3}.share-list-row>div{display:flex;flex-direction:column;gap:3px}.share-list-row strong{font-size:11px;color:#28734c}.share-list-row small{color:#6f7f89;font-size:9px}.share-list-row.inactive{opacity:.62}.share-list-row.inactive strong{color:#6f7f89}.secondary.danger{color:#a33e3e;border-color:#e1bcbc}@media(max-width:640px){.share-create-row,.share-new-link{display:flex;flex-direction:column;align-items:stretch}}@media(max-width:980px){.sync-metrics{grid-template-columns:1fr 1fr}.sync-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.sync-metrics{grid-template-columns:1fr}.sync-metrics .card{min-height:0}.sync-diff-table>div{grid-template-columns:90px 1fr 1fr}.sync-diff-table>div>*{padding:7px 6px;font-size:9px}.sync-conflict-actions,.storage-protection{align-items:stretch;flex-direction:column}.sync-conflict-actions button{width:100%}}.form-note{font-size:10px;color:#5e6f7a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1d2c80;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;width:min(850px,100%);max-height:92vh;border-radius:15px;box-shadow:0 20px 60px #00000040;overflow:auto}.modal-head{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font-size:17px}.modal-body{padding:22px}.lines-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.line-editor{display:grid;grid-template-columns:115px 2fr 75px 75px 110px 105px 35px;gap:7px;align-items:center}.line-editor input,.line-editor select{min-width:0;font-size:10px;padding:8px;min-height:38px}.line-editor strong{font-size:10px;text-align:right}.icon.danger{color:#b84848;width:34px}.estimate-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;background:#f4f7f9;border-radius:10px;padding:14px;margin-top:17px}.estimate-meta-editor{margin-top:16px}.estimate-compare-modal{max-width:900px}.estimate-compare-selectors{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end;gap:10px}.estimate-compare-selectors>svg{width:18px;margin-bottom:12px;color:#7f8d96}.estimate-compare-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.estimate-compare-summary>div{padding:12px;display:flex;flex-direction:column;gap:4px;border-radius:9px;background:#f3f6f8}.estimate-compare-summary span{color:#72818b;font-size:8px}.estimate-compare-summary strong{color:#2f5065;font-size:16px}.estimate-compare-summary .increase{background:#fff2e3}.estimate-compare-summary .increase strong{color:#a36220}.estimate-compare-summary .decrease{background:#eaf7ef}.estimate-compare-summary .decrease strong{color:#347454}.estimate-compare-table{margin-top:16px;overflow:hidden;border:1px solid #dce4e9;border-radius:10px}.estimate-compare-table>div{display:grid;min-width:650px;grid-template-columns:minmax(170px,1.35fr) 1fr 1fr .7fr}.estimate-compare-table>div>span{min-width:0;padding:10px;display:flex;justify-content:center;flex-direction:column;gap:3px;border-top:1px solid #e7ecef;color:#526570;font-size:8px;overflow-wrap:anywhere}.estimate-compare-table>div>span+span{border-left:1px solid #e7ecef}.estimate-compare-table .estimate-compare-head span{border-top:0;background:#f3f6f8;color:#6e7f89;font-size:8px;font-weight:800}.estimate-change>span:first-child strong{color:#304f62;font-size:9px}.estimate-change small{color:#7c8a93;font-size:7px}.estimate-change em{width:max-content;padding:2px 5px;border-radius:5px;background:#edf2f5;font-size:7px;font-style:normal;font-weight:700}.estimate-change.added em{color:#347253;background:#e8f6ed}.estimate-change.removed em{color:#a34242;background:#fceaea}.estimate-change.changed em{color:#98611f;background:#fff1dd}.estimate-change .positive-delta{color:#a55d1d;font-weight:700}.estimate-change .negative-delta{color:#347253;font-weight:700}.estimate-no-changes{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#347253}.estimate-no-changes svg{width:31px;padding:7px;border-radius:50%;background:#e7f5ec}.estimate-no-changes strong{font-size:11px}.estimate-no-changes span{color:#798891;font-size:9px}.estimate-footer>div{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.estimate-footer span{font-size:10px;color:#697782}.estimate-footer strong{font-size:20px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-card{background:#fff;border:1px solid #e0e6eb;border-radius:12px;padding:17px;display:flex;gap:13px;align-items:flex-start;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.client-card:hover{border-color:#a9c0d0;box-shadow:0 8px 24px #173d5f14;transform:translateY(-1px)}.client-avatar{width:40px;height:40px;border-radius:11px;background:#e9f1f6;color:#376a8c;display:grid;place-items:center;flex:none}.client-avatar svg{width:19px}.client-card h3{font-size:13px;margin:0 0 5px}.client-phone{font-size:11px;color:#246b9c}.client-card p{font-size:10px;color:#6e7e89;margin:6px 0}.client-card span{font-size:9px;background:#eef2f5;color:#5e6c76;border-radius:12px;padding:3px 7px}.client-chevron{width:17px;color:#8a99a4;margin-left:auto;align-self:center;flex:none}.staff-notice{margin-bottom:14px;padding:11px 14px;border:1px solid #b9ddc8;border-radius:10px;background:#eff9f3;color:#276a46;font-size:11px}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid #e1e7eb;border-radius:13px;background:#fff}.staff-card.inactive{background:#f7f8f9;opacity:.72}.staff-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e6f0f6;color:#2d6386;font-size:14px;font-weight:800}.staff-main{min-width:0;display:flex;flex-direction:column;gap:5px}.staff-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-title h3{margin:0;font-size:13px}.staff-main a{color:#246b9c;font-size:11px;overflow:hidden;text-overflow:ellipsis}.staff-role{color:#6a7a85;font-size:10px}.staff-actions{display:flex;align-items:stretch;flex-direction:column;gap:7px}.staff-actions .secondary{min-height:32px;padding:6px 9px;font-size:9px;justify-content:center}.staff-actions svg{width:13px;height:13px}.assignee-checklist{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:10px 11px;border:1px solid #d6dfe5;border-radius:9px;background:#fbfcfd}.assignee-checklist legend{padding:0 5px;color:#61727d;font-size:9px;font-weight:800}.assignee-checklist>span{color:#84919a;font-size:9px}.assignee-checklist label{min-height:31px;display:inline-flex;align-items:center;flex-direction:row;gap:6px;padding:5px 9px;border:1px solid #e0e6ea;border-radius:8px;background:#fff;color:#425d6e;font-size:9px;cursor:pointer}.assignee-checklist input{width:15px;height:15px;margin:0}.assignee-checklist small{color:#a36a37;font-size:8px}.settings-grid.limited .owner-settings{display:none}.notification-setting-state{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px;border-radius:10px;background:#f3f6f8}.notification-setting-state.enabled{background:#eaf7ef}.notification-setting-state>svg{width:23px;color:#66808f}.notification-setting-state.enabled>svg{color:#2f8b59}.notification-setting-state>div{display:flex;flex-direction:column;gap:3px}.notification-setting-state strong{color:#304f63;font-size:11px}.notification-setting-state span{color:#71818b;font-size:9px}.settings-notifications .muted{margin:12px 0 0}.audit-filters{flex-wrap:wrap;align-items:flex-end}.audit-filters select{min-width:180px}.audit-list{display:grid}.audit-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f2}.audit-row:last-child{border-bottom:0}.audit-marker{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf4f8;color:#39769e}.audit-marker svg{width:15px;height:15px}.audit-main{min-width:0;display:flex;flex-direction:column;gap:3px}.audit-main strong{color:#304f63;font-size:11px}.audit-main span,.audit-row time{color:#73838d;font-size:9px}.audit-link{min-height:30px;padding:5px 8px;font-size:9px;text-decoration:none}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f2;color:#687985;font-size:10px}.location-list{display:grid;gap:10px}.location-list>div{display:flex;gap:12px;padding:12px;border:1px solid #e4e9ed;border-radius:10px;background:#fbfcfd}.location-list svg{width:20px;color:#376a8c;flex:none}.location-list>div>div{display:flex;flex-direction:column;gap:3px}.location-main{min-width:0;flex:1}.location-actions{flex:0 0 auto;flex-direction:row!important;align-items:center;gap:7px!important}.location-actions .secondary{min-height:32px;padding:6px 9px;font-size:9px;text-decoration:none}.location-actions svg{width:13px;height:13px}.location-coordinates-note{margin:-4px 0 0}.location-list strong{font-size:12px}.location-list span,.location-list small{font-size:10px;color:#687985}.location-list small{margin-top:4px;color:#53626d}.finance-stats{grid-template-columns:repeat(3,1fr)}.report-period{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px;border:1px solid #e0e6ea;border-radius:12px;background:#fff}.report-period>label{display:flex;flex-direction:column;gap:5px;color:#687985;font-size:9px;font-weight:700}.report-presets{margin-right:auto}.report-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:18px}.report-summary>div{min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid #e0e6ea;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.report-summary span{color:#71818b;font-size:9px}.report-summary strong{color:#29485d;font-size:16px;overflow:hidden;text-overflow:ellipsis}.report-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.report-grid .card{margin:0}.report-categories{grid-row:span 2}.report-table-wrap{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:9px}.report-table th{padding:8px 9px;border-bottom:1px solid #dfe6ea;color:#71818b;text-align:right;white-space:nowrap}.report-table th:first-child,.report-table td:first-child{text-align:left}.report-table td{padding:11px 9px;border-bottom:1px solid #edf0f2;color:#435b6b;text-align:right;white-space:nowrap}.report-table td:first-child{min-width:150px}.report-table td strong{display:block;margin-bottom:5px;font-size:10px}.report-bar{width:100%;height:4px;display:block;border-radius:3px;background:#edf1f3;overflow:hidden}.report-bar i{height:100%;display:block;border-radius:inherit;background:#4b8ab2}.status-chart{display:grid;gap:9px}.status-chart>div{display:grid;grid-template-columns:115px minmax(60px,1fr) 24px;gap:8px;align-items:center;color:#657681;font-size:8px}.status-chart>div>div{height:7px;border-radius:5px;background:#edf1f3;overflow:hidden}.status-chart i{height:100%;display:block;border-radius:inherit;background:#6b9dbc}.status-chart strong{color:#39576a;text-align:right}.employee-report-list{display:grid;gap:9px}.employee-report-list>div{display:grid;grid-template-columns:minmax(110px,1fr) repeat(3,auto);gap:10px;align-items:center;padding:10px;border:1px solid #e8edef;border-radius:9px;background:#fbfcfd}.employee-report-list strong{color:#345268;font-size:10px}.employee-report-list span{color:#71818b;font-size:8px;white-space:nowrap}.employee-report-list b{color:#345268}.finance-list>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f2}.finance-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#e5f5ec;color:#268055}.finance-icon.expense{background:#fdeaea;color:#b74747}.finance-list>div>div{display:flex;flex-direction:column}.finance-list strong{font-size:11px}.finance-list small{font-size:9px;color:#75848f;margin-top:3px}.finance-row-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:9px}.finance-receipt-button{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #d6e1e5;border-radius:7px;background:#f8fbfc;color:#526772;font-size:9px;font-weight:700}.finance-receipt-button svg{width:13px;height:13px}.finance-icon-button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid #d6e1e5;border-radius:7px;background:#fff;color:#526772}.finance-icon-button:hover{background:#f3f7f8}.finance-icon-button.danger{border-color:#ebcccc;color:#a74a4a}.finance-icon-button svg{width:13px;height:13px}.finance-receipt-field>span{color:#75848f;font-size:9px;font-weight:500}.finance-receipt-field>.error-note{color:#a53d3d}.finance-list.compact>div:last-child{border-bottom:0}.finance-filters{flex-wrap:wrap;align-items:flex-end}.finance-filters label{display:flex;flex-direction:column;gap:5px;color:#687985;font-size:10px;font-weight:700}.finance-filters button{min-height:43px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-company,.settings-branding,.settings-backup,.settings-health{grid-column:1 / -1}.system-health-summary{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #dbe8e1;border-radius:12px;background:#f3faf6}.system-health-summary.warning{border-color:#ead8b0;background:#fff9ec}.system-health-summary.error{border-color:#eccaca;background:#fff4f4}.system-health-summary>svg{width:34px;height:34px;padding:8px;border-radius:10px;color:#287153;background:#ddf1e5}.system-health-summary.warning>svg{color:#936520;background:#f6e8c7}.system-health-summary.error>svg{color:#a54242;background:#f5dddd}.system-health-summary>div{display:flex;flex-direction:column;gap:3px}.system-health-summary strong{font-size:12px}.system-health-summary span{color:#6f7e89;font-size:9px}.system-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.system-check{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e3eaed;border-radius:10px}.system-check-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#287153;background:#e3f3e9}.system-check.warning .system-check-icon{color:#936520;background:#f8eccf}.system-check.error .system-check-icon{color:#a54242;background:#f8e2e2}.system-check-icon svg{width:14px}.system-check>div{display:flex;min-width:0;flex-direction:column;gap:2px}.system-check strong{font-size:10px}.system-check small{overflow:hidden;color:#71818a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.system-check em{color:#82919a;font-size:8px;font-style:normal;white-space:nowrap}.system-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.system-metrics div{padding:10px;border-radius:9px;background:#f5f7f8}.system-metrics dt{color:#75858f;font-size:8px}.system-metrics dd{margin:4px 0 0;color:#294b60;font-size:15px;font-weight:800}.settings-account{grid-column:1 / -1}.account-summary{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf0f2}.account-summary .avatar{width:44px;height:44px;font-size:12px}.account-summary>div:last-child{display:flex;flex-direction:column;gap:2px}.account-summary strong{color:#26485e;font-size:13px}.account-summary span,.account-summary small{color:#73838d;font-size:9px}.password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.password-form h3,.password-form .form-note,.password-form .success-note,.password-form .error-note{grid-column:1 / -1}.password-form h3{margin:0;color:#304f63;font-size:12px}.password-form label{display:flex;flex-direction:column;gap:6px;color:#657783;font-size:9px;font-weight:700}.password-form input{min-height:42px;border:1px solid #d6dfe5;border-radius:9px;padding:0 11px}.password-form button{grid-column:1;justify-self:start}.account-logout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f2}.account-logout span{color:#7b8992;font-size:9px}.backup-state{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #dfe8e3;border-radius:12px;background:#f5fbf7}.backup-state.warning{border-color:#ead8b0;background:#fff9ec}.backup-state>svg{flex:0 0 auto;width:38px;height:38px;padding:9px;border-radius:11px;color:#287153;background:#ddf1e5}.backup-state.warning>svg{color:#936520;background:#f6e8c7}.backup-state>div{display:flex;flex-direction:column;gap:3px}.backup-state strong{font-size:12px}.backup-state span{color:#6f7e89;font-size:10px}.backup-details{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;margin:8px 0 0}.backup-note{margin:12px 0 0}@media(max-width:600px){.system-check-grid{grid-template-columns:1fr}.system-metrics{grid-template-columns:1fr 1fr}}.branding-intro{margin-top:0}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.branding-item{display:grid;grid-template-columns:160px minmax(0,1fr);gap:15px;align-items:center;padding:13px;border:1px solid #e0e7ea;border-radius:12px;background:#f9fbfb}.branding-preview{height:105px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd7dc;border-radius:9px;background:#fff}.branding-preview.signature{background-image:linear-gradient(#fff,#fbfcfd)}.branding-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.branding-preview>div{display:flex;flex-direction:column;align-items:center;gap:6px;color:#85939c;font-size:9px}.branding-preview svg{width:24px}.branding-info{min-width:0;display:flex;flex-direction:column;gap:5px}.branding-info>strong{font-size:12px}.branding-info>span{min-width:0;overflow:hidden;color:#74838d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.branding-info>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.branding-upload{cursor:pointer}.branding-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.branding-delete{color:#a53d3d}.branding-message{display:block;margin-top:12px}.settings-catalogs{grid-column:1 / -1}.catalog-settings{display:grid;grid-template-columns:1fr 1fr;gap:22px}.catalog-column{min-width:0;display:flex;flex-direction:column;gap:12px}.catalog-column>div:first-child{display:flex;flex-direction:column;gap:3px}.catalog-column>div:first-child strong{font-size:12px}.catalog-column>div:first-child span{color:#75848f;font-size:9px}.catalog-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.catalog-add button{min-height:43px}.catalog-chips{display:flex;flex-wrap:wrap;gap:7px}.catalog-chips>span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 5px 5px 10px;border:1px solid #dce4e8;border-radius:999px;background:#f7f9fa;color:#344b5c;font-size:10px;font-weight:700}.catalog-chips button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#e6ecef;color:#627581}.catalog-chips button:hover:not(:disabled){background:#f7dede;color:#a63d3d}.catalog-chips button:disabled{opacity:.35;cursor:not-allowed}.catalog-chips svg{width:12px;height:12px}.catalog-actions{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:2px}.catalog-message{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:11px;font-weight:700}.catalog-message.success{border:1px solid #cde7d8;background:#ecf8f1;color:#26704d}.catalog-create{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;max-width:720px}.catalog-create button{min-height:43px}.catalog-tree{display:flex;flex-direction:column;gap:12px;margin:18px 0}.catalog-branch{overflow:hidden;border:1px solid #dfe6e9;border-radius:13px;background:#fff;box-shadow:0 3px 14px #1f37460a}.catalog-branch-head{display:grid;grid-template-columns:36px minmax(180px,1fr) auto auto 34px;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f3;background:#f8fafb}.catalog-folder{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e7f2ec;color:#2e7d58}.catalog-folder svg{width:18px}.catalog-branch-head>input{min-width:0;border-color:transparent;background:transparent;font-size:13px;font-weight:800}.catalog-branch-head>input:focus{border-color:#97bdaa;background:#fff}.catalog-count{color:#74838d;font-size:9px;white-space:nowrap}.catalog-add-work{min-height:36px}.catalog-work-list{position:relative;display:flex;flex-direction:column;padding:6px 14px 10px 50px}.catalog-work-list:before{content:"";position:absolute;top:0;bottom:20px;left:31px;width:1px;background:#dfe7e3}.catalog-work-row{position:relative;display:grid;grid-template-columns:minmax(240px,1fr) 130px 150px 34px;align-items:end;gap:10px;padding:10px 0;border-bottom:1px solid #eff2f4}.catalog-work-row:last-child{border-bottom:0}.catalog-work-row label{display:flex;flex-direction:column;gap:5px}.catalog-work-row label>span{color:#72818b;font-size:8px;font-weight:700}.tree-elbow{position:absolute;top:29px;left:-19px;width:18px;height:12px;border-bottom:1px solid #dfe7e3}.catalog-empty-work{position:relative;padding:16px 0;color:#82909a;font-size:10px}.catalog-units{display:flex;flex-direction:column;gap:14px}.catalog-save-mobile{display:none}.catalog-template-intro{margin:-4px 0 14px}.catalog-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-template-card{padding:14px;border:1px solid #dfe7eb;border-radius:11px;background:#fbfcfd}.catalog-template-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-template-card h3{margin:11px 0 5px;color:#304f62;font-size:12px}.catalog-template-card p{min-height:42px;margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#687984;font-size:9px;line-height:1.5}.catalog-template-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.catalog-template-card dl>div{padding:8px;border-radius:7px;background:#eef3f6}.catalog-template-card dt{color:#7b8992;font-size:7px}.catalog-template-card dd{margin:3px 0 0;color:#3f596a;font-size:9px;font-weight:700}.catalog-template-actions{display:flex;gap:7px}.catalog-template-actions .secondary{flex:1}.order-template-picker{display:grid;grid-template-columns:minmax(230px,1fr) 1fr;gap:16px;align-items:end}.order-template-preview{min-height:66px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;border:1px solid #cfe0e9;border-radius:9px;background:#f0f7fa}.order-template-preview strong{color:#315c77;font-size:10px}.order-template-preview span,.order-template-preview small{font-size:8px}.order-template-preview small{color:#71838e}.template-editor-section{margin-top:20px;padding-top:17px;border-top:1px solid #e3e9ec}.template-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.template-editor-head>div{display:flex;flex-direction:column;gap:3px}.template-editor-head h3{margin:0;color:#355469;font-size:12px}.template-editor-head span{color:#7a8992;font-size:8px}.template-line-list,.template-task-list{display:grid;gap:7px}.template-line-row{display:grid;grid-template-columns:105px minmax(170px,1fr) 70px 80px 100px 105px 35px;gap:6px;align-items:center}.template-line-row input,.template-line-row select{min-width:0;min-height:38px;padding:7px;font-size:9px}.template-line-row>strong{color:#3a5667;font-size:9px;text-align:right}.template-task-row{display:grid;grid-template-columns:minmax(200px,1fr) 130px 100px 35px;gap:7px;align-items:end}.template-task-row label{gap:3px}.template-task-row label span{font-size:7px}.template-task-row input,.template-task-row select{min-width:0;min-height:38px;padding:7px;font-size:9px}.settings-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.success-note,.error-note{font-size:11px;font-weight:700}.success-note{color:#26704d}.error-note{color:#a53d3d}.settings-list div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:10px 0;font-size:11px}.settings-list dt{color:#6b7984}.settings-list dd{font-weight:700}.sync-detail{display:flex;gap:13px;align-items:center;margin-bottom:16px}.sync-detail>svg{color:#2e7d58;background:#e6f4ec;padding:9px;width:42px;height:42px;border-radius:12px}.sync-detail>div{display:flex;flex-direction:column}.sync-detail strong{font-size:12px}.sync-detail span{font-size:10px;color:#6f7e89;margin-top:3px}.sync-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sync-metrics .card{min-height:126px}.sync-center-state{display:flex;align-items:center;gap:10px;color:#287153}.sync-center-state.warning{color:#99671e}.sync-center-state svg{width:25px}.sync-center-state strong,.sync-last-time{font-size:13px}.sync-big-number{display:block;font-size:31px;line-height:1.15;color:var(--navy)}.sync-big-number.danger{color:#b34545}.sync-metrics .muted{display:block;margin-top:4px}.sync-intro{margin:-5px 0 14px}.sync-conflict{padding:15px;margin-top:10px;border:1px solid #ead6a9;border-radius:11px;background:#fffaf0}.sync-conflict-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sync-conflict-head>div{display:flex;flex-direction:column;gap:3px}.sync-conflict-head strong{font-size:13px}.sync-conflict-head small{color:#7b6c54;font-size:9px}.sync-conflict-head svg{width:20px;color:#b87517}.sync-diff-table{margin-top:13px;border:1px solid #eadfc7;border-radius:8px;overflow:hidden;background:#fff}.sync-diff-table>div{display:grid;grid-template-columns:minmax(110px,.7fr) 1fr 1fr}.sync-diff-table>div>*{min-width:0;padding:8px 10px;border-top:1px solid #eee7d8;overflow-wrap:anywhere;font-size:10px}.sync-diff-table>div>*+*{border-left:1px solid #eee7d8}.sync-diff-table .sync-diff-head>*{border-top:0;background:#f8f3e9;color:#76684f;font-size:9px;font-weight:700}.sync-conflict-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sync-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sync-queue-list{margin:-6px -4px}.sync-queue-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid #edf1f3}.sync-queue-row:last-child{border-bottom:0}.sync-queue-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.sync-queue-row strong{font-size:11px;overflow-wrap:anywhere}.sync-queue-row small,.sync-queue-row>span{color:#74828c;font-size:9px}.sync-queue-row>span{white-space:nowrap}.sync-queue-row em{color:#aa4343;font-size:9px;font-style:normal}.storage-protection{display:flex;align-items:center;justify-content:space-between;gap:16px}.storage-protection>div{display:flex;flex-direction:column;gap:4px}.storage-protection strong{font-size:12px}.storage-protection span{color:#6f7e89;font-size:10px}.muted{color:var(--muted);font-size:11px;line-height:1.6}.danger-button{border:1px solid #ebc9c9;background:#fff3f3;color:#a53d3d;border-radius:8px;padding:10px 16px;font-weight:700;font-size:11px}.conflict-banner{position:fixed;left:270px;right:20px;bottom:20px;background:#fff6e5;border:1px solid #edc77e;border-radius:12px;box-shadow:0 9px 35px #4c361433;padding:13px 16px;display:flex;align-items:center;gap:12px;z-index:60}.conflict-banner>svg{color:#b87517}.conflict-banner>div{display:flex;flex-direction:column;flex:1}.conflict-banner strong{font-size:12px}.conflict-banner span{font-size:10px;color:#6a5b43;margin-top:2px}.login{min-height:100vh;background:linear-gradient(135deg,#eaf1f5,#f8fafb 55%,#e8eef2);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #dae3e9;border-radius:17px;padding:32px;box-shadow:0 20px 60px #1932441f}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.login-brand h1{font-size:18px;margin:0}.login-brand p{font-size:10px;color:#6f7f8a;margin:3px 0}.login-card h2{font-size:20px;margin:0 0 5px}.login-card>.muted{margin:0 0 22px}.stack{display:flex;flex-direction:column;gap:15px}.error{display:flex;gap:8px;align-items:center;background:#fff0f0;color:#a23c3c;padding:10px;border-radius:8px;font-size:11px}.login-note{text-align:center;color:#8a969f;font-size:9px;margin:18px 0 0}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;color:#687985;gap:10px}.splash p{font-size:12px}.loading{padding:40px;color:#687985}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav,.mobile-actions,.mobile-only{display:none}@media(max-width:1050px){.catalog-template-grid{grid-template-columns:1fr 1fr}.template-line-row{grid-template-columns:95px minmax(150px,1fr) 65px 75px}.template-line-row>strong{grid-column:3 / 5}.stats-grid{grid-template-columns:1fr 1fr}.report-summary{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}.report-categories{grid-row:auto}.client-grid{grid-template-columns:1fr 1fr}.line-editor{grid-template-columns:100px 2fr 65px 65px 95px}.line-editor strong{grid-column:5}.line-editor .danger{grid-column:6;grid-row:1}.detail-grid{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-side .card{margin:0}}@media(max-width:760px){.catalog-template-grid,.order-template-picker{grid-template-columns:1fr}.template-editor-head{align-items:stretch;flex-direction:column}.template-line-row{grid-template-columns:90px 1fr 34px;padding-bottom:9px;border-bottom:1px solid #e7ecef}.template-line-row>:nth-child(2){grid-column:2 / 4}.template-line-row>:nth-child(6){grid-column:2 / 3}.template-line-row>:last-child{grid-column:3;grid-row:1}.template-task-row{grid-template-columns:1fr 100px 34px;padding-bottom:9px;border-bottom:1px solid #e7ecef}.template-task-row>:first-child{grid-column:1 / 3}.template-task-row>:last-child{grid-column:3;grid-row:1}.estimate-card-actions .text-button{padding:0 5px;font-size:8px}.estimate-compare-selectors{grid-template-columns:1fr}.estimate-compare-selectors>svg{margin:-3px auto;transform:rotate(90deg)}.estimate-compare-summary{grid-template-columns:1fr}.estimate-compare-table{overflow-x:auto}.global-search-trigger{min-width:38px;width:38px;padding:0;justify-content:center}.global-search-trigger>span,.global-search-trigger>kbd{display:none}.global-search-backdrop{align-items:flex-start;padding:8px}.global-search-modal{max-height:calc(100vh - 16px);border-radius:13px}.global-search-input{min-height:58px;padding:8px 9px 8px 13px}.global-search-input input{font-size:13px}.global-search-result{grid-template-columns:37px minmax(0,1fr) 14px}.global-search-meta{display:none}.global-search-start>div{flex-direction:column;width:min(260px,100%)}.global-search-start button{justify-content:center}.global-search-modal>footer{display:none}.password-form{grid-template-columns:1fr}.report-period{align-items:stretch;flex-direction:column}.report-presets{width:100%;margin-right:0;overflow-x:auto}.report-presets button{flex:1 0 auto}.report-summary{grid-template-columns:1fr 1fr}.employee-report-list>div{grid-template-columns:1fr 1fr}.employee-report-list strong{grid-column:1 / -1}.password-form h3,.password-form .form-note,.password-form .success-note,.password-form .error-note,.password-form button{grid-column:1}.password-form button{width:100%;justify-content:center}.account-logout{align-items:stretch;flex-direction:column}.calendar-toolbar strong{display:none}.calendar-filter-bar{justify-content:stretch}.calendar-filter-bar label{width:100%;align-items:stretch;flex-direction:column}.calendar-filter-bar select{width:100%}.workload-strip{grid-auto-columns:minmax(155px,78vw)}.calendar-toolbar button{flex:1;justify-content:center;font-size:9px}.month-calendar{border-radius:10px}.month-weekday{padding:7px 2px;font-size:7px}.month-day{min-height:54px;padding:4px}.month-day-number{width:22px;height:22px;font-size:9px}.month-events{flex-direction:row;gap:3px;margin-top:5px}.month-event{width:6px;height:6px;flex:none;padding:0;border:0;border-radius:50%;font-size:0;background:#397ca8}.month-event.task{background:#8d6ab1}.month-event.overdue{background:#c14646}.month-event small,.month-more{display:none}.month-event-count{position:absolute;right:4px;bottom:3px;display:block;color:#7b8b94;font-size:7px;font-weight:800}.calendar-detail-grid{grid-template-columns:1fr;gap:20px}.calendar-detail-grid>div+div{border-left:0;border-top:1px solid #e7ecef;padding-top:18px;padding-left:0}.task-stats{grid-template-columns:1fr}.task-row{grid-template-columns:28px minmax(0,1fr)}.task-actions{grid-column:2;flex-wrap:wrap}.task-actions select{flex:1}.task-filters .search,.task-filters select,.task-filters .checkbox-filter{width:100%;min-width:0}.sidebar{transform:translate(-105%);transition:transform .2s;width:280px;box-shadow:10px 0 30px #0003}.sidebar.open{transform:translate(0)}.content{margin-left:0}.content>header{height:58px;padding:0 13px;justify-content:flex-start}.notification-center{margin-left:auto}.notification-panel{position:fixed;top:62px;left:8px;right:8px;width:auto;max-height:calc(100vh - 74px)}.content>header .sync-pill{margin-left:auto}.mobile-only{display:grid}.page{padding:17px 13px 90px}.page-head{align-items:flex-start;margin-bottom:18px}.page-head h1{font-size:22px}.page-head .primary{font-size:0;width:43px;padding:0}.page-head .primary svg{margin:0}.order-page-actions{gap:6px}.view-switch button{width:34px;padding:0;justify-content:center}.view-switch button span{display:none}.order-board{margin-right:-16px}.order-board-column{flex-basis:min(284px,82vw);max-height:calc(100vh - 225px)}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px;gap:10px}.metric-icon{width:36px;height:36px}.metric strong{font-size:20px}.metric span{font-size:10px}.dashboard-grid{grid-template-columns:1fr}.dashboard-wide{grid-column:1}.card{padding:16px;margin-bottom:12px;border-radius:11px}.order-list{margin:0 -16px}.order-row{padding:12px}.filters{flex-direction:column}.search,.filters select{width:100%;min-width:0}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:68px;background:#fffffff5;border-top:1px solid var(--line);z-index:15;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{width:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#77858f;font-size:9px;font-weight:700}.bottom-nav svg{width:20px}.bottom-nav a.active{color:var(--navy)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.sticky-actions{bottom:75px}.detail-head{grid-template-columns:1fr;padding:16px}.detail-head h1{font-size:17px}.status-select{width:100%}.detail-meta{flex-wrap:wrap}.detail-grid,.detail-side{display:block}.mobile-actions{position:fixed;display:flex;bottom:68px;left:0;right:0;background:#173d5f;color:#fff;z-index:14;height:57px}.mobile-actions button{flex:1;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8px;gap:2px}.mobile-actions svg{width:18px}.detail-main+.detail-side{margin-bottom:55px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:94vh;border-radius:16px 16px 0 0}.line-editor{grid-template-columns:92px 1fr 56px 57px}.line-editor .line-name{grid-column:2/5}.line-editor strong{grid-column:3/5}.line-editor .danger{grid-column:1;grid-row:2}.estimate-footer{grid-template-columns:1fr}.estimate-footer>div{align-items:flex-start}.client-grid,.settings-grid,.staff-grid{grid-template-columns:1fr}.staff-card{grid-template-columns:42px minmax(0,1fr)}.staff-avatar{width:42px;height:42px}.staff-actions{grid-column:1 / -1;flex-direction:row}.staff-actions .secondary{flex:1}.audit-filters select,.audit-filters .filter-date,.audit-filters button{width:100%}.audit-row{grid-template-columns:34px minmax(0,1fr)}.audit-row time,.audit-row .audit-link{grid-column:2;justify-self:start}.catalog-settings,.branding-grid{grid-template-columns:1fr}.branding-item{grid-template-columns:125px minmax(0,1fr)}.catalog-actions{grid-column:auto}.catalog-create{grid-template-columns:1fr}.catalog-branch-head{grid-template-columns:34px minmax(0,1fr) 34px}.catalog-count{grid-column:2;grid-row:2}.catalog-add-work{grid-column:1 / -1;grid-row:3;justify-content:center}.catalog-branch-head>.danger{grid-column:3;grid-row:1}.catalog-work-list{padding-left:36px}.catalog-work-list:before{left:20px}.catalog-work-row{grid-template-columns:minmax(0,1fr) 92px 34px}.catalog-work-row label:first-of-type{grid-column:1 / 3}.catalog-work-row label:nth-of-type(2){grid-column:1}.catalog-work-row label:nth-of-type(3){grid-column:2}.catalog-work-row>.danger{grid-column:3;grid-row:1 / 3;align-self:center}.tree-elbow{left:-16px}.catalog-save-mobile{display:flex}.finance-stats,.document-actions{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-toolbar{grid-template-columns:1fr;align-items:stretch}.photo-add{justify-content:center}.photo-lightbox{padding:58px 48px 48px}.photo-lightbox-nav{width:38px;height:38px}.photo-lightbox-nav.previous{left:5px}.photo-lightbox-nav.next{right:5px}.result-totals{grid-template-columns:1fr 1fr}.result-totals .result-grand-total{padding-left:0;border-left:0}.conflict-banner{left:10px;right:10px;bottom:76px;flex-wrap:wrap}.conflict-banner>div{min-width:calc(100% - 50px)}.conflict-banner button{flex:1}.login-card{padding:24px 20px}.info-grid{grid-template-columns:1fr}.info-grid .wide{grid-column:1}.sync-pill{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-list>div{flex-wrap:wrap}.location-main{width:calc(100% - 36px)}.location-actions{width:100%;padding-left:32px}.location-actions .secondary{flex:1;justify-content:center}.dashboard-filter-banner{align-items:stretch;flex-direction:column}.dashboard-filter-banner .secondary{justify-content:center}.finance-list>div{grid-template-columns:34px minmax(0,1fr)}.finance-row-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}}@media(max-width:390px){.stats-grid{grid-template-columns:1fr}.page-head h1{font-size:20px}.order-date{width:45px}.order-main .badge{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.equipment-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.inventory-tabs{width:fit-content;margin-bottom:14px}.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.inventory-summary>div,.inventory-summary>button{display:flex;min-height:72px;justify-content:center;flex-direction:column;gap:4px;padding:13px;border:1px solid #dfe7ea;border-radius:11px;background:#fff;color:#536976;text-align:left}.inventory-summary>button.active{border-color:#c88a5c;background:#fff5ec}.inventory-summary span{font-size:9px}.inventory-summary strong{color:#294e64;font-size:17px}.inventory-table{overflow:hidden;border:1px solid #dfe7ea;border-radius:12px;background:#fff}.inventory-table>div{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(120px,.7fr) minmax(150px,.7fr) auto;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid #edf1f3}.inventory-table>div.low{background:#fff9ef;box-shadow:inset 3px 0 #d59a45}.inventory-table>div>span{display:flex;min-width:0;flex-direction:column;gap:3px}.inventory-table strong{font-size:10px}.inventory-table small{overflow:hidden;color:#7c8b94;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.inventory-table-head{background:#f4f7f8;color:#75858f;font-size:8px;font-weight:700;text-transform:uppercase}.inventory-actions{align-items:center;flex-direction:row!important}.inventory-actions .secondary{min-height:32px;padding:0 10px}.inventory-actions .icon{width:32px;height:32px}.stock-current{margin-bottom:14px;padding:12px;border-radius:9px;background:#f3f7f9;color:#647681;font-size:10px}.stock-current strong{margin-left:4px;color:#294e64}.stock-movement-list{overflow:hidden;border:1px solid #e0e7ea;border-radius:12px;background:#fff}.stock-movement-list>div{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #edf1f3}.stock-movement-list>div>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.stock-movement-list strong{font-size:10px}.stock-movement-list small{color:#7b8a93;font-size:8px}.stock-in,.stock-out{font-size:12px;font-weight:800}.stock-in{color:#287153}.stock-out{color:#ad4c4c}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supplier-grid>button{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:14px;border:1px solid #dfe7ea;border-radius:11px;background:#fff;color:inherit;text-align:left}.supplier-grid>button>svg:first-child{width:38px;height:38px;padding:9px;border-radius:10px;background:#eaf3f7;color:#46768f}.supplier-grid>button>svg:last-child{width:14px;color:#82929b}.supplier-grid span{display:flex;min-width:0;flex-direction:column;gap:3px}.supplier-grid strong{font-size:11px}.supplier-grid small{overflow:hidden;color:#75858f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.supplier-grid em{color:#4d7891;font-size:8px;font-style:normal}@media(max-width:760px){.inventory-table-head{display:none!important}.inventory-table>div{grid-template-columns:minmax(0,1fr) auto}.inventory-table>div>span:nth-child(3){display:none}.inventory-actions{grid-column:1 / -1}.supplier-grid{grid-template-columns:1fr}}.equipment-stats button{display:flex;min-height:72px;align-items:flex-start;justify-content:center;flex-direction:column;gap:3px;padding:13px 16px;border:1px solid #dce5e9;border-radius:12px;background:#fff;color:#526975;text-align:left}.equipment-stats button.active{border-color:#5890af;background:#edf6fa}.equipment-stats button.active.danger{border-color:#c77b7b;background:#fff1f1}.equipment-stats button.active.warning{border-color:#c99a4d;background:#fff8e8}.equipment-stats strong{color:#244c64;font-size:20px}.equipment-stats span{font-size:9px}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.equipment-card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:15px;border:1px solid #dfe7ea;border-radius:13px;background:#fff;color:inherit}.equipment-card:hover{border-color:#9cb9ca;box-shadow:0 5px 18px #20465c12}.equipment-card.service-overdue{border-left:4px solid #bd5656}.equipment-card.service-soon{border-left:4px solid #d09a3e}.equipment-card-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#eaf3f7;color:#396f8d}.equipment-card-icon svg{width:20px}.equipment-card>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.equipment-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.equipment-card h3{overflow:hidden;margin:0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.equipment-card p{margin:0;color:#617581;font-size:9px}.equipment-card small{color:#7b8a93;font-size:8px}.equipment-card em{color:#9b6924;font-size:8px;font-style:normal}.equipment-card>svg{width:15px;color:#92a0a8}.equipment-service-box{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:12px;border-radius:10px;background:#f1f7f4;color:#2b7053}.equipment-service-box.overdue{background:#fff0f0;color:#a34444}.equipment-service-box.soon{background:#fff7e7;color:#91621e}.equipment-service-box>svg{width:22px}.equipment-service-box>div{display:flex;flex-direction:column;gap:2px}.equipment-service-box strong{font-size:11px}.equipment-service-box span{font-size:8px;opacity:.8}.client-equipment-list{display:flex;flex-direction:column}.client-equipment-list a{display:grid;grid-template-columns:30px minmax(0,1fr) auto 16px;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f3;color:inherit}.client-equipment-list a>svg:first-child{width:17px;color:#4d7891}.client-equipment-list a>span{display:flex;min-width:0;flex-direction:column;gap:2px}.client-equipment-list strong{font-size:10px}.client-equipment-list small{overflow:hidden;color:#77868f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.client-equipment-list em{color:#8a6a35;font-size:8px;font-style:normal;white-space:nowrap}.client-equipment-list a>svg:last-child{width:14px;color:#92a1a9}@media(max-width:700px){.equipment-grid{grid-template-columns:1fr}.equipment-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.equipment-stats button{min-height:64px;padding:10px}.client-equipment-list a{grid-template-columns:26px minmax(0,1fr) 14px}.client-equipment-list em{display:none}}.approval-version-summary{display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#f4f7f9;color:#496171}.approval-page{min-height:100vh;padding:36px 16px;background:linear-gradient(145deg,#eef5f8,#f8fafb 48%,#e9f1f4);color:#203641}.approval-card{width:min(760px,100%);margin:0 auto;overflow:hidden;border:1px solid #d9e5ea;border-radius:18px;background:#fff;box-shadow:0 18px 55px #2244581f}.approval-header,.approval-title,.approval-order-info,.approval-lines,.approval-form,.approval-completed,.approval-footer,.approval-note{margin-left:32px;margin-right:32px}.approval-header{display:flex;align-items:center;gap:12px;padding:25px 0 20px;border-bottom:1px solid #e6edf0}.approval-header>div:last-child{display:flex;flex-direction:column;gap:2px}.approval-header strong{font-size:15px}.approval-header span{color:#71828c;font-size:11px}.approval-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#326f92;color:#fff;font-size:12px;font-weight:800}.approval-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 0 22px}.approval-title span{color:#7c8b94;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.approval-title h1{margin:3px 0;font-size:25px}.approval-title p{margin:0;color:#71828c;font-size:11px}.approval-title>strong{color:#286c52;font-size:23px;white-space:nowrap}.approval-order-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0;margin-bottom:26px;padding:16px;border-radius:12px;background:#f5f8f9}.approval-order-info .wide{grid-column:1 / -1}.approval-order-info dt{margin-bottom:3px;color:#7b8b94;font-size:9px}.approval-order-info dd{margin:0;font-size:12px;font-weight:600;line-height:1.45}.approval-lines h2,.approval-form h2,.approval-completed h2{margin:0 0 14px;font-size:15px}.approval-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f3;font-size:12px}.approval-line>span{display:flex;min-width:0;flex-direction:column;gap:3px}.approval-line small{color:#7a8992;font-size:9px}.approval-line>strong{white-space:nowrap}.approval-line.discount{color:#277154}.approval-total{display:flex;justify-content:space-between;padding:17px 0;font-size:15px}.approval-total strong{color:#286c52;font-size:19px}.approval-note{padding:13px;border-left:3px solid #8ab2c9;background:#f4f8fa;font-size:11px;line-height:1.5}.approval-form{margin-top:25px;padding-top:24px;border-top:1px solid #dfe8ec}.approval-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.approval-choice button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #d7e1e6;border-radius:11px;background:#fff;color:#3b5260;text-align:left}.approval-choice button>span{display:flex;flex-direction:column;gap:2px}.approval-choice button small{color:#82909a;font-size:8px}.approval-choice button.selected.approve{border-color:#58a27d;background:#eef8f3;color:#246b4c}.approval-choice button.selected.reject{border-color:#c87c7c;background:#fff3f3;color:#983d3d}.approval-choice svg{width:19px}.approval-form>label:not(.approval-confirm){display:flex;flex-direction:column;gap:6px;margin:13px 0;font-size:10px;font-weight:700}.approval-form textarea{min-height:82px;resize:vertical}.approval-confirm{display:flex;align-items:flex-start;gap:9px;margin:16px 0;color:#5d707b;font-size:10px;line-height:1.4}.approval-confirm input{width:16px;height:16px;margin:0;flex:none}.approval-form>.primary{width:100%;justify-content:center;margin-bottom:25px}.approval-form>.reject-submit{background:#a14a4a}.approval-completed{display:flex;gap:13px;margin-top:25px;padding:18px;border-radius:12px}.approval-completed.approved{background:#eaf7f0;color:#246b4c}.approval-completed.rejected{background:#fff0f0;color:#963f3f}.approval-completed svg{width:25px;flex:none}.approval-completed h2{margin-bottom:4px}.approval-completed p{margin:3px 0;font-size:10px;line-height:1.45}.approval-footer{margin-top:24px;padding:17px 0 22px;border-top:1px solid #e8eef1;color:#84929a;font-size:9px;text-align:center}.approval-state{display:flex;min-height:250px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.approval-state svg{width:30px}.approval-state h1{margin:10px 0 3px;font-size:20px}.approval-state p{max-width:420px;color:#6f808a}.approval-state.error svg{color:#b05353}@media(max-width:600px){.approval-page{padding:0;background:#fff}.approval-card{border:0;border-radius:0;box-shadow:none}.approval-header,.approval-title,.approval-order-info,.approval-lines,.approval-form,.approval-completed,.approval-footer,.approval-note{margin-left:18px;margin-right:18px}.approval-title{flex-direction:column;gap:12px}.approval-order-info,.approval-choice{grid-template-columns:1fr}.approval-order-info .wide{grid-column:1}}