:root{color:#121826;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1120px;min-height:100svh;padding:28px 20px 40px}.page-center{align-items:center;justify-content:center}.loading-text{color:#687386;font-size:15px;font-weight:800}.top-bar,.brand-row,.header-actions,.status-panel,.action-row,.section-title-row{align-items:center;display:flex}.top-bar{gap:16px;justify-content:space-between}.top-bar h1{font-size:26px;font-weight:750;letter-spacing:-.7px}.top-bar .header-actions{flex:0 0 auto}.brand-row{gap:16px;justify-content:space-between;width:100%}.brand-row-compact{justify-content:flex-start;width:auto}.brand-home{background:transparent;border:0;cursor:pointer;display:grid;padding:0;text-align:left}h1,h2,h3,p{margin:0}h1{color:#121826;font-size:32px;font-weight:900}h2{color:#121826;font-size:20px;font-weight:900}h3{color:#121826;font-size:15px;font-weight:900}.brand-row p,.auth-content p,.empty-text{color:#687386;font-size:15px;font-weight:700}.header-actions{flex-wrap:wrap;gap:10px;justify-content:flex-end}.language-toggle{background:#e3e7ef;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.language-toggle button{background:transparent;border:0;border-radius:6px;color:#687386;cursor:pointer;font-size:14px;font-weight:900;min-height:42px;min-width:90px;padding:0 14px}.language-toggle button[aria-pressed=true]{background:#fff;color:#121826;box-shadow:0 1px 4px #1218261a}.auth-panel{background:#fff;border:1px solid #d9dee7;border-radius:8px;padding:24px}.auth-panel{display:grid;gap:28px;max-width:640px;width:min(100%,640px)}.auth-content{display:grid;gap:16px}.dashboard{display:grid;gap:18px}.view-tabs{background:#e3e7ef;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.view-tabs button{background:transparent;border:0;border-radius:6px;color:#687386;cursor:pointer;font-weight:600;min-height:44px;padding:0 14px}.view-tabs button[aria-selected=true]{background:#fff;color:#121826;box-shadow:0 1px 4px #1218261a}.attendance-panel,.records-panel,.revenue-panel,.team-list-panel,.vacations-panel{background:#fff;border:1px solid #d9dee7;border-radius:8px;display:grid;gap:18px;padding:22px}.revenue-title-row{align-items:flex-start}.revenue-filter{align-items:end;background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr)) auto;padding:16px}.revenue-filter label{display:grid;gap:7px}.revenue-filter label span{color:#687386;font-size:12px;font-weight:900;text-transform:uppercase}.revenue-filter input{background:#fff;border:1px solid #cbd3df;border-radius:8px;color:#121826;font:inherit;min-height:44px;padding:0 12px;width:100%}.revenue-filter input:focus{border-color:#166a4d;box-shadow:0 0 0 3px #166a4d26;outline:0}.revenue-meta{align-items:center;color:#687386;display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:10px}.revenue-environment{border-radius:999px;font-size:12px;font-weight:900;padding:6px 10px}.revenue-environment-sandbox{background:#fef3c7;color:#92400e}.revenue-environment-live{background:#dcfce7;color:#166a4d}.revenue-notice,.revenue-warning{border-radius:8px;font-size:13px;font-weight:800;line-height:1.5;padding:12px 14px}.revenue-notice{background:#fffbeb;color:#92400e}.revenue-warning{background:#fff7ed;color:#9a3412}.revenue-currency-list,.revenue-currency,.revenue-transactions{display:grid;gap:14px}.revenue-currency{border-top:1px solid #d9dee7;padding-top:18px}.revenue-currency-heading{align-items:center;display:flex;justify-content:space-between}.revenue-currency-heading span{color:#687386;font-size:12px;font-weight:800}.revenue-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.revenue-metric{background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;display:grid;gap:7px;min-width:0;padding:14px}.revenue-metric span{color:#687386;font-size:12px;font-weight:800}.revenue-metric strong{color:#121826;font-size:20px;font-weight:900;overflow-wrap:anywhere}.revenue-metric-emphasis{background:#eef7f3;border-color:#b7d7ca}.revenue-metric-emphasis strong{color:#166a4d}.revenue-transactions{border-top:1px solid #d9dee7;padding-top:18px}.revenue-table-wrap{overflow-x:auto}.revenue-table{border-collapse:collapse;min-width:760px;width:100%}.revenue-table th,.revenue-table td{border-bottom:1px solid #e3e7ef;padding:12px 10px;text-align:right;vertical-align:middle}.revenue-table th{color:#687386;font-size:11px;font-weight:900;text-transform:uppercase}.revenue-table td{color:#394256;font-size:13px;font-weight:750}.revenue-table th:first-child,.revenue-table th:nth-child(2),.revenue-table td:first-child,.revenue-table td:nth-child(2){text-align:left}.revenue-table td:nth-child(2) strong,.revenue-table td:nth-child(2) span{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revenue-table td:nth-child(2) strong{color:#121826;font-weight:900}.revenue-table td:nth-child(2) span{color:#8a94a6;font-size:11px;margin-top:3px}.attendance-overview{display:grid;gap:12px;margin:0 auto;max-width:640px;min-width:0;width:100%}.attendance-date-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.attendance-date-row h2{font-size:15px;font-weight:600}.attendance-date-row h2 span{color:#687386;font-weight:400}.timezone-details{max-width:50%;position:relative}.timezone-details summary,.attendance-sync summary{align-items:center;color:#687386;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:flex-end;list-style:none;min-height:44px}.timezone-details summary{overflow-wrap:anywhere}.timezone-details summary:after{border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;content:"";flex:0 0 auto;height:5px;margin:-3px 3px 0;transform:rotate(45deg);width:5px}.timezone-details summary::-webkit-details-marker,.attendance-sync summary::-webkit-details-marker{display:none}.timezone-popover,.sync-popover{background:#fff;border:1px solid #d9dee7;border-radius:10px;box-shadow:0 6px 20px #12182614;display:grid;font-size:13px;gap:6px;padding:14px 16px;position:absolute;right:0;top:100%;width:max-content;max-width:260px;overflow-wrap:anywhere;z-index:1}.timezone-popover span,.sync-popover span{color:#687386}.timezone-popover strong,.sync-popover strong{color:#121826;font-weight:600}.attendance-panel{border-radius:16px;gap:24px;padding:24px}.attendance-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.attendance-status{display:flex;justify-content:flex-end}.attendance-status .status-pill{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;min-width:0;padding:6px 10px}.attendance-status .status-pill:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.attendance-hero{padding:4px 0 8px;text-align:center}.primary-time span,.time-summary-item dt{color:#687386;display:block;font-size:13px;font-weight:400;margin-bottom:8px}.primary-time span{font-size:14px;margin-bottom:10px}.primary-time strong{color:#121826;display:block;font-size:clamp(40px,12vw,56px);font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-1.5px;line-height:1.15}.time-summary{border-top:1px solid #e8ecf1;display:grid;gap:18px 0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding-top:22px}.time-summary-item{min-width:0;text-align:center}.time-summary-item:nth-child(2){border-left:1px solid #e8ecf1}.time-summary-item:nth-child(3){align-items:center;border-top:1px solid #e8ecf1;display:flex;gap:12px;grid-column:1 / -1;justify-content:space-between;padding-top:18px}.time-summary-item:nth-child(3) dt{margin:0}.time-summary-item dd{color:#121826;display:block;font-size:18px;font-variant-numeric:tabular-nums;font-weight:600;margin:0;overflow-wrap:anywhere}.attendance-sync{text-align:right}.attendance-sync details{position:relative}.attendance-sync summary{font-size:12px}.attendance-sync summary span{align-items:center;display:inline-flex;gap:5px}.sync-popover{text-align:left}.attendance-sync-failed summary{color:#9a3412}.attendance-sync-loading summary,.attendance-sync-syncing summary{color:#92400e}.weekly-summary{align-items:center;border-top:1px solid #e8ecf1;display:flex;gap:16px;grid-column:1 / -1;justify-content:space-between;padding-top:18px}.weekly-summary dt{color:#687386;font-size:13px;font-weight:400}.weekly-summary dd{color:#364152;font-size:15px;font-variant-numeric:tabular-nums;font-weight:500;margin:0}.attendance-overview summary:focus-visible,.action-button:focus-visible,.brand-home:focus-visible,.icon-button:focus-visible,.view-tabs button:focus-visible{outline:2px solid #2358d3;outline-offset:4px}.supporting-meta{color:#687386;display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:6px 14px}.section-subtitle{color:#687386;font-size:13px;font-weight:800;margin-top:4px}.icon-button{align-items:center;background:#fff;border:1px solid #d9dee7;border-radius:8px;cursor:pointer;display:inline-flex;flex-direction:column;gap:5px;height:46px;justify-content:center;padding:0;width:46px}.icon-button:hover{border-color:#166a4d}.icon-button-plain{background:#f8fafc;position:relative}.hamburger-line,.close-line{background:#121826;border-radius:999px;display:block;height:2px;width:18px}.close-line{left:13px;position:absolute;top:22px}.close-line-left{transform:rotate(45deg)}.close-line-right{transform:rotate(-45deg)}.team-status-dot{border-radius:999px;display:block;height:10px;width:10px}.team-status-dot-offDuty{background:#8a94a6}.team-status-dot-working{background:#166a4d}.team-status-dot-onBreak{background:#b45309}.team-status-dot-vacation{background:#2358d3}.upcoming-vacations{background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;display:grid;gap:12px;padding:16px}.upcoming-vacations-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.upcoming-vacations-heading span,.upcoming-vacation-mode{background:#dbeafe;border-radius:999px;color:#2358d3;font-size:12px;font-weight:900;padding:6px 9px;white-space:nowrap}.upcoming-vacations-empty{color:#687386;font-size:13px;font-weight:800}.upcoming-vacation-list{border-top:1px solid #d9dee7;display:grid}.upcoming-vacation-row{align-items:center;border-bottom:1px solid #d9dee7;display:grid;gap:14px;grid-template-areas:"when member range mode";grid-template-columns:108px minmax(140px,1fr) minmax(180px,1.3fr) auto;min-height:66px;padding:11px 0}.upcoming-vacation-row:last-child{border-bottom:0;padding-bottom:0}.upcoming-vacation-when,.upcoming-vacation-member{display:grid;gap:3px;min-width:0}.upcoming-vacation-when{grid-area:when}.upcoming-vacation-member{grid-area:member}.upcoming-vacation-when strong,.upcoming-vacation-member strong{color:#121826;font-size:14px;font-weight:900}.upcoming-vacation-when span,.upcoming-vacation-member span,.upcoming-vacation-range{color:#687386;font-size:13px;font-weight:800}.upcoming-vacation-member strong,.upcoming-vacation-member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-vacation-range{grid-area:range}.upcoming-vacation-mode{grid-area:mode;justify-self:end}.team-list{border-top:1px solid #d9dee7;display:grid}.team-list-row{align-items:center;border-bottom:1px solid #d9dee7;display:grid;grid-template-areas:"member status break work clock";gap:14px;grid-template-columns:minmax(180px,1.4fr) auto auto auto minmax(104px,auto);min-height:70px;padding:14px 0}.team-member-cell{align-items:center;display:grid;gap:10px;grid-area:member;grid-template-columns:auto minmax(0,1fr);min-width:0}.team-member-cell strong,.team-member-cell span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-cell strong{color:#121826;font-size:15px;font-weight:900}.team-member-cell span,.team-break-state,.team-clock-time{color:#687386;font-size:13px;font-weight:800}.team-work-time{color:#121826;font-size:15px;font-weight:900;grid-area:work;white-space:nowrap}.team-break-state{grid-area:break}.team-clock-time{grid-area:clock}.status-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;grid-area:status;justify-content:center;min-width:72px;padding:7px 10px;white-space:nowrap}.status-pill-offDuty{background:#e3e7ef;color:#4b5565}.status-pill-working{background:#dcfce7;color:#166a4d}.status-pill-onBreak{background:#ffedd5;color:#b45309}.status-pill-vacation{background:#dbeafe;color:#2358d3}.status-panel{background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;gap:16px;justify-content:space-between;padding:18px}.eyebrow{color:#687386;display:block;font-size:12px;font-weight:900;margin-bottom:6px;text-transform:uppercase}.status-text{color:#121826;display:block;font-size:28px;font-weight:900}.member-name{color:#687386;display:block;font-size:13px;font-weight:800;margin-top:4px}.status-badge{align-items:center;border:1px solid #d9dee7;border-radius:999px;color:#687386;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;gap:8px;min-height:36px;padding:0 12px}.status-badge span{background:#166a4d;border-radius:999px;display:block;height:8px;width:8px}.status-badge-loading span,.status-badge-syncing span{background:#b45309}.status-badge-failed span{background:#c2410c}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.action-row>:only-child{grid-column:1 / -1}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:44px;padding:0 16px}.button:disabled{background:#e3e7ef;color:#8a94a6;cursor:not-allowed}.button-full{width:100%}.button-small{font-size:13px;min-height:34px;padding:0 12px}.button-primary{background:#166a4d;color:#fff}.button-primary:not(:disabled):hover{background:#0f513a}.button-secondary{background:#2358d3;color:#fff}.button-secondary:not(:disabled):hover{background:#193fa0}.button-neutral{background:#121826;color:#fff}.button-neutral:not(:disabled):hover{background:#2b3345}.button-outline{background:#fff;border:1px solid #cbd3df;color:#364152}.button-outline:not(:disabled):hover{background:#f5f7fa}.button-ghost{background:#e3e7ef;color:#121826}.button-danger{background:#c2410c;color:#fff}.action-button{border-radius:10px;font-size:15px;font-weight:600;min-height:52px;padding:10px 12px}.error-panel{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;display:flex;gap:16px;justify-content:space-between;padding:16px}.error-panel strong{display:block;font-size:15px;font-weight:900;margin-bottom:4px}.error-panel p{font-size:14px;font-weight:750;line-height:1.45}.section-title-row{justify-content:space-between}.menu-layer{inset:0;position:fixed;z-index:20}.menu-backdrop{background:#12182657;border:0;cursor:pointer;inset:0;position:absolute}.side-menu{background:#fff;box-shadow:-16px 0 40px #1218262e;display:grid;gap:20px;align-content:start;height:100%;margin-left:auto;max-width:440px;min-width:min(100%,360px);overflow:auto;padding:22px;position:relative;width:36vw}.menu-header{align-items:center;display:flex;justify-content:space-between}.modal-layer{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.modal-backdrop{background:#12182657;border:0;cursor:pointer;inset:0;position:absolute}.modal-card{background:#fff;border-radius:12px;box-shadow:0 24px 60px #12182638;display:grid;gap:18px;max-height:calc(100svh - 40px);max-width:420px;overflow:auto;padding:22px;position:relative;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{margin:0}.modal-actions{display:grid;gap:8px}.break-message-form{display:grid;gap:16px}.break-presets{display:flex;flex-wrap:wrap;gap:8px}.break-preset-chip{align-items:center;background:#f8fafc;border:1px solid #d9dee7;border-radius:999px;color:#121826;cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;gap:6px;min-height:34px;padding:0 12px}.break-preset-chip:hover{background:#eef2f8}.break-preset-chip[aria-pressed=true]{background:#121826;border-color:#121826;color:#fff}.break-message-label{display:grid;gap:6px}.break-message-label span{color:#687386;font-size:13px;font-weight:750}.text-input{background:#fff;border:1px solid #d9dee7;border-radius:8px;color:#121826;font:inherit;font-weight:750;min-height:46px;padding:0 14px;width:100%}.text-input:focus-visible{border-color:#121826;outline:2px solid rgb(18 24 38 / .18);outline-offset:1px}.menu-section{display:grid;gap:12px;min-width:0}.menu-account{border-bottom:1px solid #e8ecf1;display:grid;gap:5px;padding-bottom:20px}.menu-account span,.menu-account p{color:#687386;font-size:13px;overflow-wrap:anywhere}.menu-account strong{font-size:16px;font-weight:600}.menu-nav{display:grid;gap:8px}.menu-nav button{background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;color:#121826;cursor:pointer;font-weight:900;min-height:46px;text-align:left;padding:0 14px}.menu-section .language-toggle{width:100%}.slack-connection-card{align-items:center;background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:14px}.slack-connection-copy{display:grid;gap:3px;min-width:0}.slack-connection-copy strong{color:#121826;font-size:14px;font-weight:900}.slack-connection-copy span,.slack-connection-copy small{color:#687386;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slack-connection-copy small{color:#8a94a6}.menu-actions{display:grid;gap:10px;margin-top:4px}.menu-status{color:#166a4d;font-size:13px;font-weight:800;margin:-2px 0 2px}.menu-status-failed{color:#9a3412}.vacation-form,.vacation-list-section{display:grid;gap:16px}.vacation-form{background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;padding:18px}.vacation-mode-field{border:0;display:grid;gap:10px;margin:0;min-width:0;padding:0}.vacation-mode-field legend,.vacation-period-field legend{color:#687386;font-size:12px;font-weight:900;text-transform:uppercase}.vacation-mode-toggle{background:#e3e7ef;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.vacation-mode-toggle button{background:transparent;border:0;border-radius:6px;color:#687386;cursor:pointer;font-weight:900;min-height:42px;padding:0 14px}.vacation-mode-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #1218261a;color:#121826}.vacation-period-field{border:0;display:grid;gap:10px;margin:0;min-width:0;padding:0}.vacation-picker-hint{color:#687386;font-size:13px;font-weight:700;margin-top:-4px}.vacation-range-picker{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.vacation-picker-control{min-width:0;position:relative}.vacation-picker-native{height:1px;left:12px;opacity:0;pointer-events:none;position:absolute;top:50%;width:1px}.vacation-picker-button{align-items:start;background:#fff;border:1px solid #cbd3df;border-radius:10px;color:#121826;cursor:pointer;display:grid;gap:5px;min-height:78px;min-width:0;padding:13px 52px 13px 14px;position:relative;text-align:left;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease;width:100%}.vacation-picker-button:hover{border-color:#166a4d;box-shadow:0 3px 12px #12182614}.vacation-picker-button:active{transform:translateY(1px)}.vacation-picker-button:focus-visible,.vacation-mode-toggle button:focus-visible{border-color:#166a4d;box-shadow:0 0 0 3px #166a4d33;outline:0}.vacation-picker-label{color:#687386;font-size:12px;font-weight:900}.vacation-picker-button strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.vacation-picker-icon{color:#166a4d;height:22px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:22px}.vacation-picker-icon-calendar{border:2px solid currentColor;border-radius:4px}.vacation-picker-icon-calendar:before{border-bottom:2px solid currentColor;content:"";left:0;position:absolute;right:0;top:5px}.vacation-picker-icon-calendar:after{background:linear-gradient(currentColor,currentColor) 4px 10px / 3px 3px no-repeat,linear-gradient(currentColor,currentColor) 11px 10px / 3px 3px no-repeat,linear-gradient(currentColor,currentColor) 4px 15px / 3px 3px no-repeat,linear-gradient(currentColor,currentColor) 11px 15px / 3px 3px no-repeat;content:"";inset:0;position:absolute}.vacation-picker-icon-clock{border:2px solid currentColor;border-radius:50%}.vacation-picker-icon-clock:before,.vacation-picker-icon-clock:after{background:currentColor;border-radius:999px;content:"";left:9px;position:absolute;transform-origin:bottom center}.vacation-picker-icon-clock:before{height:7px;top:3px;width:2px}.vacation-picker-icon-clock:after{height:6px;top:8px;transform:rotate(125deg);width:2px}.vacation-range-connector{align-items:center;background:#e7f2ed;border-radius:999px;color:#166a4d;display:inline-flex;font-size:17px;font-weight:900;height:32px;justify-content:center;width:32px}.vacation-selection-summary{align-items:center;background:#eef7f3;border-radius:8px;color:#426558;display:flex;font-size:13px;font-weight:800;justify-content:space-between;margin-top:2px;padding:10px 12px}.vacation-selection-summary strong{color:#166a4d;font-size:14px}.vacation-list{border-top:1px solid #d9dee7;display:grid}.vacation-list-row{align-items:center;border-bottom:1px solid #d9dee7;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto auto;min-height:70px;padding:14px 0}.vacation-list-row strong,.vacation-list-row span{display:block}.vacation-list-row strong{color:#121826;font-size:15px;font-weight:900}.vacation-list-row span{color:#687386;font-size:13px;font-weight:800;margin-top:3px}.vacation-list-row .vacation-calendar-warning{color:#b84b1d}.vacation-status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;margin:0;min-width:72px;padding:7px 10px;white-space:nowrap}.vacation-status-active{background:#dcfce7;color:#166a4d}.vacation-status-canceled{background:#e3e7ef;color:#4b5565}.timeline{display:grid;gap:0}.timeline-item{align-items:center;border-top:1px solid #d9dee7;display:grid;gap:12px;grid-template-columns:auto 1fr;min-height:64px}.timeline-dot{background:#166a4d;border-radius:999px;height:10px;width:10px}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{color:#121826;font-size:15px;font-weight:900}.timeline-item span{color:#687386;font-size:13px;font-weight:700;margin-top:3px}.empty-text{padding:20px 0 4px}@media(max-width:860px){.brand-row,.status-panel{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-end}.revenue-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-list-row{align-items:center;grid-template-areas:"member status" "break break" "work clock";grid-template-columns:minmax(0,1fr) auto}.upcoming-vacation-row{grid-template-areas:"when member mode" "range range range";grid-template-columns:108px minmax(0,1fr) auto}.side-menu{width:min(100%,420px)}}@media(max-width:560px){.page{gap:14px;padding:18px 14px 32px}.modal-layer{align-items:flex-end;padding:0}.modal-card{border-radius:14px 14px 0 0;max-height:88svh;max-width:none;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.auth-panel,.records-panel,.revenue-panel,.team-list-panel,.vacations-panel{padding:18px}h1{font-size:28px;line-height:1.05}.top-bar h1{font-size:clamp(20px,5.4vw,24px);line-height:1.2}.attendance-panel{padding:20px}.brand-row-compact{min-width:0}.brand-row-compact p{font-size:13px;margin-top:4px}.top-bar{align-items:center;flex-direction:row}.view-tabs{gap:3px;padding:3px}.view-tabs button{min-height:44px;padding:0 10px}.revenue-filter,.revenue-summary-grid,.vacation-list-row,.vacation-range-picker{grid-template-columns:1fr}.vacation-range-connector{justify-self:center;transform:rotate(90deg)}.vacation-list-row{align-items:stretch}.team-list-row{align-items:center;grid-template-areas:"member status" "break break" "work clock";grid-template-columns:minmax(0,1fr) auto}.upcoming-vacation-row{align-items:start;grid-template-areas:"when mode" "member member" "range range";grid-template-columns:minmax(0,1fr) auto}.upcoming-vacations{padding:14px}.team-break-state,.team-work-time,.team-clock-time{grid-column:auto}.team-break-state,.team-clock-time{justify-self:start}.language-toggle{width:100%}.language-toggle button{min-width:0}.error-panel{align-items:stretch;flex-direction:column}.side-menu{min-width:100%;padding:18px;width:100%}}