:root{color-scheme:light;--ink:#18211c;--muted:#6c786f;--line:#e4e9e5;--surface:#ffffff;--canvas:#f5f7f5;--accent:#227a50;--accent-soft:#e9f3ed;--shadow:0 18px 50px rgba(28,45,35,0.08)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--ink)}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}select{padding-right:36px!important}button{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;display:grid;grid-template-columns:260px 1fr 260px;padding:0 30px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:flex;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.5px}.brand-button{padding:0;border:0;background:transparent;cursor:pointer}.brand-mark{width:31px;height:31px;display:grid;place-items:center;color:white;background:var(--accent);border-radius:9px;box-shadow:0 7px 16px rgba(34,122,80,.2)}.tabs{justify-content:center;gap:7px}.tab,.tabs{height:100%;display:flex}.tab{position:relative;align-items:center;gap:8px;padding:0 18px;border:0;background:transparent;color:#7d8981;font-weight:600}.tab:not(:disabled){cursor:pointer}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.tab:disabled{opacity:.58;cursor:not-allowed}.soon{padding:2px 6px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#68736c;background:#eff2f0;border-radius:10px}.profile{justify-self:end;display:flex;align-items:center;gap:10px}.settings-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:white;color:#718078;cursor:pointer}.settings-button.active,.settings-button:hover{color:var(--accent);background:var(--accent-soft);border-color:#cee2d5}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#286444;background:#e8f1eb;font-size:12px;font-weight:700}.profile-copy{display:flex;flex-direction:column;font-size:12px;font-weight:650}.profile-copy small{color:var(--muted);font-weight:450;margin-top:2px}.workspace{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(310px,370px) 1fr;padding:24px;grid-gap:18px;gap:18px}.editor-panel,.note-panel{min-height:calc(100vh - 120px);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.note-panel{display:flex;flex-direction:column}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:25px 24px 18px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}h1{margin:4px 0 0;font-size:27px;letter-spacing:-.04em}.new-button,.primary-button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;background:var(--accent);color:white;padding:10px 13px;font-weight:650;cursor:pointer;box-shadow:0 7px 14px rgba(34,122,80,.16)}.new-button:hover,.primary-button:hover{background:#1c6944}.new-button:focus-visible,.primary-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(34,122,80,.23);outline-offset:2px}.search{margin:0 24px;display:flex;align-items:center;gap:9px;padding:10px 12px;color:#7f8a83;background:#f6f8f6;border:1px solid #e7ebe8;border-radius:10px}.search:focus-within{border-color:#8bb59d;box-shadow:0 0 0 3px rgba(34,122,80,.08)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.note-count{padding:18px 25px 9px;color:#909a93;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.note-list{padding:0 12px 18px;overflow-y:auto}.note-card{width:100%;display:flex;align-items:center;background:transparent;border:1px solid transparent;border-radius:11px}.note-card:hover{background:#f7f9f7}.note-card[data-active=true]{background:var(--accent-soft);border-color:#d7e8dd}.note-card[data-dragging=true]{z-index:3;opacity:.7;box-shadow:0 12px 30px rgba(28,45,35,.15)}.note-select{min-width:0;flex:1 1;padding:11px 7px 11px 13px;text-align:left;border:0;background:transparent;cursor:pointer}.drag-handle{width:35px;height:45px;flex:0 0 35px;display:grid;place-items:center;margin-right:5px;border:0;border-radius:8px;background:transparent;color:#98a29b;cursor:-webkit-grab;cursor:grab;touch-action:none}.drag-handle:hover{color:var(--accent);background:rgba(255,255,255,.7)}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.drag-handle:disabled{opacity:.35;cursor:not-allowed}.note-card strong{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.empty-list{margin:24px 12px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted)}.empty-list strong{color:var(--ink);font-size:13px}.empty-list span{font-size:12px}.editor-panel{position:relative;display:flex;flex-direction:column}.editor-header{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 20px;border-bottom:1px solid var(--line)}.back-button{display:none;align-items:center;gap:4px;border:0;background:transparent;font-weight:650}.save-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.save-state span{width:7px;height:7px;background:#58a878;border-radius:50%}.save-state[data-state=saving] span{background:#d8a44c}.save-state[data-state=error]{color:#a43e35}.save-state[data-state=error] span{background:#c84f43}.delete-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#87918a;cursor:pointer}.delete-button:hover{color:#a43e35;background:#fcf0ef;border-color:#f2d9d6}.document{width:min(860px,calc(100% - 70px));margin:0 auto;padding:48px 0 60px}.title-input{width:100%;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:clamp(30px,4vw,43px);font-weight:700;letter-spacing:-.045em}.title-input::placeholder{color:#adb5af}.document-meta{margin:10px 0 30px;color:#939d96;font-size:11px}.editor-shell{border:1px solid var(--line);border-radius:13px;overflow:hidden}.toolbar{min-height:48px;padding:7px 9px;gap:7px;flex-wrap:wrap;background:#fafbfa;border-bottom:1px solid var(--line)}.tool-group,.toolbar{display:flex;align-items:center}.tool-group{gap:4px}.tool-button{width:33px;height:33px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer}.tool-button:hover{background:#edf1ee}.tool-button[data-active=true]{color:var(--accent);background:var(--accent-soft);border-color:#cfe3d6}.tool-divider{width:1px;height:24px;background:var(--line);margin:0 2px}.size-select{height:33px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:white;color:#526058;font-size:11px}.color-picker{position:relative}.color-trigger{width:36px;height:33px;display:grid;grid-template-rows:1fr 4px;place-items:center;padding:4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer}.color-trigger:hover,.color-trigger[aria-expanded=true]{background:#edf1ee;border-color:#dfe5e1}.color-letter{font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700;line-height:16px}.color-line{width:18px;height:3px;border-radius:3px}.color-popover{position:absolute;z-index:20;top:calc(100% + 9px);left:50%;width:242px;padding:12px;transform:translateX(-50%);border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 16px 40px rgba(28,45,35,.16)}.color-popover:before{content:"";position:absolute;top:-5px;left:calc(50% - 5px);width:9px;height:9px;transform:rotate(45deg);background:white;border-left:1px solid var(--line);border-top:1px solid var(--line)}.color-popover-title{margin:1px 3px 9px;color:#77827b;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px;gap:4px}.color-option{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#4f5c54;font-size:11px;text-align:left;cursor:pointer}.color-option:hover{background:#f3f6f4}.color-option[aria-checked=true]{color:var(--ink);background:var(--accent-soft);border-color:#d4e6da;font-weight:700}.color-option:focus-visible{outline:2px solid rgba(34,122,80,.35);outline-offset:1px}.color-swatch{width:16px;height:16px;flex:0 0 16px;border:2px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d4dad6}.editor-surface{min-height:310px;padding:25px 27px;outline:0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.75}.editor-surface p{margin:0 0 1em}.editor-surface ol,.editor-surface ul{padding-left:1.5em}.editor-drop-zone{position:relative}.editor-drop-zone[data-dragging=true]{background:#f7fbf8}.drop-overlay{position:absolute;inset:8px;z-index:2;display:grid;place-content:center;justify-items:center;grid-gap:8px;gap:8px;border:2px dashed #74a98a;border-radius:9px;color:var(--accent);background:rgba(239,248,242,.9);font-size:12px;font-weight:700;pointer-events:none}.note-image{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:10px;box-shadow:0 8px 24px rgba(28,45,35,.1)}.note-image.can-zoom{cursor:zoom-in;outline:2px solid transparent;outline-offset:3px}.note-image.can-zoom:hover{outline-color:rgba(34,122,80,.25)}.image-lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:28px;background:rgba(17,24,20,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-lightbox>button{position:absolute;top:18px;right:18px;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);cursor:pointer}.image-lightbox-content{max-width:min(1200px,94vw);max-height:90vh;display:grid;grid-gap:8px;gap:8px;justify-items:center;color:rgba(255,255,255,.75)}.image-lightbox-content img{max-width:100%;max-height:calc(90vh - 28px);object-fit:contain;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.image-drop-hint{padding:10px 14px;color:#98a19b;background:#fbfcfb;border-top:1px solid var(--line);font-size:10px;text-align:right}.editor-error{padding:10px 14px;color:#9f3d34;background:#fdf1ef;border-top:1px solid #f1d6d2;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.editor-loading{padding:30px;color:var(--muted)}.empty-editor{margin:auto;max-width:380px;padding:40px 24px;text-align:center}.empty-icon{width:56px;height:56px;margin:0 auto 18px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:16px}.empty-editor h2{margin:0;font-size:23px;letter-spacing:-.03em}.empty-editor p{color:var(--muted);font-size:13px;line-height:1.6}.empty-editor .primary-button{margin-top:8px}.customer-list{padding:0 12px 20px;overflow-y:auto}.customer-row{width:100%;display:flex;align-items:center;gap:10px;padding:14px 13px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.customer-row:hover{background:#f7f9f7}.customer-row[data-active=true]{color:#1c6944;background:var(--accent-soft);border-color:#d6e7dc;font-weight:700}.customer-row span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-arrow{transform:rotate(180deg);opacity:.35}.customer-header{justify-content:flex-start}.customer-name{flex:1 1;min-width:0;padding:4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:15px;font-weight:700}.customer-name:focus,.customer-name:hover{border-color:var(--line);background:#fafbfa;outline:none}.customer-tabs{display:flex;gap:5px;padding:14px 24px 0;border-bottom:1px solid var(--line)}.customer-tabs button{display:flex;align-items:center;gap:7px;padding:10px 14px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:650;cursor:pointer}.customer-tabs button[data-active=true]{color:var(--accent);border-color:var(--accent)}.customer-note{width:min(860px,calc(100% - 70px));margin:0 auto;padding:38px 0 55px}.section-heading{margin-bottom:25px}.section-heading h2{margin:5px 0 6px;font-size:26px;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:13px}.time-area{padding:25px;overflow-y:auto}.time-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.time-summary>div{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fafbfa}.time-summary span{display:block;color:var(--muted);font-size:11px}.time-summary strong{display:block;margin-top:7px;font-size:21px;letter-spacing:-.03em}.timer-card{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:16px 0 22px;padding:22px;border:1px solid #cfe2d6;border-radius:14px;background:linear-gradient(135deg,#edf7f0,#f9fbf9)}.timer-card>div:first-child{flex:1 1}.timer-value{display:block;margin:7px 0 12px;font-size:34px;letter-spacing:-.05em}.timer-card input{width:min(480px,100%);padding:10px 12px;border:1px solid #d8e5dc;border-radius:9px;background:white}.timer-card input:disabled{color:#9ca59f;background:rgba(255,255,255,.6)}.timer-actions{display:flex;gap:8px}.activity-spinner{flex:0 0 auto;width:18px;height:18px;align-self:center;border:2px solid #b8d8c4;border-top:2px solid var(--accent);border-radius:50%;animation:activity-spin .8s linear infinite}.activity-paused{width:12px;height:12px;border-radius:50%;background:#d5a44a}.manual-entry-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;margin:-6px 0 22px;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:650;cursor:pointer}.manual-entry-toggle span{display:flex;align-items:center;gap:8px}.manual-entry-toggle:hover{border-color:#b9d2c2;background:#f8fbf9}.manual-entry-card{margin:-6px 0 22px;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:white}.manual-entry-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}.manual-entry-heading strong{display:block;margin-top:4px;font-size:15px}.manual-entry-heading>span{color:var(--muted);font-size:10px}.manual-entry-fields{display:grid;grid-template-columns:145px 92px 92px minmax(180px,1fr) auto;align-items:flex-end;grid-gap:9px;gap:9px}.manual-entry-fields label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.manual-entry-fields input{width:100%;height:38px;margin-top:5px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fafbfa;font-size:11px;text-transform:none}.manual-entry-fields input:focus{outline:3px solid rgba(34,122,80,.1);border-color:#83ad94}.manual-add{height:38px;white-space:nowrap}.secondary-button,.stop-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:9px;font-weight:650;cursor:pointer}.secondary-button{border:1px solid #cddbd2;background:white}.stop-button{border:1px solid #efd3cf;color:#963e35;background:#fff8f7}.entry-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.entry-toolbar>span{color:var(--muted);font-size:11px}.segment{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f5f7f5}.segment button{padding:7px 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.segment button[data-active=true]{color:var(--ink);background:white;box-shadow:0 2px 7px rgba(28,45,35,.08);font-weight:700}.entry-list{display:flex;flex-direction:column;gap:9px}.time-entry{display:grid;grid-template-columns:minmax(180px,1fr) auto;grid-gap:16px;gap:16px;padding:15px 16px;border:1px solid var(--line);border-radius:11px;background:white}.entry-main input{width:100%;padding:5px 6px;border:1px solid transparent;border-radius:6px;font-weight:650}.entry-main input:focus,.entry-main input:hover{border-color:var(--line);outline:none}.entry-main span{display:block;margin:4px 6px 0;color:var(--muted);font-size:10px}.entry-time{display:flex;align-items:center;gap:10px}.entry-time label{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.entry-time input{display:block;margin-top:3px;padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:10px}.entry-time>span{color:var(--muted);font-size:11px}.entry-time>strong{min-width:62px;text-align:right;font-size:13px}.archive-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fafbfa;color:var(--muted);cursor:pointer}.archive-button:hover{color:var(--accent);background:var(--accent-soft)}.entry-delete-button:hover{color:#ae3f3f;background:#fff3f3;border-color:#ebcaca}.time-error{margin-bottom:10px;padding:10px 12px;color:#943b33;background:#fdf1ef;border-radius:8px;font-size:12px}.empty-entries{padding:35px;color:var(--muted);text-align:center;font-size:12px}.logs-area{padding:30px;overflow-y:auto}.logs-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.logs-intro h2{margin:5px 0;font-size:27px;letter-spacing:-.035em}.logs-intro p{margin:0;color:var(--muted);font-size:13px}.log-count{padding:7px 10px;border-radius:8px;color:var(--muted);background:#f1f4f2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.log-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);align-items:start;grid-gap:18px;gap:18px}.log-form{position:-webkit-sticky;position:sticky;top:0;padding:20px;border:1px solid #d9e5dd;border-radius:14px;background:linear-gradient(145deg,#fbfdfb,#f1f7f3)}.log-form-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.log-form-heading span{display:block;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.log-form-heading strong{display:block;margin-top:4px;font-size:17px}.log-form-heading button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted);cursor:pointer}.log-form label{display:block;margin-bottom:14px;color:#526058;font-size:11px;font-weight:700}.log-form label>span{color:#ad4a40}.log-form input,.log-form textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #dce5df;border-radius:9px;background:white;color:var(--ink);font-weight:400;outline:none;resize:vertical}.log-form input:focus,.log-form textarea:focus{border-color:#83ad94;box-shadow:0 0 0 3px rgba(34,122,80,.08)}.log-save{width:100%;justify-content:center}.log-error{margin:-3px 0 12px;padding:9px 10px;border-radius:8px;color:#983e35;background:#fcefed;font-size:11px}.log-list{display:flex;flex-direction:column;gap:10px}.log-card{padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 6px 18px rgba(28,45,35,.045)}.log-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.log-card time{color:var(--accent);font-size:10px;font-weight:700}.log-card h3{margin:5px 0 0;font-size:16px;letter-spacing:-.015em}.log-card p{margin:12px 0 0;color:#526058;font-size:13px;line-height:1.65;white-space:pre-wrap}.log-card p.log-empty{color:#9aa39d;font-style:italic}.log-card small{display:block;margin-top:10px;color:#9aa39d;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.log-actions{display:flex;gap:4px}.log-actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#87928b;cursor:pointer}.log-actions button:hover{color:var(--accent);background:var(--accent-soft);border-color:#d8e8de}.log-actions button:last-child:hover{color:#9b4037;background:#fcf0ef;border-color:#efd8d5}.empty-logs{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;border:1px dashed #d8dfda;border-radius:12px;color:var(--muted);text-align:center}.empty-logs strong{color:var(--ink);font-size:13px}.empty-logs span{font-size:11px}.dashboard{flex:1 1;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:46px 0 70px}.dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.dashboard-intro h1{margin:7px 0;font-size:clamp(34px,5vw,52px)}.dashboard-intro p{margin:0;color:var(--muted)}.running-dashboard-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:15px;gap:15px;margin:0 0 20px;padding:17px 19px;border:1px solid #bcd9c6;border-radius:14px;color:var(--ink);background:linear-gradient(135deg,#edf7f0,#fbfdfb);text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(31,84,55,.06)}.running-dashboard-card>span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.running-dashboard-card small{color:var(--accent);font-weight:700}.running-dashboard-card strong{font-size:17px}.running-dashboard-card em{overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.running-dashboard-card:hover{border-color:#78aa8b;transform:translateY(-1px)}@keyframes activity-spin{to{transform:rotate(1turn)}}.date-chip{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;grid-gap:15px;gap:15px}.metric-card{min-height:210px;padding:22px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.metric-card.featured{background:linear-gradient(145deg,#fff,#f0f7f2);border-color:#d2e4d8}.metric-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:24px;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.metric-icon.warm{color:#9a681d;background:#faf1dd}.metric-icon.blue{color:#376e93;background:#e8f1f7}.metric-card>span{display:block;color:var(--muted);font-size:12px}.metric-card>strong{display:block;margin:7px 0 20px;font-size:34px;letter-spacing:-.045em}.metric-card small{display:block;margin-top:9px;color:var(--muted);font-size:10px}.metric-card[data-over-goal=true]{border-color:#a7cfb5;box-shadow:0 12px 34px rgba(34,122,80,.1)}.metric-card[data-over-goal=true] .progress i{background:linear-gradient(90deg,#27734d,#69ad80)}.metric-value{display:inline-flex;align-items:center;gap:5px;margin-top:14px;color:var(--accent);font-size:13px;font-weight:700}.progress{height:7px;overflow:hidden;border-radius:8px;background:#e5ede8}.progress i{display:block;height:100%;border-radius:8px;background:var(--accent)}.progress.warm{background:#f3ead7}.progress.warm i{background:#c58b34}.week-chart{margin-top:16px;padding:24px 26px 22px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.chart-heading{display:flex;justify-content:space-between;align-items:flex-end}.chart-heading h2{margin:5px 0 0;font-size:22px}.chart-heading>span{color:var(--muted);font-size:10px}.bars{height:260px;display:grid;grid-template-columns:repeat(7,1fr);align-items:flex-end;grid-gap:15px;gap:15px;margin-top:25px}.bar-column{height:100%;display:grid;grid-template-rows:24px 1fr 20px;grid-gap:5px;gap:5px;text-align:center}.bar-value{font-size:10px;color:var(--muted)}.bar-track{height:100%;display:flex;align-items:flex-end;overflow:hidden;border-radius:9px;background:#f2f5f3}.bar-track i{width:100%;min-height:0;border-radius:9px;background:linear-gradient(180deg,#5ca47b,#27734d)}.bar-column>span{font-size:10px;color:var(--muted);text-transform:uppercase}.settings-page{flex:1 1;width:min(860px,calc(100% - 48px));margin:0 auto;padding:48px 0}.settings-heading h1{margin:6px 0;font-size:40px}.settings-heading p{color:var(--muted)}.settings-card{display:grid;grid-template-columns:58px 1fr;grid-gap:20px;gap:20px;margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.settings-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:var(--accent);background:var(--accent-soft)}.settings-copy h2{margin:2px 0 5px}.settings-copy>p{margin:0 0 24px;color:var(--muted);font-size:13px}.settings-copy label{display:block;font-size:11px;font-weight:700}.goal-input{width:240px;display:flex;align-items:center;margin-top:7px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.goal-input input{width:140px;padding:10px 12px;border:0;outline:0}.goal-input span{color:var(--muted);font-size:11px}.derived-goal{display:flex;justify-content:space-between;width:min(420px,100%);margin:18px 0;padding:13px 15px;border-radius:9px;background:#f5f7f5;font-size:12px}.derived-goal span{color:var(--muted)}.backup-card{margin-bottom:40px}.backup-download:disabled,.restore-button:disabled{opacity:.58;cursor:wait}.restore-panel{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.restore-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:16px}.restore-panel>p{margin:0 0 14px;color:var(--muted);font-size:13px}.restore-panel input[type=file]{display:block;width:min(100%,520px);padding:11px;border:1px dashed #b9c8be;border-radius:10px;background:#fafcfb}.backup-message,.backup-status{display:block;margin-top:12px;color:var(--muted);font-size:13px}.backup-preview{display:grid;grid-gap:7px;gap:7px;margin-top:15px;padding:16px;border:1px solid #bcd8c8;border-radius:11px;background:#f4faf6}.backup-preview small,.backup-preview span{color:var(--muted)}.restore-button{display:inline-flex;align-items:center;gap:7px;justify-self:start;margin-top:8px;padding:9px 12px;border:1px solid #c9d4cd;border-radius:9px;background:white;color:#263b2e;font-weight:650;cursor:pointer}.backup-message{padding:11px 13px;border-radius:9px;background:#f4f7f5;color:#294536}.settings-save{margin-top:18px}@media (max-width:850px){.customer-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.customer-tabs button{flex:0 0 auto;white-space:nowrap}.topbar{grid-template-columns:1fr auto;height:64px;padding:0 18px}.tabs{position:fixed;z-index:10;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:white;border-top:1px solid var(--line)}.tab{min-width:0;flex:1 1;justify-content:center;flex-direction:column;gap:3px;padding:5px 3px;font-size:9px}.tab.active:after{top:-1px;bottom:auto;left:22px;right:22px;border-radius:0 0 3px 3px}.profile-copy,.soon{display:none}.profile{gap:7px}.profile .settings-button{display:grid}.profile .avatar{display:none}.workspace{display:block;padding:0 0 64px}.editor-panel,.note-panel{min-height:calc(100vh - 128px);border:0;border-radius:0;box-shadow:none}.editor-panel,.note-panel.mobile-hidden{display:none}.editor-panel.mobile-visible{display:flex}.back-button{display:inline-flex;margin-right:auto}.panel-heading{padding-top:24px}.document{width:calc(100% - 34px);padding:30px 0 45px}.title-input{font-size:31px}.toolbar{gap:5px}.editor-surface{min-height:300px;padding:20px 18px}.image-drop-hint{text-align:left}.customer-detail{display:none}.customer-detail.mobile-visible{display:flex}.customer-note{width:calc(100% - 34px);padding:30px 0}.time-area{padding:16px}.time-summary{grid-template-columns:1fr}.timer-card{align-items:stretch;flex-direction:column}.manual-entry-heading{align-items:flex-start;flex-direction:column}.manual-entry-fields{grid-template-columns:1fr 1fr}.manual-add,.manual-description,.manual-entry-fields label:first-child{grid-column:1/-1}.time-entry{grid-template-columns:1fr}.entry-time{flex-wrap:wrap}.logs-area{padding:20px 16px 35px}.logs-intro{align-items:flex-start;flex-direction:column}.log-layout{grid-template-columns:1fr}.log-form{position:static}.dashboard{width:calc(100% - 30px);padding:28px 0 90px}.dashboard-intro{align-items:flex-start;flex-direction:column}.dashboard-intro h1{font-size:clamp(23px,7.2vw,32px);letter-spacing:-.035em;white-space:nowrap}.metric-grid{grid-template-columns:1fr}.bars{gap:6px;height:210px}.week-chart{padding:20px 14px}.billing-hint{display:none}.settings-page{width:calc(100% - 30px);padding:30px 0 90px}.settings-card{grid-template-columns:1fr}}@media (max-width:420px){.new-button span{display:none}.new-button{width:40px;height:40px;justify-content:center;padding:0}.color-picker{order:3}.toolbar{padding:7px}.tab{padding-inline:7px}.timer-actions{flex-wrap:wrap}.entry-toolbar{align-items:flex-start;gap:9px;flex-direction:column}}@media (prefers-reduced-motion:no-preference){.search,button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#f0f4ff 0,transparent 35%),#f7f8fb;color:#17181c}.login-card{width:min(100%,420px);padding:34px;border:1px solid #e2e5ec;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(31,39,68,.12);display:grid;grid-gap:20px;gap:20px}.login-brand{gap:10px;font-weight:700;letter-spacing:-.02em}.login-brand,.login-heading{display:flex;align-items:center}.login-heading{gap:13px;padding:18px 0 6px}.login-heading>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#4359b8}.login-heading h1{margin:0 0 3px;font-size:1.45rem}.login-heading p{margin:0;color:#6d7280}.login-card label{display:grid;grid-gap:7px;gap:7px;color:#505561;font-size:.84rem;font-weight:650}.login-card input{width:100%;padding:12px 13px;border:1px solid #d9dde6;border-radius:11px;background:#fff;color:#17181c;font:inherit;outline:none}.login-card input:focus{border-color:#6a7dd1;box-shadow:0 0 0 3px rgba(85,106,196,.14)}.login-error{padding:11px 13px;border-radius:10px;background:#fff0f0;color:#a12d2d;font-size:.88rem}.login-submit{justify-content:center;min-height:44px}.todo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 72px);background:#f7f8fb}.todo-main{padding:38px clamp(22px,4vw,58px);min-width:0}.todo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.area-panel h2,.todo-header h1{margin:5px 0 7px;letter-spacing:-.035em}.todo-header h1{font-size:clamp(2rem,4vw,3.2rem)}.area-panel p,.todo-header p{margin:0;color:#717684}.todo-create{display:grid;grid-template-columns:minmax(220px,1fr) auto 132px auto;align-items:center;grid-gap:10px;gap:10px;padding:14px;border:1px solid #e2e5ec;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(31,39,68,.05)}.area-create input,.area-row input,.todo-create input,.todo-create select,.todo-item input,.todo-item select{border:1px solid #dce0e8;border-radius:10px;background:#fff;color:#1b1d22;padding:10px 11px;font:inherit;min-width:0}.area-create input:focus,.area-row input:focus,.todo-create input:focus,.todo-create select:focus,.todo-item input:focus,.todo-item select:focus{outline:none;border-color:#6b7dca;box-shadow:0 0 0 3px rgba(80,102,194,.12)}.todo-create .todo-create-area{width:132px;height:36px;padding:6px 28px 6px 10px;border-color:#e3e6ec;border-radius:9px;background-color:#f8f9fb;font-size:.84rem;cursor:pointer}.todo-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.todo-item{display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;grid-gap:9px;gap:9px;align-items:center;padding:12px 13px;border:1px solid #e8eaf0;border-radius:14px;background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}.todo-item:hover{border-color:#cdd3e3;transform:translateY(-1px)}.todo-item[data-dragging=true]{z-index:2;box-shadow:0 16px 34px rgba(34,42,70,.14)}.todo-item[data-completed=true]{background:#fafbfc}.todo-item[data-completed=true] .todo-content>input{color:#868b96;text-decoration:line-through}.area-create button,.area-row button,.todo-check,.todo-delete{border:0;background:transparent;color:#697080;display:grid;place-items:center;cursor:pointer;border-radius:8px;padding:6px}.todo-check{color:#5368bf}.todo-drag{padding:5px 2px;border:0;color:#a0a5b0;background:transparent;cursor:-webkit-grab;cursor:grab;touch-action:none}.todo-drag:active{cursor:-webkit-grabbing;cursor:grabbing}.area-row button:last-child:hover,.todo-delete:hover{color:#b23b3b;background:#fff0f0}.todo-actions{display:flex;align-items:center;gap:3px}.todo-edit{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:#596172;background:#f3f5f7;cursor:pointer}.todo-edit:hover,.todo-edit[aria-expanded=true]{color:#4055aa;background:#e9edfb}.todo-edit-controls{grid-column:3/5;display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:#f7f8fa}.todo-edit-controls .area-select{min-width:160px;height:36px;padding:6px 28px 6px 10px;border-color:#e3e6ec;border-radius:9px;background-color:#f8f9fb;font-size:.84rem;cursor:pointer}.todo-edit-controls .todo-edit-close{flex:0 0 auto;margin-left:auto}.todo-actions .todo-edit[aria-expanded=true],.todo-mobile-summary{display:none}.todo-content{min-width:0}.todo-content>input{width:100%;border-color:transparent;padding-left:2px;font-weight:650}.todo-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#858a96;font-size:.78rem;padding:3px 2px 0}.todo-meta span{display:inline-flex;align-items:center;gap:4px}.priority-pill{padding:3px 7px;border-radius:999px;font-weight:700}.priority-pill[data-priority=high]{color:#a63a3a;background:#fff0f0}.priority-pill[data-priority=normal]{color:#4055aa;background:#eef1ff}.priority-pill[data-priority=low]{color:#5d7467;background:#eef6f1}.priority-picker{gap:2px;border-radius:9px;background:#f5f6f8}.priority-option,.priority-picker{display:inline-flex;align-items:center}.priority-option{width:31px;height:31px;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:#8a909b;cursor:pointer}.priority-option span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.priority-option[data-priority=high]{color:#b35a5a}.priority-option[data-priority=normal]{color:#6372b9}.priority-option[data-priority=low]{color:#668773}.priority-option[data-priority=high][aria-pressed=true]{color:#a63a3a;background:#fdeeee}.priority-option[data-priority=normal][aria-pressed=true]{color:#4055aa;background:#e9edfb}.priority-option[data-priority=low][aria-pressed=true]{color:#4f765d;background:#e8f3ec}.priority-option:hover:not([aria-pressed=true]){color:#313641;background:#eceef3}.todo-empty{display:grid;justify-items:center;grid-gap:6px;gap:6px;padding:64px 20px;color:#8a8f9b;text-align:center}.todo-empty strong{color:#454952}.area-panel{padding:38px 24px;border-left:1px solid #e2e5ec;background:#fff}.area-create{display:grid;grid-template-columns:1fr auto;grid-gap:6px;gap:6px;margin:24px 0 16px}.area-create button{background:#edf1ff;color:#465bb6}.area-list{display:grid;grid-gap:8px;gap:8px}.area-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:4px;gap:4px;align-items:center;padding:8px 7px 8px 11px;border:0;border-radius:10px;background:#f7f8fa}.area-row>span{display:grid;grid-gap:2px;gap:2px;font-weight:650;min-width:0}.area-row small{color:#9297a2;font-size:.72rem;font-weight:500}.area-empty{display:block;padding:18px 6px;color:#9095a0;font-size:.86rem}.customer-todo-area{width:min(860px,calc(100% - 70px));margin:0 auto;padding:38px 0 55px;overflow-y:auto}.customer-todo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.customer-todo-heading h2{margin:0 0 7px;font-size:1.45rem}.customer-todo-heading p{margin:0;color:var(--muted)}.customer-todo-create{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(28,45,35,.05)}.customer-todo-create input,.customer-todo-create textarea{min-width:0;padding:11px 13px;border:1px solid #dce0e8;border-radius:9px;background:#fff;color:var(--ink);font:inherit;resize:vertical}.customer-todo-create textarea{grid-column:1/-1}.customer-todo-create .primary-button{grid-column:2;grid-row:1;align-self:start;min-height:41px}.customer-todo-list{display:grid;grid-gap:9px;gap:9px;margin-top:16px}.customer-todo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-todo-item>button{display:grid;place-items:center;padding:3px;border:0;border-radius:7px;background:transparent;color:#5368bf;cursor:pointer}.customer-todo-item>div{display:grid;grid-gap:5px;gap:5px;min-width:0}.customer-todo-item>div strong{font-weight:650}.customer-todo-item>div p{margin:0;color:#626873;white-space:pre-wrap;overflow-wrap:anywhere}.customer-todo-item small{color:var(--muted)}.customer-todo-item[data-completed=true]>div strong{color:#868b96;text-decoration:line-through}.customer-todo-side{display:flex;align-items:center;justify-content:flex-end;gap:8px}.customer-todo-actions{display:flex;align-items:center;gap:3px;flex:0 0 auto}.customer-todo-actions>button{display:grid;place-items:center;padding:7px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.customer-todo-actions>button:hover{color:var(--accent);background:#eef3ef}.customer-todo-actions>.customer-todo-delete:hover{color:#b23b3b;background:#fff0f0}.customer-todo-edit input,.customer-todo-edit textarea{width:100%;padding:10px 11px;border:1px solid #dce0e8;border-radius:9px;background:#fff;color:var(--ink);font:inherit;resize:vertical}.customer-todo-edit>div{display:flex;gap:7px}.confirm-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(18,24,21,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirm-fade .16s ease-out}.confirm-dialog{position:relative;width:min(440px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(18,31,24,.24);animation:confirm-rise .18s ease-out}.confirm-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#a23e3e;background:#fff0f0}.confirm-dialog h2{margin:1px 30px 7px 0;font-size:1.22rem;letter-spacing:-.02em}.confirm-dialog p{margin:0;color:#6e746f;line-height:1.55}.confirm-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;padding:7px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.confirm-close:hover{background:#f1f3f1;color:var(--ink)}.confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:6px}.confirm-delete{padding:10px 15px;border:0;border-radius:9px;background:#ae3f3f;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(174,63,63,.2)}.confirm-delete:hover{background:#963333}@keyframes confirm-fade{0%{opacity:0}}@keyframes confirm-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}}.customer-todo-empty{display:grid;justify-items:center;grid-gap:6px;gap:6px;padding:56px 20px;color:var(--muted);text-align:center}.customer-todo-empty strong{color:var(--ink)}@media (max-width:980px){.todo-workspace{grid-template-columns:1fr}.area-panel{border-left:0;border-top:1px solid #e2e5ec}.todo-create{grid-template-columns:1fr 1fr}.todo-create>input{grid-column:1/-1}.todo-item{grid-template-columns:auto auto minmax(0,1fr) auto}}@media (max-width:640px){.todo-workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.todo-main{padding:24px 16px}.todo-header{align-items:stretch;flex-direction:column}.todo-header .segment{align-self:stretch}.todo-header .segment button{flex:1 1}.todo-create{grid-template-columns:1fr}.todo-create>input{grid-column:auto}.todo-create .priority-picker{justify-self:start}.todo-item{grid-template-columns:auto auto minmax(0,1fr);align-items:start}.todo-actions{grid-column:3;justify-self:start}.todo-edit{width:40px;height:40px}.todo-edit-controls{grid-column:2/4;flex-wrap:wrap}.todo-edit-controls .area-select{width:100%}.area-panel{padding:28px 16px calc(100px + env(safe-area-inset-bottom))}.customer-todo-area{width:calc(100% - 32px);padding:26px 0 40px}.customer-todo-heading{align-items:stretch;flex-direction:column}.customer-todo-heading .segment{display:flex}.customer-todo-heading .segment button{flex:1 1}.customer-todo-create{grid-template-columns:1fr}.customer-todo-create .primary-button,.customer-todo-create textarea{grid-column:1;grid-row:auto}.customer-todo-item{grid-template-columns:auto minmax(0,1fr)}.customer-todo-side{grid-column:2;justify-content:space-between}.todo-create .todo-create-area{width:100%;height:40px;justify-self:stretch}.todo-item{grid-template-columns:auto auto minmax(0,1fr) auto;row-gap:6px;padding:11px 12px}.todo-content{grid-column:3}.todo-content .todo-meta{display:none}.todo-actions{grid-column:4;grid-row:1;align-self:center}.todo-actions .todo-edit{display:none}.todo-mobile-summary{grid-column:2/5;display:flex;align-items:center;gap:8px;min-width:0;color:#737986;font-size:.76rem}.todo-mobile-summary>span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-mobile-summary .todo-edit{flex:0 0 auto;width:40px;height:40px;margin-left:auto}.todo-edit-controls .todo-edit-close{display:none}.todo-edit-controls{grid-column:2/5}}.customer-detail-only .customer-list-panel{display:none}.customer-detail-only .customer-detail{grid-column:1/-1}.customer-detail-only .back-button{display:inline-flex}.service-hub{height:100%;overflow:auto;padding:34px;background:#f7f8f5}.service-hub-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.service-hub-header h1{margin:5px 0 0;font-size:34px}.service-hub-header nav{display:flex;gap:8px;flex-wrap:wrap}.service-checks button,.service-hub-header nav button{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe4dd;background:#fff;border-radius:11px;padding:10px 13px;color:#4b554d}.service-checks button[data-active=true],.service-hub-header nav button[data-active=true]{background:#e3f1e6;border-color:#9cc6a5;color:#174e28}.service-section{max-width:1180px;margin:0 auto}.service-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.service-customer-card{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e1e5df;border-radius:16px;background:#fff;text-align:left;font-weight:700}.service-customer-card svg{transform:rotate(180deg);color:#7d897f}.floating-customer-add{position:fixed;right:28px;bottom:28px;z-index:5}.customer-services-head,.service-assign,.service-create,.service-month-toolbar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between}.assigned-services input,.assigned-services textarea,.catalog-list input,.customer-services-head input,.service-assign input,.service-assign select,.service-create input,.service-month-toolbar input{border:1px solid #dfe4dd;border-radius:10px;padding:10px 12px;background:#fff;color:#1d251f}.service-assign select,.service-create input:first-child{flex:1 1}.service-help{color:#788279;font-size:13px}.assigned-services,.catalog-list,.service-month-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.assigned-services article,.catalog-list article,.service-month-list article{display:flex;align-items:center;gap:12px;border:1px solid #e0e5de;border-radius:14px;background:#fff;padding:14px 16px}.catalog-list article>div{display:flex;justify-content:space-between;flex:1 1}.catalog-list button{border:0;background:transparent;padding:7px}.assigned-fields label,.customer-services-head label,.service-month-toolbar label{display:grid;grid-gap:5px;gap:5px;font-size:12px;color:#687269}.service-totals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:20px 0}.service-totals div{display:grid;grid-gap:5px;gap:5px;background:#fff;border:1px solid #e1e5df;border-radius:14px;padding:18px}.service-totals span{color:#727d74;font-size:13px}.service-totals strong{font-size:24px}.service-month-list article{display:grid;grid-template-columns:minmax(220px,1fr) 100px 150px 100px}.service-row-main{display:grid;text-align:left;border:0;background:transparent}.service-row-main span{font-size:13px;color:#6e796f}.service-month-list [data-billed=true]{color:#277440}.customer-services{padding:24px;overflow:auto}.customer-services-head{margin-bottom:20px}.service-assign{padding:14px;border-radius:14px;background:#f4f7f3}.assigned-services article{display:block}.assigned-fields,.assigned-title,.service-checks{display:flex;align-items:center;justify-content:space-between;gap:12px}.assigned-title>div{display:flex;align-items:center;gap:12px}.assigned-title span{font-size:12px;color:#778078}.assigned-fields{justify-content:flex-start;margin:13px 0}.service-checks strong{margin-left:auto}.assigned-services textarea{width:100%;margin-top:12px;resize:vertical}.assigned-services article[data-inactive=true]{opacity:.65}.service-empty{padding:30px;text-align:center;color:#758076}@media(max-width:850px){.service-hub{padding:20px 14px 100px}.service-hub-header{display:block}.service-hub-header h1{font-size:27px}.service-hub-header nav{margin-top:16px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.service-hub-header nav button{white-space:nowrap}.service-assign,.service-create{display:grid}.service-totals{grid-template-columns:1fr}.service-month-list article{grid-template-columns:1fr 1fr}.service-row-main{grid-column:1/-1}.customer-services{padding:18px 14px}.customer-services-head{align-items:flex-start}.assigned-fields,.assigned-title,.assigned-title>div{align-items:flex-start;flex-direction:column}.floating-customer-add{bottom:78px;right:16px}.customer-detail-only .customer-detail{display:block}.billing-hint{display:none}.dashboard-intro h1{font-size:clamp(21px,6.8vw,30px);letter-spacing:-.04em;white-space:nowrap}}.customer-detail-only .back-button{display:inline-flex!important}.service-assign label{display:grid;grid-gap:5px;gap:5px;font-size:12px;color:#687269}.customer-services-head label small,.service-assign label small{max-width:230px;color:#7a847c;font-size:11px;line-height:1.35}.customer-services-head label{min-width:240px}.customer-global-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:0 14px 12px}.customer-global-links button{border:1px solid #dfe4dd;border-radius:9px;background:#fff;padding:8px 7px;font-size:11px;color:#556058}.customer-global-links button[data-active=true]{background:#e7f1e8;border-color:#afcbb5;color:#1f5b30}.simple-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.simple-service-head h2{margin:0 0 5px}.simple-service-head p{margin:0;color:#748078}.month-stepper{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0}.month-stepper button,.service-add-title button{display:grid;place-items:center;border:1px solid #dce2dc;background:#fff;border-radius:9px;padding:8px}.month-stepper strong{min-width:165px;text-align:center;font-size:18px}.service-add-panel{margin-bottom:18px;padding:18px;border:1px solid #dbe4dc;border-radius:15px;background:#f5f8f4}.service-add-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.service-add-fields{display:grid;grid-template-columns:1fr 170px 190px auto;align-items:end;grid-gap:10px;gap:10px}.service-add-fields label{display:grid;grid-gap:5px;gap:5px;font-size:12px;color:#687269}.service-add-fields input,.service-add-fields select{min-height:40px;border:1px solid #dbe1db;border-radius:9px;background:#fff;padding:8px 10px}.service-simple-list{display:grid;grid-gap:10px;gap:10px}.service-simple-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e0e5df;border-radius:14px;background:#fff;padding:16px}.service-simple-list article>div:first-child{display:grid;grid-gap:4px;gap:4px}.service-simple-list article span{font-size:13px;color:#758078}.service-manage-toggle{display:flex;align-items:center;gap:7px;margin-top:18px;border:0;background:transparent;color:#59655c;padding:8px}.service-management{padding-top:4px;border-top:1px solid #e1e5df}@media(max-width:850px){.simple-service-head{display:grid}.service-add-fields{grid-template-columns:1fr}.service-simple-list article{align-items:flex-start;flex-direction:column}.customer-global-links{padding-inline:10px}}.customer-global-links button{display:flex;align-items:center;justify-content:center;gap:5px}.overview-month-picker{display:flex;align-items:flex-end;gap:7px}.overview-month-picker[data-hidden=true]{visibility:hidden;pointer-events:none}.overview-month-picker input{height:40px;border:1px solid #dce2dc;border-radius:9px;background:#fff;padding:7px 10px}.overview-month-picker button{display:grid;place-items:center;border:1px solid #dce2dc;background:#fff;border-radius:9px;padding:8px;height:40px}.service-filter-context{min-height:18px;margin:8px 0 0;color:#788279;font-size:13px}.service-filter-context[data-empty=true]{visibility:hidden}.service-month-toolbar>.segment{margin-left:auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.service-month-toolbar>.segment button{flex:0 0 auto;white-space:nowrap}.service-month-toolbar>.segment button:first-child{width:42px}.service-month-toolbar>.segment button:nth-child(2){width:108px}.service-month-toolbar>.segment button:nth-child(3){width:118px}.service-month-toolbar>.segment button:nth-child(4){width:84px}@media(max-width:1050px){.service-month-toolbar{align-items:center;flex-direction:column}.overview-month-picker{align-self:center}.service-month-toolbar>.segment{align-self:center;margin-left:0}}.service-totals div{position:relative;overflow:hidden;gap:6px;border-color:transparent;border-radius:16px;padding:19px 20px;box-shadow:0 10px 24px rgba(27,46,35,.07)}.service-totals div:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:currentColor;opacity:.7}.service-totals div:first-child{color:#17623d;border-color:#b9ddc8;background:linear-gradient(135deg,#f1faf4,#e4f4e9)}.service-totals div:nth-child(2){color:#9a463b;border-color:#efd0c9;background:linear-gradient(135deg,#fff7f4,#fbe9e4)}.service-totals div:nth-child(3){color:#275b72;border-color:#c6dce5;background:linear-gradient(135deg,#f4fafc,#e7f2f6)}.service-totals span{color:inherit;font-weight:600;opacity:.82}.service-totals strong{color:inherit}.service-month-list article{grid-template-columns:minmax(220px,1fr) 52px 52px 100px}.service-status-button{width:38px;height:38px;display:grid;place-items:center;justify-self:center;border:1px solid #efc4bd;border-radius:11px;background:#fff2ef;color:#b4493d;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.service-status-button:hover{transform:translateY(-1px);background:#fde5df;border-color:#dfa297}.service-status-button:focus-visible{outline:3px solid rgba(34,122,80,.2);outline-offset:2px}.service-status-button[data-active=true]{border-color:#abd4b9;background:#e9f6ed;color:#207447}.service-status-button[data-active=true]:hover{background:#ddf1e4;border-color:#8bc09f}.service-status-button:disabled{transform:none;cursor:not-allowed;opacity:.38;filter:saturate(.45)}@media(max-width:850px){.service-month-list article{grid-template-columns:minmax(0,1fr) 46px 46px auto}.service-row-main{grid-column:1/-1}.service-status-button{justify-self:start}}.customer-service-contracts{margin-top:22px}.customer-service-contracts article{padding:18px}.service-contract-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.service-contract-summary>div{display:grid;grid-gap:5px;gap:5px}.service-contract-summary span{color:#26342b;font-size:14px}.service-contract-summary small{color:#748077}.service-add-title>button,.service-contract-summary>button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dfe5df;border-radius:10px;background:#fff;cursor:pointer}.service-contract-edit{display:grid;grid-gap:14px;gap:14px}.service-contract-edit .service-add-fields,.service-contract-edit .service-add-title{margin:0}@media(max-width:700px){.service-contract-summary{align-items:flex-start}.service-contract-edit .service-add-fields{grid-template-columns:1fr}.service-contract-edit .service-add-fields .primary-button{width:100%}}.customer-services.service-section{width:100%;max-width:none;margin:0;text-align:left}.customer-services .simple-service-head{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:20px}.customer-services .simple-service-head>div{width:100%}.customer-services .service-add-panel{margin-top:26px}.customer-service-contracts,.customer-service-contracts article,.service-contract-edit,.service-contract-summary{width:100%;min-width:0}.service-contract-edit .service-add-fields{width:100%;grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(150px,190px) auto}.service-contract-edit input,.service-contract-edit select{width:100%;min-width:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:10px!important;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23526058' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px 14px!important}input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=color]),textarea{padding-left:10px!important;padding-right:10px!important}