:root{--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--ink: #202329;--muted: #777b80;--line: #e8e7e3;--paper: #f7f7f4;--orange: #f26e45;--navy: #202c3c;--green: #48a986;--purple: #9076d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans)}.loading-card{align-items:center;text-align:center}.sync-error{position:fixed;z-index:100;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border:1px solid #efb5aa;border-radius:9px;background:#fff0ed;color:#9f3524;box-shadow:0 8px 30px #50201424;font-size:12px;font-weight:650}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:238px;height:100dvh;background:#fff;border-right:1px solid var(--line);padding:27px 14px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px 27px;font-weight:750;font-size:18px;letter-spacing:-.04em}.brand-logo{display:block;width:auto;height:auto;object-fit:contain}.sidebar-logo{width:180px}.brand-mark{display:grid;place-items:center;color:#fff;background:var(--orange);width:25px;height:25px;border-radius:8px 8px 8px 2px}.workspace-switcher{display:flex;align-items:center;gap:9px;padding:11px 10px;background:#f8f8f6;border-radius:9px;margin:0 3px 26px;font-size:11px}.workspace-switcher strong,.workspace-switcher small,.user-mini strong,.user-mini small{display:block}.workspace-switcher strong{font-size:12px}.workspace-switcher small,.user-mini small{color:var(--muted);margin-top:2px}.workspace-switcher svg{margin-left:auto;color:#96999b}.workspace-dot{width:8px;height:8px;background:var(--orange);border-radius:50%}.nav-label{color:#a0a2a4;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 14px;margin:0 0 9px}.nav-label-spaced{margin-top:29px}.main-nav{flex:1}.nav-item{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:12px;color:#777b80;font-size:13px;padding:10px 14px;border-radius:7px;text-align:left;margin-bottom:2px}.nav-item:hover{background:#f7f6f3;color:var(--ink)}.nav-item.active{background:#fff0eb;color:#d95631;font-weight:650}.nav-item b{margin-left:auto;background:#eeece8;color:#818184;border-radius:20px;font-size:10px;padding:2px 6px}.sidebar-bottom>.nav-item{margin-bottom:15px}.sidebar-logout{color:#9b3737}.sidebar-logout:hover{background:#fff1f1;color:#7f2424}.user-mini{border-top:1px solid var(--line);padding:17px 8px 0;display:flex;gap:9px;align-items:center;font-size:12px}.user-mini svg{margin-left:auto;color:#a7a9ab}.avatar{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;font-size:10px;font-weight:750;flex-shrink:0}.avatar-user{background:#dcebe8;color:#357e71;width:29px;height:29px}.avatar-coral{background:#ffdfd4;color:#bd644b}.avatar-blue{background:#dce8f3;color:#477a9d}.avatar-lilac{background:#e8e0f3;color:#806aa2}.avatar-mint{background:#d9ece1;color:#47896f}.main-content{flex:1;min-width:0;margin-left:238px}.topbar{position:sticky;top:0;z-index:10;height:69px;padding:0 42px;border-bottom:1px solid var(--line);background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;color:#a1a3a6}.breadcrumb strong{color:#34383e;font-weight:650}.top-actions{display:flex;align-items:center;gap:18px}.search-box{background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:8px;width:215px;height:34px;padding:0 9px;color:#9c9da0}.search-box input{border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-box span{font-size:10px;color:#a6a7a9;white-space:nowrap}.icon-button,.help-button{display:grid;place-items:center;background:transparent;color:#777b80;border:0}.icon-button{width:29px;height:29px;border-radius:7px}.icon-button:hover{background:#f0efec}.notification,.notification-center{position:relative}.notification i{position:absolute;width:5px;height:5px;background:var(--orange);top:5px;right:5px;border:1px solid #fff;border-radius:50%}.notification-popover{position:absolute;z-index:60;top:calc(100% + 12px);right:0;width:min(340px,calc(100vw - 24px));overflow:hidden;border:1px solid #deddd9;border-radius:13px;background:#fffffffa;box-shadow:0 18px 50px #11111129;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.notification-popover-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #ececea}.notification-popover-heading strong,.notification-popover-heading small{display:block}.notification-popover-heading strong{font-size:13px}.notification-popover-heading small{margin-top:3px;color:#999;font-size:9px}.notification-popover-heading>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:10px;font-weight:700}.notification-order-list{max-height:min(420px,calc(100dvh - 120px));overflow-y:auto}.notification-order{display:block;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #eeeeec;background:transparent;color:#111;text-align:left}.notification-order:last-child{border-bottom:0}.notification-order:hover,.notification-order:focus-visible{background:#f5f5f3;outline:none}.notification-order-topline,.notification-order-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-order-topline strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.notification-order-topline small{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#ededed;color:#666;font-size:8px;font-weight:700}.notification-order>span:nth-child(2){display:block;margin:6px 0 9px;color:#777;font-size:10px}.notification-order-meta small,.notification-order time{color:#999;font-size:8px}.notification-order-meta strong{font-size:11px}.notification-order time{display:block;margin-top:6px}.notification-empty{margin:0;padding:28px 16px;color:#888;font-size:10px;text-align:center}.help-button{border:1px solid #d6d5d2;width:19px;height:19px;border-radius:50%;font-size:11px}.mobile-menu{display:none}.mobile-menu-logo{display:block;width:52px;height:auto;object-fit:contain}.mobile-overlay{display:none}.page-wrap{max-width:1350px;margin:0 auto;padding:39px 42px 28px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.eyebrow,.panel-heading p{color:#999b9d;font-size:11px;margin:0 0 10px}.welcome-row h1{letter-spacing:-.055em;font-size:29px;margin:0 0 7px;line-height:1.1}.welcome-row h1 .greeting-sparkle{color:var(--orange);font-size:22px}.subcopy{color:#777b80;font-size:13px;margin:0}.quick-actions{display:flex;gap:9px}.quick-actions .period-select,.quick-actions .button-primary{min-width:180px}.period-select{position:relative;height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #deddd9;border-radius:7px;background:#fff;color:#5f6368}.period-select select{appearance:none;min-width:138px;padding:0;border:0;outline:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:11px;font-weight:650}.period-select:focus-within{outline:2px solid #111;outline-offset:2px}.period-select>svg:last-child{pointer-events:none}.button{border:0;height:36px;border-radius:7px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:650}.button-secondary{border:1px solid #deddd9;background:#fff;color:#5f6368}.button-primary{background:var(--orange);color:#fff;box-shadow:0 5px 12px #f26e452b}.button-primary:hover{background:#de5c37}.button-dark{background:var(--navy);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:19px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.metric-card{min-height:153px;padding:16px 17px 12px;position:relative;overflow:hidden}.metric-card-link{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.metric-card-link:hover{border-color:#cfcfcb;box-shadow:0 8px 22px #1414140f;transform:translateY(-2px)}.metric-card-link:focus-visible{outline:2px solid #111;outline-offset:2px}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px}.metric-icon.sun{background:#fff0dd;color:#d18b39}.metric-icon.green{background:#e0f0e9;color:#3b9c7d}.metric-icon.blue{background:#e0ebf5;color:#4e8ab0}.metric-icon.purple{background:#eae5f4;color:#8069b8}.trend{font-size:10px;font-weight:700}.positive{color:#4b9d77}.negative{color:#cf725b}.metric-card p{color:#777b80;font-size:11px;margin:0 0 4px}.metric-card>strong{font-size:23px;letter-spacing:-.05em;display:block}.metric-card>strong span{color:#888b8f;font-size:13px;font-weight:500;letter-spacing:-.02em}.metric-card small{color:#a2a4a6;font-size:10px;display:block;margin-top:4px}.progress-track{height:5px;border-radius:6px;background:#efefed;overflow:hidden}.metric-card .progress-track{margin-top:18px}.progress-fill{height:100%;border-radius:inherit}.green-fill{background:#55b48d}.purple-fill{background:#947eda}.orange-fill{background:#f28b65}.blue-fill{background:#78a9c9}.lilac-fill{background:#977fd8}.coral-fill{background:#f28b65}.mint-fill{background:#55b48d}.warm{position:absolute;bottom:11px;right:14px;display:flex;align-items:end;gap:3px;height:30px}.sparkline i{display:block;width:4px;background:#f4b89e;border-radius:3px}.sparkline i:nth-child(1){height:9px}.sparkline i:nth-child(2){height:15px}.sparkline i:nth-child(3){height:12px}.sparkline i:nth-child(4){height:23px}.sparkline i:nth-child(5){height:16px}.sparkline i:nth-child(6){height:27px}.sparkline i:nth-child(7){height:19px}.sparkline i:nth-child(8){height:23px}.sparkline i:nth-child(9){height:18px}.sparkline i:nth-child(10){height:29px}.mini-bars{position:absolute;right:17px;bottom:14px;display:flex;align-items:end;gap:4px;height:29px}.mini-bars i{background:#9fc4dc;width:5px;border-radius:3px;height:12px}.mini-bars i:nth-child(2),.mini-bars i:nth-child(6){height:20px}.mini-bars i:nth-child(3),.mini-bars i:nth-child(7){height:26px}.mini-bars i:nth-child(4){height:17px}.mini-bars i:nth-child(5){height:23px}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:19px}.panel{padding:19px 20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{font-size:14px;margin:0 0 5px;letter-spacing:-.02em}.panel-heading p{margin:0;font-size:11px}.text-button{border:0;background:transparent;color:#c85d42;font-size:11px;display:flex;align-items:center;gap:4px;padding:0}.team-summary{display:flex;align-items:center;gap:22px;margin:22px 0 17px}.team-summary strong{font-size:19px;letter-spacing:-.04em}.team-summary strong span{color:#a7a8aa;font-size:13px;font-weight:450}.team-summary small{display:block;color:#a0a2a5;font-size:10px;margin-top:2px}.summary-divider{height:31px;width:1px;background:var(--line)}.team-avatars{margin-left:auto;display:flex;padding-right:6px}.team-avatars .avatar{margin-left:-6px;border:2px solid #fff}.employee-list{border-top:1px solid var(--line)}.attendance-history{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fafafa}.attendance-history-heading,.attendance-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.attendance-history-heading{padding-bottom:11px;border-bottom:1px solid var(--line)}.attendance-history-heading strong,.attendance-history-heading small{display:block}.attendance-history-heading strong{font-size:11px}.attendance-history-heading small,.attendance-history-row small{margin-top:3px;color:#999b9d;font-size:9px}.attendance-history-total{text-align:right}.attendance-history-heading .attendance-history-total strong{margin-top:3px;font-size:13px;font-weight:700}.attendance-history-row{padding-top:11px}.attendance-history-row>span{min-width:0}.attendance-history-row small,.attendance-history-row strong{display:block}.attendance-history-row strong{margin-top:3px;font-size:10px}.attendance-history-empty{margin:11px 0 0;color:#999b9d;font-size:10px}.employee-row{min-height:57px;width:100%;display:grid;grid-template-columns:31px minmax(130px,1fr) 72px 105px 10px;align-items:center;gap:10px;padding:0;text-align:left;appearance:none;font:inherit;color:inherit;background:transparent;border-bottom:1px solid #f0efed}.employee-name{min-width:130px;flex:1}.employee-name strong,.employee-hours strong{font-size:11px;display:block}.employee-name small,.employee-hours small{color:#a1a3a5;font-size:10px;display:block;margin-top:2px}.employee-hours{width:72px}.employee-task{width:105px}.task-line{display:flex;justify-content:space-between;margin-bottom:5px}.task-line span,.task-line strong{font-size:9px;color:#999b9d}.task-line strong{color:#55595e}.employee-task .progress-track{height:4px}.status-dot{width:7px;height:7px;border-radius:50%;margin-left:8px}.is-active{background:#55b48d;box-shadow:0 0 0 3px #e1f1e9}.is-away{background:#d9a65a;box-shadow:0 0 0 3px #fbf0dc}.attendance-panel{padding:19px 20px 15px}.attendance-heading-button{display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.attendance-heading-button span{display:block}.attendance-heading-button h2{margin-bottom:5px}.attendance-heading-button p{margin-bottom:0}.attendance-heading-button svg{color:#888;transition:transform .15s ease}.attendance-heading-button:hover svg{transform:translate(2px,-2px)}.attendance-report-modal{width:min(920px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));overflow:auto}.attendance-report-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:18px;padding:4px;border-radius:8px;background:#f2f2f2}.attendance-report-tabs button{height:34px;border:0;border-radius:6px;background:transparent;color:#777;font-size:11px;font-weight:650}.attendance-report-tabs button.selected{background:#111;color:#fff}.attendance-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.attendance-report-summary>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fafafa}.attendance-report-summary small,.attendance-report-summary strong{display:block}.attendance-report-summary small{margin-bottom:7px;color:#888;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.attendance-report-summary strong{font-size:16px}.attendance-report-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.attendance-report-table{min-width:620px}.attendance-report-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;align-items:center;min-height:48px;padding:9px 13px;border-bottom:1px solid #eeeeec;font-size:11px}.attendance-report-row:last-child{border-bottom:0}.attendance-report-head{min-height:38px;background:#f7f7f7;color:#888;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.attendance-report-empty{margin:0;padding:30px 15px;color:#888;font-size:11px;text-align:center}.employee-attendance-top{margin:-9px 0 24px}.employee-attendance-top .attendance-panel{width:min(100%,520px)}.employee-attendance-mobile{display:none}.overview-primary-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);align-items:stretch;gap:18px;margin-bottom:19px}.overview-primary-grid .employee-attendance-top{margin:0}.overview-primary-grid .attendance-panel{width:100%;height:100%}.overview-primary-grid>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-self:stretch;margin-bottom:0}.employee-view .overview-primary-grid>.metric-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.overview-team-grid{grid-template-columns:1fr}.attendance-clock{display:grid;place-items:center;padding:22px 0 19px}.clock-ring{width:146px;height:146px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:9px solid #f8ded4;outline:1px dashed #eeb49e;outline-offset:-2px}.clock-ring span,.clock-ring small{color:#a1a3a5;font-size:10px}.clock-ring strong{font-size:30px;letter-spacing:-.08em;line-height:1.2}.attendance-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 0}.attendance-detail strong{display:block;font-size:11px;margin-top:6px}.detail-label{color:#96999b;font-size:10px}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:5px}.green-dot{background:#50ac88}.grey-dot{background:#bfc1c1}.attendance-button{width:100%;margin:15px 0 13px}.live-pip{width:5px;height:5px;background:#7ee6b9;border-radius:50%}.week-strip{display:flex;justify-content:space-between;color:#a1a3a5;font-size:9px;text-align:center}.week-strip b{display:block;color:#676b70;margin-top:5px;font-size:10px}.week-strip .today,.week-strip .today b{color:var(--orange)}.lower-grid{margin-top:19px}.tasks-panel{padding-bottom:10px}.task-table{margin-top:18px}.table-head,.task-row{display:grid;grid-template-columns:1.6fr 1fr .85fr .9fr .9fr;gap:10px;align-items:center}.table-head{color:#a4a6a8;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:0 4px 9px;border-bottom:1px solid var(--line)}.task-row{min-height:49px;border-bottom:1px solid #f1f0ee;font-size:10px}.task-title{display:flex;gap:8px;align-items:center;min-width:0}.task-title strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-check{width:16px;height:16px;border:1px solid #d5d5d1;border-radius:5px;display:grid;place-items:center;flex-shrink:0}.task-check.checked{color:#fff;border-color:var(--green);background:var(--green)}.owner-cell,.due-cell{color:#777b80;display:flex;align-items:center;gap:6px;white-space:nowrap}.mini-avatar{width:20px;height:20px;display:grid;place-items:center;background:#f0e6dd;color:#b67c5d;border-radius:50%;font-size:8px;font-weight:700}.due-cell{color:#97999b}.progress-cell{display:flex;align-items:center;gap:7px;min-width:0}.progress-cell .progress-track{flex:1;width:auto;min-width:52px;height:4px}.progress-cell strong{color:#6b6e73;font-size:10px}.work-status{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:4px 7px;border:1px solid #dedede;border-radius:999px;font-size:9px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-not-started{color:#777}.status-in-progress{color:#111}.status-blocked{color:#555}.status-completed{color:#111}.orders-panel{padding:19px 20px 0}.order-list{margin-top:17px}.order-row{min-height:57px;border-top:1px solid #f0efed;display:flex;align-items:center;gap:10px}.order-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px}.order-icon.orange{background:#fff0e5;color:#d9885e}.order-icon.green{background:#e1f1e7;color:#58a17c}.order-icon.pink{background:#f7e5e8;color:#bd717d}.order-info{flex:1;min-width:0}.order-info strong{display:block;font-size:11px}.order-info small{display:block;color:#a1a3a5;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-value{text-align:right}.order-value strong{display:block;font-size:11px}.order-status{font-size:9px;display:block;margin-top:4px}.order-status.orange{color:#d47a56}.order-status.green{color:#5b9b79}.order-status.pink{color:#bf727d}.orders-footer{width:calc(100% + 40px);margin-left:-20px;border:0;border-top:1px solid var(--line);background:#fcfcfb;color:#c85d42;height:43px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:0 0 10px 10px}.footer-note{display:flex;align-items:center;gap:7px;color:#929598;font-size:10px;margin-top:20px}.footer-note svg{color:#62a88c}.footer-time{margin-left:auto}.modal-backdrop{position:fixed;inset:0;background:#21252a4d;display:grid;place-items:center;z-index:10;padding:20px}.payment-modal{background:#fff;border-radius:12px;width:min(100%,410px);padding:23px;box-shadow:0 20px 60px #1f272e2e}.modal-header{display:flex;justify-content:space-between;margin-bottom:23px}.modal-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:750}.modal-header h2{margin:6px 0 5px;font-size:20px;letter-spacing:-.04em}.modal-header p{color:var(--muted);font-size:11px;margin:0}.input-label{color:#7e8184;display:block;font-size:10px;margin-bottom:14px}.form-input{display:block;width:100%;border:1px solid #deddd9;border-radius:7px;padding:10px;margin-top:6px;font-size:12px;outline:none;color:var(--ink)}.form-input:focus{border-color:var(--orange)}.form-help{display:block;margin-top:6px;color:#999c9f;font-size:9px;line-height:1.4}.method-toggle{display:flex;gap:8px;margin:-7px 0 17px}.method-toggle button{border:1px solid #e1dfdb;color:#777b80;background:#fff;border-radius:7px;padding:9px 14px;display:flex;gap:7px;align-items:center;font-size:11px}.method-toggle button.selected{border-color:#f3b19d;background:#fff4f0;color:#cb5c3d}.split-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.split-payment-total{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 14px;padding:11px 12px;border:1px solid #deddd9;border-radius:7px;background:#f7f7f7;color:#777b80;font-size:10px}.split-payment-total strong{color:var(--ink);font-size:14px}.payment-error{margin:-2px 0 12px;color:#b5442d;font-size:10px}.modal-submit{width:100%;margin-top:3px}@media(max-width:1000px){.sidebar{width:205px}.sidebar-logo{width:148px}.main-content{margin-left:205px}.topbar,.page-wrap{padding-left:25px;padding-right:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.attendance-clock{padding:15px 0}.clock-ring{width:125px;height:125px}}@media(max-width:700px){.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(82vw,280px);display:flex;transform:translate(-105%);transition:transform .18s ease;box-shadow:14px 0 32px #0000001f}.main-content{margin-left:0}.sidebar.mobile-open{transform:translate(0)}.sidebar>.brand{padding-left:0;padding-right:0}.sidebar-logo{width:min(240px,100%)}.mobile-overlay{position:fixed;z-index:15;inset:0;display:block;pointer-events:none;background:#00000047;opacity:0;transition:opacity .18s ease}.mobile-overlay.open{pointer-events:auto;opacity:1}.topbar{top:10px;width:calc(100% - 20px);height:59px;margin:10px auto 0;padding:0 14px;border:1px solid rgba(17,17,17,.1);border-radius:999px;background:#ffffffeb;box-shadow:0 8px 24px #1111111a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-menu{display:grid;place-items:center;flex:0 0 60px;width:60px;height:46px;padding:0;border:0;border-radius:8px;background:transparent;color:#6d7175;cursor:pointer}.mobile-menu-logo{transform:translateY(-2px)}.breadcrumb{position:absolute;left:50%;margin:0;transform:translate(-50%);white-space:nowrap}.breadcrumb span{display:none}.breadcrumb strong{font-size:18px;line-height:1}.search-box{display:none}.top-actions{gap:9px}.notification-popover{position:fixed;top:79px;right:12px;left:12px;width:auto}.page-wrap{padding:27px 16px 22px}.welcome-row{display:block;margin-bottom:24px}.welcome-row h1{font-size:25px}.welcome-row h1 .greeting-person{display:block;margin-top:4px;white-space:nowrap}.quick-actions{margin-top:20px}.quick-actions .button-secondary{flex:1}.quick-actions .period-select,.quick-actions .button-primary{flex:1 1 0;min-width:0}.quick-actions .period-select select{width:100%;min-width:0}.metric-grid{gap:9px}.employee-view .metric-grid{grid-template-columns:1fr}.metric-card{padding:14px 15px;min-height:118px}.metric-top{margin-bottom:9px}.metric-card>strong{font-size:20px;line-height:1.15}.metric-card small{font-size:9px}.content-grid{gap:12px}.panel{padding:16px 14px}.employee-row{grid-template-columns:31px minmax(96px,1fr) 61px 75px 8px;gap:7px}.employee-name{min-width:96px}.employee-hours{width:61px}.employee-task{width:75px}.team-summary{gap:15px}.team-avatars{display:none}.table-head{grid-template-columns:1.45fr .8fr .8fr}.table-head span:nth-child(2),.table-head span:nth-child(3){display:none}.task-row{grid-template-columns:1.45fr .8fr .8fr;gap:8px}.owner-cell,.due-cell{display:none}.work-status{overflow:hidden;text-overflow:ellipsis}.progress-cell{justify-content:flex-end}.footer-note{font-size:9px}.footer-time{display:none}}.payment-modal.task-assignment-modal{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px}.task-collaborator-fieldset{margin:2px 0 17px;padding:0;border:0}.task-collaborator-fieldset legend{padding:0;color:#666;font-size:10px;font-weight:700}.task-collaborator-fieldset>p{margin:4px 0 10px;color:#999;font-size:9px}.task-collaborator-list{display:grid;gap:7px}.task-collaborator-row{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(240px,1.25fr);align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fafafa}.task-collaborator-row>label{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.task-collaborator-row>label>input{width:14px;height:14px;accent-color:#111}.task-collaborator-row .avatar{width:28px;height:28px}.task-collaborator-row strong,.task-collaborator-row small{display:block}.task-collaborator-row strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.task-collaborator-row small{margin-top:2px;color:#999;font-size:8px}.task-collaborator-row .form-input{height:36px}.task-form-error{margin:-5px 0 12px;color:#a23b2c;font-size:10px;font-weight:650}.task-share-label{overflow:hidden;color:#777!important;text-overflow:ellipsis;white-space:nowrap}.task-assignment-role{display:inline-flex;margin-top:9px;padding:4px 7px;border-radius:999px;background:#e9e9e9;color:#333;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.task-review-summary p{margin:10px 0 0;color:#333;font-size:11px;line-height:1.45}.task-review-summary p small{margin-bottom:3px;color:#999;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.status-options button:disabled{cursor:not-allowed;opacity:.38}@media(max-width:700px){.modal-backdrop{padding:10px}.payment-modal.task-assignment-modal{width:100%;max-width:680px;max-height:calc(100dvh - 20px);margin-inline:auto;padding:21px 16px}.task-collaborator-row{grid-template-columns:1fr}}:root{--ink: #111;--muted: #666;--line: #dedede;--paper: #f5f5f5;--orange: #111;--navy: #111;--green: #111;--purple: #111}.brand-mark,.button-primary{background:#111}.nav-item.active{background:#ededed;color:#111}.workspace-switcher{background:#f0f0f0}.workspace-dot,.notification i{background:#111}.metric-icon.sun,.metric-icon.green,.metric-icon.blue,.metric-icon.purple{background:#ededed;color:#111}.positive,.negative,.text-button,.orders-footer,.week-strip .today,.week-strip .today b{color:#111}.green-fill,.purple-fill,.orange-fill,.blue-fill,.lilac-fill,.coral-fill,.mint-fill{background:#111}.sparkline i{background:#b5b5b5}.mini-bars i{background:#969696}.avatar-user,.avatar-coral,.avatar-blue,.avatar-lilac,.avatar-mint{background:#e2e2e2;color:#111}.is-active,.is-away{background:#111;box-shadow:0 0 0 3px #e2e2e2}.green-dot,.grey-dot,.live-pip{background:#111}.clock-ring{border-color:#d8d8d8;outline-color:#999}.task-check.checked{border-color:#111;background:#111}.mini-avatar{background:#e8e8e8;color:#111}.order-icon.orange,.order-icon.green,.order-icon.pink{background:#ededed;color:#111}.order-status.orange,.order-status.green,.order-status.pink,.modal-kicker,.method-toggle button.selected{color:#111}.method-toggle button.selected{border-color:#999;background:#f0f0f0}.button-primary:hover{background:#333}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(480px,1fr) minmax(520px,1fr);background:#fff}.login-form-panel{min-width:0;display:grid;place-items:center;padding:48px clamp(34px,7vw,120px)}.login-page.login-loading{grid-template-columns:1fr;place-items:center;padding:32px 20px;background:#f5f5f5}.login-loading .login-card{padding:38px}.login-card{width:min(100%,460px);margin-inline:auto;padding:0;display:flex;flex-direction:column}.login-brand{width:100%;justify-content:center;padding:0;margin-bottom:64px}.login-logo{width:188px;margin-inline:auto}.loading-logo{width:160px;margin:0 auto 14px}.login-heading{width:100%;margin-bottom:36px;text-align:center}.login-heading h1{margin:0 0 8px;color:#111;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.045em}.login-heading p{margin:0;color:#7a8290;font-size:15px;line-height:1.5}.login-card .input-label{display:block;width:100%;margin-bottom:22px;color:#303947;font-size:13px;font-weight:650}.login-input-shell{height:52px;margin-top:9px;padding:0 14px;display:flex;align-items:center;gap:12px;border:1px solid #dfe2e6;border-radius:9px;background:#fafbfc;color:#a3acba;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-input-shell:focus-within{border-color:#111;background:#fff;box-shadow:0 0 0 3px #11111114}.login-input-shell.invalid{border-color:#c2412f;background:snow}.login-input-shell.invalid:focus-within{border-color:#c2412f;box-shadow:0 0 0 3px #c2412f1a}.login-field-error{display:block;margin-top:6px;color:#a83222;font-size:11px;font-weight:600;line-height:1.4}.login-role-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;height:42px;margin:-8px 0 20px;padding:4px;border:1px solid #dedede;border-radius:8px;background:#f5f5f5}.login-role-toggle button{min-width:0;height:32px;border:0;border-radius:5px;background:transparent;color:#777;font-size:11px;font-weight:600}.login-role-toggle button:hover{color:#111}.login-role-toggle button.selected{background:#111;color:#fff}.login-card .form-input{display:block;flex:1;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#111;font-size:14px}.login-card .form-input::placeholder{color:#a3acba}.login-password-toggle{width:32px;height:32px;margin-right:-7px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#a3acba}.login-password-toggle:hover{background:#f0f0f0;color:#555}.login-submit{width:100%;height:50px;margin-top:2px;border-radius:8px;font-size:13px}.login-error{margin:-3px 0 14px!important;color:#222!important;font-size:11px!important;font-weight:600}.login-hint{display:block;width:100%;margin-top:18px;color:#999;font-size:10px;line-height:1.5;text-align:center}.reset-workspace{display:block;margin:14px auto 0;padding:0;border:0;background:transparent;color:#666;font-size:10px;text-decoration:underline;text-underline-offset:3px}.login-visual{position:relative;min-height:100dvh;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(44px,6vw,96px);background-color:#08090a;background-image:linear-gradient(180deg,#00000008 36%,#000000d6),url(/desk-login-hero.jpg);background-position:center;background-size:cover}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 45%);pointer-events:none}.login-visual-copy{position:relative;z-index:1;max-width:610px;color:#fff}.login-visual-copy span{display:block;margin-bottom:18px;color:#ffffff9e;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-visual-copy h2{max-width:580px;margin:0 0 18px;font-size:clamp(34px,3.2vw,56px);line-height:1.05;letter-spacing:-.055em}.login-visual-copy p{max-width:540px;margin:0;color:#ffffffb3;font-size:clamp(14px,1.2vw,18px);line-height:1.6}.reset-workspace:hover{color:#111}.reviewable-task{cursor:pointer}.reviewable-task:hover{background:#f7f7f7}.employee-view .team-panel{display:none}.employee-view .content-grid:not(.lower-grid){grid-template-columns:minmax(300px,.75fr)}.employee-view .metric-grid .metric-card:nth-child(4),.employee-view .metric-grid .metric-card:nth-child(5),.employee-view .orders-panel,.employee-view .attendance-panel{display:none}.employee-view .employee-attendance-top .attendance-panel{display:block}.employee-view .employee-attendance-card{display:none}.employee-view .lower-grid{grid-template-columns:1fr}.employee-view .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-clock-button{height:28px;margin-top:12px;padding:0 10px;font-size:10px}.task-review-summary{padding:13px;margin:0 0 20px;border:1px solid #e1e1e1;border-radius:7px;background:#f7f7f7}.task-review-summary strong,.task-review-summary small{display:block}.task-review-summary strong{color:#111;font-size:12px}.task-review-summary small{margin-top:5px;color:#777;font-size:10px}.status-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-7px 0 18px}.status-options button{min-height:36px;padding:7px 8px;border:1px solid #dedede;border-radius:6px;background:#fff;color:#666;font-size:10px}.status-options button:hover{color:#111;border-color:#aaa}.status-options button.selected{border-color:#111;background:#111;color:#fff}.signed-in-user{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 7px 4px 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#999;font-size:10px;white-space:nowrap}.signed-in-user strong{color:#111;font-size:11px;font-weight:700}.signed-in-user small{padding-left:7px;border-left:1px solid #dedede;color:#666;font-size:10px}.signed-in-user button{margin-left:3px;padding:5px 8px;border:0;border-radius:5px;background:#111;color:#fff;font-size:10px;font-weight:600}.signed-in-user button:hover{background:#333}@media(max-width:1000px){.login-page{grid-template-columns:minmax(420px,1.1fr) minmax(360px,.9fr)}.login-form-panel{padding-inline:40px}.login-visual{padding:44px 38px}.signed-in-user>span{display:none}.signed-in-user{gap:6px}}@media(max-width:820px){.login-page{display:block;background:linear-gradient(#000000b8,#000000b8),url(/desk-login-hero.jpg) center / cover fixed;padding:24px}.login-form-panel{min-height:calc(100dvh - 48px);padding:42px;border-radius:18px;background:#fff}.login-visual{display:none}.login-brand{margin-bottom:54px}}@media(max-width:700px){.signed-in-user{display:none}}@media(max-width:500px){.login-page{padding:0}.login-form-panel{min-height:100dvh;place-items:center stretch;padding:32px 24px;border-radius:0}.login-brand{margin-bottom:52px}.login-logo{width:170px}.login-heading{margin-bottom:30px}.login-heading h1{font-size:29px}.login-heading p{font-size:14px}.login-input-shell{height:50px}}.context-panel{margin-bottom:19px}.context-list{margin-top:15px;border-top:1px solid var(--line)}.settings-account-form{max-width:720px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.settings-account-trigger{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.settings-account-heading{margin-bottom:18px}.settings-account-heading h3{margin:0 0 5px;font-size:14px;letter-spacing:-.02em}.settings-account-heading p{margin:0;color:#888b8f;font-size:10px;line-height:1.5}.settings-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.settings-account-message{margin:-2px 0 13px;font-size:10px;font-weight:650}.settings-account-message.error{color:#9b3737}.settings-account-message.success{color:#2e7551}.settings-account-submit{min-width:190px}.settings-account-cancel{margin-left:8px}.settings-account-submit:disabled{cursor:wait;opacity:.6}.context-item{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:51px;border-bottom:1px solid #f0efed}.context-item>div:first-child{flex:1;min-width:0;text-align:left}.context-item>span:not(.row-actions){min-width:105px;text-align:right}.context-item strong{display:block;font-size:11px}.context-item small{display:block;color:#999;font-size:10px;margin-top:3px}.context-item>span{text-align:right}.collection-summary-row{cursor:pointer;padding:0 8px;margin:0 -8px;border-radius:7px}.collection-summary-row:hover,.collection-summary-row:focus-visible{background:#f7f7f7;outline:none}.collection-chevron{flex:0 0 auto;color:#8b8e91;transition:transform .16s ease}.collection-chevron.expanded{transform:rotate(180deg)}.collection-detail-panel{margin:0 0 10px;overflow:hidden;border:1px solid #e7e6e3;border-radius:8px;background:#fafafa}.collection-detail-head,.collection-detail-row{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(130px,1fr) minmax(150px,1.3fr) minmax(90px,.6fr);align-items:center;gap:14px;padding:10px 12px}.collection-detail-head{border-bottom:1px solid #e7e6e3;color:#999c9f;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.collection-detail-row+.collection-detail-row{border-top:1px solid #ecebe8}.collection-detail-row strong,.collection-detail-row span,.collection-detail-row small{min-width:0;overflow-wrap:anywhere;font-size:10px}.collection-detail-row small{color:#888b8f}.collection-detail-row>:last-child{text-align:right}.collection-detail-empty{margin:0;padding:18px 12px;color:#999c9f;font-size:10px;text-align:center}.empty-state{color:#888;font-size:11px;padding:15px 0 3px}.role-switcher{display:flex;align-items:center;gap:3px;border:1px solid #dedede;border-radius:7px;padding:2px;font-size:9px;color:#999}.role-switcher>span{padding:0 5px}.role-switcher button{border:0;background:transparent;color:#777;font-size:10px;padding:5px 7px;border-radius:5px}.role-switcher button.selected{background:#111;color:#fff}.panel-actions{display:flex;align-items:center;gap:13px}.compact-button{height:30px;padding:0 10px;font-size:10px}.row-actions{display:flex;align-items:center;gap:1px}.danger-button:hover{color:#555;background:#eee}.team-summary>div:first-child strong{font-size:0}.team-summary>div:first-child strong:after{content:"0 of 0";font-size:19px}.team-summary>div:nth-of-type(3) strong{font-size:0}.team-summary>div:nth-of-type(3) strong:after{content:"—";font-size:19px}.team-avatars{display:none}.metric-highlight>strong{font-size:23px}.metric-highlight>strong span{color:#888b8f;font-size:13px;font-weight:500}.metric-grid .metric-card:nth-child(1) .trend,.metric-grid .metric-card:nth-child(2) .trend,.metric-grid .metric-card:nth-child(3) .trend{color:#777}.selected-row{background:#f5f5f5}.report-period-toggle{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:#f7f7f7}.report-period-toggle button{min-height:26px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#888b8f;font-size:9px}.report-period-toggle button.selected{background:#111;color:#fff}.task-board-page{padding-top:34px}.task-board-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.task-board-header h1{margin:0 0 7px;font-size:29px;letter-spacing:-.05em}.task-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-flow:dense;align-items:start;gap:14px}.task-employee-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.task-employee-card.drag-over{border-color:#777;box-shadow:0 0 0 3px #11111114;transform:translateY(-2px)}.pending-assignment-card{border-style:dashed;background:#f8f8f7}.pending-assignment-icon{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:8px;background:#e9e9e7;color:#555}.task-employee-heading{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}.task-employee-heading>div{min-width:0;flex:1}.task-employee-heading strong,.task-employee-heading small{display:block}.task-employee-heading strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.task-employee-heading small{margin-top:3px;color:#999b9d;font-size:9px}.task-employee-heading>b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:20px;background:#f0f0f0;font-size:10px}.task-card-list{display:grid;gap:9px;padding-top:11px}.bento-task{padding:12px;border:1px solid #e6e6e4;border-radius:8px;background:#fafafa;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}.bento-task[draggable=true]{cursor:grab}.bento-task[draggable=true]:active{cursor:grabbing}.bento-task:hover{box-shadow:0 6px 18px #1414140f;transform:translateY(-1px)}.bento-task.is-dragging{opacity:.35}.pending-order-task{background:#fff}.pending-order-value{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid #ececea;color:#999b9d;font-size:9px}.pending-order-value strong{color:var(--ink);font-size:11px}.bento-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.bento-task-top>strong{min-width:0;font-size:11px;line-height:1.35}.bento-task>small{display:block;margin-top:6px;color:#999b9d;font-size:9px}.bento-task-progress{display:flex;align-items:center;gap:9px;margin-top:11px}.bento-task-progress .progress-track{flex:1;height:4px}.bento-task-progress b{color:#777b80;font-size:9px}.task-drop-empty,.task-board-empty{display:grid;place-items:center;color:#999b9d;text-align:center}.task-drop-empty{min-height:84px;padding:16px;border:1px dashed #d9d9d6;border-radius:8px;font-size:10px}.task-board-empty{min-height:250px}.task-board-empty strong{margin-top:10px;color:var(--ink);font-size:13px}.task-board-empty small{margin-top:5px;font-size:10px}.orders-crud-page{padding-top:34px}.orders-crud-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.orders-crud-header h1{margin:0 0 7px;font-size:29px;letter-spacing:-.05em}.orders-crud-header-actions{display:flex;flex-wrap:wrap;gap:8px}.orders-crud-panel{padding:0;overflow:hidden}.orders-crud-summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.orders-crud-summary strong,.orders-crud-summary small{display:block}.orders-crud-summary strong{font-size:13px}.orders-crud-summary small{margin-top:4px;color:#999b9d;font-size:10px}.orders-crud-table{overflow-x:auto}.orders-crud-row{display:grid;grid-template-columns:95px minmax(130px,1fr) 120px minmax(145px,1.2fr) 95px 95px 95px 105px 90px 70px;align-items:center;gap:16px;min-width:1220px;min-height:58px;padding:10px 20px;border-bottom:1px solid #efefed;font-size:11px}.orders-crud-row:last-child{border-bottom:0}.orders-crud-table-head{min-height:39px;background:#fafafa;color:#999b9d;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.orders-crud-row .order-status{width:fit-content;margin:0;padding:5px 8px;border:1px solid #dedede;border-radius:20px}.orders-crud-empty{display:grid;place-items:center;min-height:240px;padding:40px 20px;color:#999b9d;text-align:center}.orders-crud-empty strong{margin-top:10px;color:var(--ink);font-size:13px}.orders-crud-empty small{margin-top:5px;font-size:10px}.custom-field-cell{overflow:hidden;color:#686b6e;text-overflow:ellipsis;white-space:nowrap}.order-custom-fields{display:grid;gap:14px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:9px;background:#fafafa}.order-custom-fields-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.order-custom-fields-heading small,.custom-checkbox-field small,.custom-multi-field>small{color:#8b8d90;font-size:9px}.custom-textarea{min-height:82px;resize:vertical}.custom-checkbox-field{display:flex;align-items:flex-start;gap:9px;color:#55585b;font-size:11px}.custom-checkbox-field span{display:grid;gap:4px}.custom-multi-field{margin:0;padding:0;border:0}.custom-multi-field legend{margin-bottom:8px;color:#777b80;font-size:10px;font-weight:700}.custom-multi-field>div{display:flex;flex-wrap:wrap;gap:8px}.custom-multi-field label,.order-field-switches label{display:flex;align-items:center;gap:6px;color:#55585b;font-size:10px}.order-fields-modal{width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto}.order-field-manager{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(280px,1.15fr);gap:18px}.order-field-list,.order-field-editor{display:grid;align-content:start;gap:8px}.order-field-list article{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:8px}.order-field-list article.selected{border-color:#111;background:#fafafa}.order-field-select{display:grid;flex:1;gap:3px;min-width:0;padding:2px;border:0;background:transparent;text-align:left}.order-field-select strong,.order-field-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-field-select strong{font-size:11px}.order-field-select small{color:#929497;font-size:8px;text-transform:capitalize}.order-field-actions{display:flex;gap:3px}.order-field-actions .icon-button{width:27px;height:27px}.order-fields-empty{display:grid;place-items:center;min-height:180px;color:#96989a;text-align:center}.order-fields-empty strong{margin-top:8px;color:var(--ink);font-size:11px}.order-fields-empty small{margin-top:4px;font-size:9px}.order-field-editor{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fafafa}.order-field-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:12px}.order-field-editor-title .text-button{font-size:9px}.order-field-switches{display:flex;flex-wrap:wrap;gap:16px;margin:4px 0}@media(max-width:720px){.orders-crud-header{align-items:flex-start;flex-direction:column}.order-field-manager{grid-template-columns:1fr}}.order-status-toggle{flex-wrap:wrap}.advance-payment-summary{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#f7f7f7;color:#777b80;font-size:10px}.advance-method-toggle{margin-top:-7px}.advance-order-value small{display:block;margin-top:3px;color:#999b9d;font-size:9px;font-weight:500}.advance-payment-summary strong{color:var(--ink);font-size:13px}.order-id-source{display:grid;gap:4px}.order-id-source small{width:fit-content;padding:3px 6px;border-radius:999px;background:#e8f3ec;color:#286243;font-size:8px;font-weight:750}.payment-modal.commerce-order-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto}.commerce-order-details{display:grid;gap:12px;margin-bottom:18px}.commerce-order-banner,.commerce-address,.integration-sync{display:grid;gap:4px;padding:13px 14px;border:1px solid #e1e6e3;border-radius:9px;background:#f6faf8}.commerce-order-banner span,.commerce-address small,.commerce-line-items>small,.integration-sync>span,.commerce-detail-grid small{color:#7b827e;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.commerce-order-banner strong{font-size:17px}.commerce-order-banner small,.commerce-address span,.integration-sync small,.commerce-detail-grid span{color:#7d8280;font-size:10px;line-height:1.45}.commerce-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.commerce-detail-grid>div{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:8px}.commerce-detail-grid strong,.commerce-detail-grid span{overflow:hidden;text-overflow:ellipsis}.commerce-line-items{display:grid;gap:7px}.commerce-line-items article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:11px;padding:10px;border:1px solid var(--line);border-radius:8px}.commerce-line-items img{width:54px;height:54px;border-radius:7px;object-fit:cover}.commerce-line-items article>div{display:grid;gap:3px;min-width:0}.commerce-customization-assets{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.commerce-line-items article .commerce-customization-assets img{width:64px;height:64px;border-radius:8px;object-fit:cover}.commerce-line-items article span{color:#7d8280;font-size:9px}.commerce-line-items pre{max-height:120px;margin:5px 0 0;overflow:auto;border-radius:6px;background:#f6f6f4;padding:8px;color:#555b58;font:9px/1.45 monospace;white-space:pre-wrap}.integration-sync-failed{border-color:#efcaca;background:#fff7f7}.integration-sync-delivered{border-color:#cce4d6;background:#f5fbf7}.integration-sync .button{width:fit-content;margin-top:5px}.form-input:disabled,.method-toggle button:disabled{cursor:not-allowed;opacity:.65}@media(max-width:700px){.commerce-detail-grid{grid-template-columns:1fr}.commerce-line-items article{grid-template-columns:44px minmax(0,1fr)}.commerce-line-items img{width:44px;height:44px}.commerce-line-items article>b{grid-column:2}.context-panel .panel-heading{flex-direction:column;gap:14px}.context-panel .panel-actions{width:100%;flex-wrap:wrap}.settings-account-grid{grid-template-columns:1fr}.settings-account-submit,.settings-account-trigger .button,.settings-account-cancel{width:100%}.settings-account-cancel{margin:8px 0 0}.report-period-toggle{width:100%}.report-period-toggle button{flex:1}.collection-detail-panel{overflow-x:auto}.collection-detail-head,.collection-detail-row{min-width:560px}.task-board-header,.orders-crud-header{align-items:stretch;flex-direction:column}.task-board-header .button,.orders-crud-header .button{width:100%}.task-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}.pending-assignment-card{grid-column:1 / -1}.task-employee-card{padding:10px}.task-employee-card:not(.pending-assignment-card){display:flex;flex-direction:column;height:auto;max-height:none;aspect-ratio:1 / 1;overflow:hidden}.task-employee-card:not(.pending-assignment-card) .task-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:calc((100% - 5px)/2);flex:1;min-height:0;gap:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.task-employee-card:not(.pending-assignment-card) .task-card-list[data-task-count="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.task-employee-card:not(.pending-assignment-card) .task-card-list[data-task-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.task-employee-heading{gap:7px}.task-employee-heading .avatar,.pending-assignment-icon{width:27px;height:27px}.bento-task{min-width:0;padding:6px}.task-board-page .bento-task[draggable=true]{touch-action:none;user-select:none;-webkit-user-select:none}.task-employee-card:not(.pending-assignment-card) .bento-task-top{display:block}.task-employee-card:not(.pending-assignment-card) .bento-task-top>strong{display:-webkit-box;overflow:hidden;font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-employee-card:not(.pending-assignment-card) .bento-task-top .work-status,.task-employee-card:not(.pending-assignment-card) .bento-task>small{display:none}.task-employee-card:not(.pending-assignment-card) .task-card-list[data-task-count="1"] .bento-task-top .work-status,.task-employee-card:not(.pending-assignment-card) .task-card-list[data-task-count="1"] .bento-task>small{display:block}.task-employee-card:not(.pending-assignment-card) .task-card-list[data-task-count="1"] .bento-task-top{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.task-employee-card:not(.pending-assignment-card) .bento-task-progress{gap:4px;margin-top:7px}.task-employee-card:not(.pending-assignment-card) .bento-task-progress b{font-size:7px}.task-employee-card:not(.pending-assignment-card) .task-drop-empty{grid-column:1 / -1;grid-row:1 / -1}.task-drop-empty{min-height:72px;padding:10px}}.employee-row,.order-row{border-left:0;border-right:0;border-top:0;border-bottom:1px solid #f0efed;text-align:left;width:100%;background:transparent}@media(max-width:700px){.overview-primary-grid{display:block}.employee-attendance-desktop{display:none}.employee-attendance-mobile{display:block;margin-top:20px}.employee-attendance-mobile .attendance-panel{display:block;width:100%;padding:18px 16px 15px}.employee-attendance-mobile .attendance-clock{padding:18px 0}.employee-attendance-mobile .clock-ring{width:138px;height:138px}.employee-view .quick-actions{margin-top:16px}.attendance-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-report-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 16px}}@media(min-width:701px)and (max-width:1100px){.overview-primary-grid{grid-template-columns:1fr}.overview-primary-grid .attendance-panel{max-width:none}}.attendance-report-backdrop{z-index:100;padding:24px;background:#1416197a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.payment-modal.attendance-report-modal{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 64px));height:min(820px,calc(100dvh - 48px));max-height:none;padding:34px 38px 36px;overflow:hidden;border-radius:16px}.attendance-report-modal .modal-header{flex:0 0 auto;align-items:flex-start;margin-bottom:26px}.attendance-report-modal .modal-header h2{margin-top:8px;font-size:28px}.attendance-report-modal .modal-header p{font-size:13px}.attendance-report-modal .attendance-report-tabs{flex:0 0 auto;margin-bottom:22px}.attendance-report-modal .attendance-report-tabs button{height:42px;font-size:12px}.attendance-report-modal .attendance-report-summary{flex:0 0 auto;gap:12px;margin-bottom:22px}.attendance-report-modal .attendance-report-summary>div{min-height:104px;padding:18px}.attendance-report-modal .attendance-report-summary small{min-height:24px;margin-bottom:9px}.attendance-report-modal .attendance-report-summary strong{font-size:20px}.attendance-report-modal .attendance-report-table-wrap{flex:1 1 auto;min-height:220px;overflow:auto}.attendance-report-modal .attendance-report-table{width:100%;min-width:0}.attendance-report-modal .attendance-report-row{grid-template-columns:minmax(150px,1.3fr) repeat(3,minmax(120px,1fr));min-height:58px;padding:12px 18px;font-size:12px}.attendance-report-modal .attendance-report-head{min-height:44px;font-size:10px}.attendance-report-modal .attendance-report-empty{display:grid;min-height:190px;place-items:center;padding:30px;white-space:normal}@media(max-width:700px){.attendance-report-backdrop{padding:10px}.payment-modal.attendance-report-modal{width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:22px 16px 18px;border-radius:13px}.attendance-report-modal .modal-header{margin-bottom:18px}.attendance-report-modal .modal-header h2{font-size:23px}.attendance-report-modal .modal-header p{font-size:11px}.attendance-report-modal .attendance-report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.attendance-report-modal .attendance-report-summary>div{min-height:88px;padding:13px}.attendance-report-modal .attendance-report-summary strong{font-size:16px}.attendance-report-modal .attendance-report-table{min-width:620px}}.attendance-report-modal .team-attendance-table{min-width:980px}.team-attendance-table .attendance-report-row{grid-template-columns:minmax(190px,1.4fr) minmax(125px,.9fr) minmax(100px,.7fr) minmax(120px,.85fr) minmax(140px,1fr) minmax(130px,.85fr)}.team-attendance-table.manager-controls{min-width:1160px}.team-attendance-table.manager-controls .attendance-report-row{grid-template-columns:minmax(190px,1.4fr) minmax(125px,.9fr) minmax(100px,.7fr) minmax(120px,.85fr) minmax(140px,1fr) minmax(130px,.85fr) minmax(190px,1.2fr)}.team-attendance-person{display:flex;align-items:center;gap:10px;min-width:0}.team-attendance-person .avatar{flex:0 0 auto;width:34px;height:34px}.team-attendance-person>span:last-child{min-width:0}.team-attendance-person strong,.team-attendance-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-attendance-person small{margin-top:3px;color:#929598;font-size:9px}.attendance-status{display:inline-flex;width:fit-content;padding:5px 8px;border-radius:999px;background:#eeeeec;color:#666;font-size:9px;font-weight:700}.attendance-status-present{background:#e8f3ec;color:#286243}.attendance-status-absent{background:#f9e9e9;color:#8b3434}.manual-attendance-actions{display:flex;gap:6px}.manual-attendance-actions button{min-width:72px;height:30px;padding:0 9px;border:1px solid #d8d8d5;border-radius:999px;background:#fff;color:#666;font-size:9px;font-weight:700}.manual-attendance-actions button.selected{border-color:#111;background:#111;color:#fff}.manual-attendance-actions button.selected.absent{border-color:#8b3434;background:#8b3434}.manual-attendance-actions button:disabled{cursor:not-allowed;opacity:.45}.attendance-auto-mark{display:inline-flex;width:fit-content;align-items:center;padding:6px 10px;border-radius:999px;background:#e8f3ec;color:#286243;font-size:9px;font-weight:700}.team-attendance-error{margin:-8px 0 14px;color:#9b3737;font-size:10px;font-weight:650}@media(max-width:700px){.attendance-report-modal .team-attendance-table{min-width:980px}.attendance-report-modal .team-attendance-table.manager-controls{min-width:1160px}}.order-form-toolbar{display:grid;align-content:start;gap:14px;padding:14px;border:1px solid var(--line, #e5e7eb);border-radius:12px}.order-setup-intro strong,.order-setup-panel>strong{display:block;color:#25272b;font-size:14px}.order-setup-intro p,.order-setup-panel p{margin:5px 0 0;color:#667085;font-size:12px;line-height:1.55}.order-form-toolbar>label,.order-setup-panel>label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:600}.order-setup-field{display:grid;gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:9px;background:#f9fafb}.order-setup-field>strong{color:#25272b;font-size:12px}.order-setup-field>label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:600}.order-form-toolbar select,.order-setup-panel input,.order-setup-panel select,.order-setup-panel textarea{width:100%;min-height:38px;padding:0 10px;border:1px solid #d7dce3;border-radius:8px;background:#fff}.order-setup-field textarea{min-height:72px;padding:9px 10px;resize:vertical}.order-setup-field .order-setup-required{display:flex;align-items:center;gap:8px;font-weight:500}.order-setup-field .order-setup-required input{width:16px;min-height:16px;margin:0}.order-form-actions{display:flex;flex-wrap:wrap;gap:8px}.order-setup-button,.order-setup-cancel{min-height:38px;padding:0 13px;border:1px solid #25272b;border-radius:8px;background:#25272b;color:#fff;font-size:12px;font-weight:650}.order-setup-button:disabled{cursor:wait;opacity:.65}.order-setup-cancel{border-color:#d7dce3;background:#fff;color:#343a46}.order-setup-panel{display:grid;gap:11px;padding:13px;border:1px solid #dce2e9;border-radius:10px;background:#fff}.order-setup-actions{display:flex;gap:8px}.order-setup-error{margin:0;color:#b42318;font-size:12px}