@charset "UTF-8";

.work-buffer-settings .form-field{max-width:260px}.work-buffer-settings .card-footer{flex-wrap:wrap}.work-buffer-settings .card-footer>span{flex-basis:100%}.work-buffer-settings .card-footer>.button{margin-left:auto}

.report-card-header{flex-wrap:wrap}.report-card-header>.button{margin-left:auto;max-width:100%;white-space:normal;text-align:center}
.report-review-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;max-width:100%}.report-review-actions .button{white-space:normal;text-align:center}
.report-selection-toolbar{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;color:var(--secondary);font-size:11px}
.report-select-page{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}.report-select-page input{width:16px;height:16px;flex:none;accent-color:var(--purple)}.report-select-page input:focus-visible{outline:3px solid #b6a1f6;outline-offset:3px}
.report-day{display:flex;align-items:center;gap:8px}.report-select-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-height:32px}
.report-select-label{display:flex;align-items:center;justify-content:center;width:28px;min-height:32px;cursor:pointer}
.data-table .report-select-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.report-select-label input:focus-visible{outline:3px solid #b6a1f6;outline-offset:3px}
.data-table tbody tr.report-selected,.data-table tbody tr.report-selected:hover{background:var(--purple-soft)}
@media(max-width:600px){.report-select-slot,.report-select-label{width:36px;min-height:40px}.report-select-slot{flex-basis:36px}.report-day{gap:4px}.table-card .report-card-header>.button{min-height:40px}}
@media(max-width:600px){.report-review-actions{width:100%;margin-left:0}.report-review-actions .button{flex:1 1 150px;min-height:40px}.report-select-page{min-height:40px}.report-selection-count{flex-basis:100%}}

:root{--purple:#7953df;--purple-dark:#6440c7;--purple-soft:#f0ebfc;--purple-light:#a18ae6;--green:#229e76;--green-dark:#16815e;--green-soft:#e8f6ef;--orange:#bf8541;--orange-soft:#fff4e3;--red:#d3626d;--red-soft:#fff0f1;--ink:#282735;--secondary:#777684;--muted:#a3a2af;--line:#eeedf2;--surface:#fff;--background:#f8f9fc;--shadow:0 4px 24px #39335704;--radius:16px;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--ink);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px;line-height:1.5}
*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b6a1f6;outline-offset:3px}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:650;letter-spacing:-.025em}svg{width:20px;height:20px;flex:none;vertical-align:middle}button svg{pointer-events:none}small{font-size:12px}strong{font-weight:650}hr{border:0;border-top:1px solid var(--line);margin:20px 0}::selection{color:#352464;background:#e5dcfc}

.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 18px 16px;z-index:30}.brand{display:block;flex:none;padding:0 14px;text-decoration:none;user-select:none}.brand:hover{text-decoration:none}.workspace-card{display:flex;align-items:center;gap:10px;margin:34px 4px 26px;padding:13px 10px;border:1px solid var(--line);border-radius:10px;background:#fdfcfe}.workspace-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0ebfa;color:var(--purple);font-size:14px;font-weight:700}.workspace-copy{min-width:0;flex:1}.workspace-copy strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-copy small{font-size:10px;color:var(--secondary)}.workspace-chevron{color:var(--muted)}.workspace-chevron svg{width:15px;height:15px}.nav-caption{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#aba8b6;padding:0 17px;margin:0 0 10px;text-transform:uppercase}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:none;display:flex;align-items:center;gap:12px;position:relative;width:100%;padding:12px 16px;border-radius:9px;text-align:left;font-size:12px;font-weight:500;color:#787584;transition:background .16s,color .16s;white-space:nowrap}.nav-item:hover{background:#f8f6fc;color:var(--purple)}.nav-item.active{color:var(--purple);background:var(--purple-soft);font-weight:650}.nav-item svg{width:18px;height:18px}.nav-item .nav-badge,.nav-badge{margin-left:auto;background:#e8dffb;color:var(--purple);padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-bottom .profile-mini{border-top:1px solid var(--line);padding:19px 9px 0}.profile-mini{display:flex;align-items:center;gap:10px;min-width:0}.profile-copy{min-width:0;flex:1;font-size:11px}.profile-copy strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{display:block;margin-top:2px;font-size:10px;color:var(--secondary)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:35px;height:35px;border-radius:50%;font-size:11px;font-weight:650;color:#86644e;background:#f4e7db;border:3px solid #fff;box-shadow:0 0 0 1px #eee9e4}.avatar.purple{color:#7953bf;background:#ede6fa;box-shadow:0 0 0 1px #ece5f6}.avatar.green{color:#3b9274;background:#dff1e8;box-shadow:0 0 0 1px #dfede5}.avatar.blue{color:#5878a3;background:#e4edf8;box-shadow:0 0 0 1px #e1eaf5}.avatar.orange{color:#ad7a45;background:#f9ebd6;box-shadow:0 0 0 1px #f6e8d3}.avatar.pink{color:#b37496;background:#f9e5ef;box-shadow:0 0 0 1px #f5e0eb}.avatar.large{width:48px;height:48px;font-size:15px}

.main-area{min-width:0}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#a5a2af;font-size:11px}.breadcrumbs svg{width:13px;height:13px}.breadcrumbs strong,.breadcrumbs span:last-child{color:#656271;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:19px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;padding:7px;background:transparent;color:#8b8698;border-radius:8px;flex:none}.icon-button:hover{color:var(--purple);background:#f5f1fc}.icon-button svg{width:18px;height:18px}.icon-button.danger{color:var(--red)}.icon-button .unread-count{position:absolute;right:0;top:-2px;min-width:15px;height:15px;padding:0 3px;font-size:9px;border:2px solid white}.connection-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c8997;white-space:nowrap}.status-dot,.live-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--green)}.live-dot{box-shadow:0 0 0 4px #219e7612;animation:breathe 2.6s infinite}.connection-status.offline .status-dot{background:var(--red)}.topbar-divider{height:22px;width:1px;background:var(--line)}.main-content{padding:35px 40px 40px;max-width:1560px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--purple);font-weight:600;margin-bottom:9px}.page-title,h1.page-title{font-size:27px;letter-spacing:-.9px;line-height:1.3;font-weight:650;overflow-wrap:anywhere}.page-subtitle{font-size:12px;color:#96919f;margin-top:8px;line-height:1.7}.heading-actions{display:flex;align-items:center;gap:10px}.view-switch{display:inline-flex;align-items:center;background:#eeedf3;border:1px solid #e8e6ed;padding:3px;border-radius:8px;gap:2px}.view-switch button{border:0;background:transparent;color:#948d9f;font-size:10px;font-weight:550;padding:8px 12px;border-radius:5px;white-space:nowrap}.view-switch button.active{background:#fff;color:var(--purple);box-shadow:0 1px 4px #40304b0b}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:600;line-height:1.3;transition:background .15s,box-shadow .15s,transform .15s;text-decoration:none;white-space:nowrap}.button:hover{text-decoration:none}.button:active:not(:disabled){transform:translateY(1px)}.button svg{width:16px;height:16px}.button.primary,.button:not(.secondary):not(.success):not(.danger):not(.ghost):not(.light){background:var(--purple);color:#fff;box-shadow:0 3px 6px #7953df12}.button.primary:hover{background:var(--purple-dark);box-shadow:0 4px 10px #7953df20}.button.success{color:#fff;background:var(--green);box-shadow:0 3px 6px #229e7612}.button.success:hover{background:var(--green-dark)}.button.secondary{color:#736c80;background:#fff;border-color:#e7e3ed}.button.secondary:hover{background:#faf8fe;border-color:#d4c6ee;color:var(--purple)}.button.danger{background:var(--red-soft);color:#c25965;border-color:#f8dee2}.button.danger:hover{background:#ffe4e7}.button.ghost{color:var(--purple);background:transparent}.button.ghost:hover{background:var(--purple-soft)}.button.light{background:var(--purple-soft);color:var(--purple)}.button.small{min-height:30px;padding:7px 11px;font-size:10px;border-radius:6px}.button.wide{width:100%}.button.large{min-height:46px;font-size:12px;padding:13px 22px}.inline{display:flex;align-items:center;gap:9px}.inline.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:22px}.muted{color:var(--secondary)}.tiny{font-size:10px}.text-right{text-align:right}.text-center{text-align:center}.text-purple{color:var(--purple)}.text-green{color:var(--green)}.text-red{color:var(--red)}

.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:23px}.stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow);min-width:0}.stat-icon{display:flex;align-items:center;justify-content:center;position:absolute;right:19px;top:19px;width:34px;height:34px;border-radius:10px;background:#f5f1fd;color:var(--purple)}.stat-icon svg{width:17px;height:17px}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.orange{background:var(--orange-soft);color:var(--orange)}.stat-label{font-size:11px;color:#95909e;margin-bottom:10px}.stat-value{font-size:26px;line-height:1.25;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums}.stat-value small{font-size:14px;font-weight:450;letter-spacing:0;color:#aaa5b3;margin-left:5px}.stat-note{font-size:10px;color:#a39dab;margin-top:8px;display:flex;align-items:center;gap:5px}.stat-note svg{width:12px;height:12px}.trend{color:var(--green);font-weight:550}.stat-note .trend{margin-right:2px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:23px;align-items:start}.content-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:23px;align-items:start;margin-top:23px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 18px}.card-title{font-size:14px;font-weight:650;letter-spacing:-.2px}.card-subtitle{color:#a29ca9;font-size:10px;margin-top:4px}.card-body{padding:0 24px 24px}.card-footer{border-top:1px solid var(--line);padding:15px 24px;color:#a39dab;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-footer svg{width:13px;height:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.section-heading h2,.section-heading h3{font-size:15px}.section-heading p{font-size:11px;color:var(--secondary);margin-top:4px}

.timer-card{position:relative;text-align:center;background:radial-gradient(ellipse at 100% 0,#faf8ff,transparent 55%),#fff;overflow:hidden}.timer-top{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;position:relative;z-index:1;text-align:left}.timer-top>span,.timer-top>div:last-child{font-size:10px;color:#a29ba9}.timer-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:550;color:var(--green);background:var(--green-soft);border-radius:6px;padding:6px 10px}.timer-status.idle{color:var(--purple);background:var(--purple-soft)}.timer-status.break{color:var(--orange);background:var(--orange-soft)}.timer-face{font-size:65px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-3px;line-height:1.3;margin:10px 16px 1px;color:#383041;position:relative;z-index:1}.timer-label{color:#a49aaa;font-size:10px;letter-spacing:.1px;margin:9px 0 26px}.timer-actions{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 24px;position:relative;z-index:1}.timer-actions .button{min-width:120px;height:42px;font-size:11px;border-radius:8px}.timer-actions .button svg{width:15px;height:15px}.timer-meta{display:flex;align-items:center;justify-content:center;gap:23px;margin:20px 24px 24px;color:#a49dab;font-size:10px}.timer-meta span{display:inline-flex;align-items:center;gap:5px}.timer-meta svg{width:12px;height:12px}.timer-progress{padding:19px 24px 21px;text-align:left;border-top:1px solid var(--line);background:#fcfbfe}.timer-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a39aa9;margin-bottom:10px}.timer-progress strong{color:#82718f;font-size:10px;font-weight:550}.timer-progress-track,.progress-track{height:5px;background:#eee9f7;border-radius:6px;overflow:hidden}.timer-progress-fill,.progress-fill{height:100%;background:var(--purple);border-radius:6px;transition:width .6s}.progress-fill.green{background:var(--green)}.timer-decoration{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #f3eefb;right:-100px;top:-70px;pointer-events:none}.timer-decoration:before,.timer-decoration:after{content:"";position:absolute;border:1px solid #f3eefb;border-radius:50%;inset:24px}.timer-decoration:after{inset:48px}

.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:550;line-height:1.35;white-space:nowrap;background:#f2f1f5;color:#9b94a6}.badge .live-dot{width:5px;height:5px;box-shadow:none}.badge.green{background:var(--green-soft);color:#238962}.badge.purple{background:var(--purple-soft);color:#8560cc}.badge.orange{background:var(--orange-soft);color:#b48746}.badge.gray{background:#f2f2f6;color:#9792a0}.badge.red{background:var(--red-soft);color:#c66572}.weekly-card .card-header{padding-bottom:14px}.week-total{display:flex;align-items:baseline;gap:5px;margin:0 24px 15px;font-size:24px;font-weight:650;letter-spacing:-.8px}.week-total small,.week-total span{font-size:11px;color:#aaa2b2;font-weight:400;letter-spacing:0}.chart-bars{height:143px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:23px 25px 0;position:relative;margin-bottom:26px;border-bottom:1px solid #f6f2fa}.chart-bars:before,.chart-bars:after{content:"";position:absolute;left:24px;right:24px;border-top:1px dashed #f0ebf7;top:45px}.chart-bars:after{top:90px}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;z-index:1;min-width:0}.chart-bar{background:#e8defb;border-radius:5px 5px 1px 1px;width:min(25px,100%);min-height:3px;transition:height .5s;position:relative}.chart-bar.today{background:var(--purple);box-shadow:0 0 0 0 #7953df}.chart-column:hover .chart-bar{background:var(--purple-light)}.chart-column:hover .chart-bar.today{background:var(--purple-dark)}.chart-label{position:absolute;bottom:-22px;font-size:9px;color:#b2aab9}.chart-column:has(.today) .chart-label{color:var(--purple);font-weight:650}.chart-value{font-size:8px;color:#aaa0b5;margin-bottom:5px;white-space:nowrap}.weekly-card .card-footer{margin-top:5px}.weekly-card .card-footer strong{color:var(--purple);font-weight:600}.weekly-card{min-height:346px}

.activity-list{padding:0 23px}.activity-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid #f2eff5;position:relative}.activity-item:first-child{border-top:0}.activity-icon{display:flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;background:#f4effb;color:#9371cc;border-radius:10px}.activity-icon svg{width:16px;height:16px}.activity-icon.green{background:#edf7f1;color:#70a98f}.activity-icon.blue{background:#eff3fc;color:#879bc3}.activity-icon.orange{background:#fdf5e9;color:#c7a06c}.activity-content{min-width:0;flex:1}.activity-title{font-size:11px;color:#696073;line-height:1.6;overflow-wrap:anywhere}.activity-project{display:flex;align-items:center;gap:5px;font-size:9px;color:#b2a8bb;margin-top:3px}.activity-project .badge{font-size:8px;padding:2px 5px}.activity-time{font-size:10px;color:#a79bae;white-space:nowrap;font-variant-numeric:tabular-nums}.activity-actions{display:flex;gap:2px}.activity-actions .icon-button{color:#bbb0c5;padding:5px}.activity-actions svg{width:14px;height:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;text-align:center;padding:30px;color:#aca3b6}.empty-state>svg{width:33px;height:33px;color:#bdaed5;margin-bottom:14px;stroke-width:1.3}.empty-state h3{font-size:13px;color:#867591;margin-bottom:7px;font-weight:550}.empty-state p{font-size:10px;max-width:280px;line-height:1.8}.empty-state .button{margin-top:15px}.today-plan{padding:0 24px 20px}.schedule-row{display:flex;align-items:center;gap:12px;padding:13px 0;position:relative}.schedule-row:not(:last-child):after{content:"";position:absolute;left:4px;top:31px;bottom:-9px;border-left:1px dashed #ded6e8}.schedule-marker{width:9px;height:9px;border-radius:50%;background:#ded3ed;border:2px solid white;box-shadow:0 0 0 1px #e9e2f2;flex:none;position:relative;z-index:1}.schedule-row:first-child .schedule-marker{background:var(--purple);box-shadow:0 0 0 3px #f2edfa}.schedule-info{flex:1;min-width:0}.schedule-info strong{font-size:10px;font-weight:550;color:#867492;display:block}.schedule-info p,.schedule-info small{font-size:9px;color:#b4a9bc;margin-top:3px;display:block}.schedule-row>time,.schedule-row>span:last-child{font-size:10px;color:#9c8ca8}.info-banner{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;border-radius:10px;background:#f0f7f3;color:#628c75;font-size:10px;line-height:1.8}.info-banner svg{width:16px;height:16px;margin-top:2px;flex:none}.info-banner strong{display:block;font-weight:550}.purple-banner{background:#f1edfb;color:#8d74ae}.tip-card{padding:20px 23px;background:#f0ecfa;border:1px solid #eae2f7;border-radius:12px;color:#9e87b8;font-size:10px;line-height:1.9}.tip-card h3{font-size:12px;color:#826399;margin:10px 0 6px}.tip-card svg{color:#a68abf}.tip-card p{font-size:10px}.tip-card .inline{align-items:flex-start}

.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:9px}.search-field{position:relative;display:flex;align-items:center;min-width:200px;max-width:340px;flex:1}.search-field>svg{position:absolute;left:12px;width:15px;height:15px;color:#b1a8bc;pointer-events:none}.search-field input{padding-left:36px;width:100%;font-size:11px}.filter-bar select{font-size:11px;min-height:38px}.filter-bar .form-field{margin:0}.table-card{overflow:hidden}.table-scroll{position:relative;overflow:auto;width:100%}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.data-table th{font-size:9px;font-weight:550;white-space:nowrap;color:#a49aaf;background:#fcfbfe;text-transform:uppercase;letter-spacing:.6px;padding:14px 20px;border-bottom:1px solid var(--line)}.data-table td{padding:16px 20px;border-bottom:1px solid #f2eff6;color:#8a7c96;vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fdfbff}.data-table td strong{font-weight:550;color:#74637f}.data-table td small{display:block;color:#b4a9bd;font-size:9px;margin-top:3px}.data-table .person{min-width:150px}.data-table .icon-button{padding:5px}.data-table .icon-button svg{width:15px;height:15px}.data-table input[type=checkbox]{accent-color:var(--purple);width:13px;height:13px;min-height:0;margin:0}.person{display:flex;align-items:center;gap:9px}.person .avatar{width:31px;height:31px;font-size:9px}.person-name{font-size:11px;color:#796784;font-weight:550}.person-email{font-size:9px;color:#b3a5bd;margin-top:3px}.table-empty{text-align:center;padding:30px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.person-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.person-card-top{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.person-card-top .avatar{width:39px;height:39px;font-size:12px}.person-card-top .person-name{font-size:12px}.person-card-top .person-email{font-size:10px}.person-card-status{display:flex;align-items:center;gap:7px;font-size:10px}.person-card-body{padding:0 20px 18px}.person-card-body .stat-value{font-size:23px;margin:9px 0 5px}.person-card-body .muted{font-size:10px}.person-card-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 19px;background:#fdfcfe;font-size:9px;color:#ae9fba}.mini-timeline{height:5px;display:flex;overflow:hidden;border-radius:5px;background:#f2edf8;margin:15px 0 9px}.timeline-segment{height:100%;background:var(--purple-light);min-width:3px}.timeline-segment.break{background:#eed8ae}.timeline-segment.working{background:var(--green)}.tabs{display:flex;gap:20px;border-bottom:1px solid #eae4f1;margin:0 0 23px;overflow-x:auto}.tab{border:0;background:transparent;border-bottom:2px solid transparent;padding:12px 2px;color:#b1a3bd;font-size:11px;font-weight:500;white-space:nowrap}.tab.active{color:var(--purple);border-color:var(--purple)}.tab .badge{margin-left:5px}.period-nav{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:3px 5px;border-radius:8px;font-size:11px;color:#8f7d9d}.period-nav strong{min-width:160px;text-align:center;font-size:11px;font-weight:500}.period-nav .icon-button{padding:6px}.period-nav svg{width:14px;height:14px}.report-totals{display:flex;align-items:center;gap:35px;padding:19px 24px;background:#fcfafe;border-top:1px solid var(--line)}.report-total{font-size:10px;color:#a997b6}.report-total strong{display:block;font-size:20px;font-weight:600;color:#80698f;margin-top:5px;font-variant-numeric:tabular-nums}.report-total:last-child{margin-left:auto}.report-total .badge{margin-top:4px}.activity-feed{padding:0 24px 10px}.feed-item{display:flex;align-items:flex-start;gap:14px;position:relative;padding:17px 0}.feed-item:not(:last-child):after{content:"";position:absolute;left:15px;top:50px;bottom:0;border-left:1px solid #f0e9f7}.feed-marker{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--purple-soft);color:var(--purple-light)}.feed-marker svg{width:15px;height:15px}.feed-content{flex:1;min-width:0}.feed-content p{font-size:11px;color:#8c759c;line-height:1.7}.feed-content small{display:block;margin-top:4px;font-size:9px;color:#b9a9c6}.feed-content strong{color:#7b618d;font-weight:550}.feed-item>time{font-size:9px;color:#b9a9c6;white-space:nowrap;padding-top:4px}.feed-content .badge{margin:4px 0 0}

label{font-size:11px;color:#8c789c;display:block;font-weight:500;margin-bottom:7px}input,select,textarea{background:#fff;color:#705d7e;outline:none;min-height:41px;border:1px solid #e8e0ef;border-radius:8px;padding:10px 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#c1b4cb}input:focus,select:focus,textarea:focus{border-color:#b39adc;box-shadow:0 0 0 3px #7953df0b}input[type=checkbox],input[type=radio]{accent-color:var(--purple);min-height:0;width:15px;height:15px;box-shadow:none}input[type=date],input[type=time],input[type=datetime-local]{font-variant-numeric:tabular-nums}input:disabled,select:disabled,textarea:disabled{color:#b8abc2;background:#faf7fc;cursor:not-allowed}textarea{resize:vertical;min-height:95px;line-height:1.8}.form-field{margin-bottom:18px}.form-field input,.form-field select,.form-field textarea{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}.form-hint{font-size:9px;color:#b3a1c0;line-height:1.7;margin-top:6px}.form-error{background:var(--red-soft);color:#c55c70;border:1px solid #f7dee6;border-radius:8px;padding:12px 14px;margin-bottom:17px;font-size:11px;line-height:1.7}.form-success{background:var(--green-soft);color:var(--green-dark);border:1px solid #d7ece0;border-radius:8px;padding:12px 14px;font-size:11px;margin-bottom:17px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:400;line-height:1.6}.checkbox-label input{margin:0;flex:none}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"company hours" "planning buffer";gap:22px;align-items:stretch}.settings-company{grid-area:company}.settings-planning{grid-area:planning}.settings-work-time{grid-area:hours}.work-buffer-settings{grid-area:buffer}.settings-layout>.settings-section{display:flex;flex-direction:column}.settings-layout>.settings-section>.card-footer{margin-top:auto}.settings-section{padding:22px 24px;border-bottom:1px solid var(--line)}.settings-section:last-child{border-bottom:0}.settings-section h3{font-size:13px;color:#81668e;margin-bottom:5px}.settings-section>p{font-size:10px;color:#b19abd;margin-bottom:20px;line-height:1.8}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;padding:14px 0}.toggle-row+ .toggle-row{border-top:1px solid #f3edf8}.toggle-row strong{font-size:11px;font-weight:550;color:#9676a3}.toggle-row p{font-size:9px;color:#b8a2c4;margin-top:4px}.toggle-row input[type=checkbox]{appearance:none;width:33px;height:19px;border:0;border-radius:15px;background:#ddd3e7;position:relative;cursor:pointer;transition:background .15s;flex:none;padding:0}.toggle-row input[type=checkbox]:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 3px #442b5515;transition:transform .15s}.toggle-row input:checked{background:var(--purple)}.toggle-row input:checked:before{transform:translateX(14px)}

.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);background:white;border:1px solid var(--line);border-radius:14px;min-height:540px;height:calc(100dvh - 242px);max-height:750px;overflow:hidden;box-shadow:var(--shadow)}.chat-contacts{border-right:1px solid var(--line);overflow:auto;background:#fefcff}.chat-contacts>header{padding:20px 18px 15px;border-bottom:1px solid var(--line)}.chat-contacts>header h3{font-size:12px;color:#92769e;margin-bottom:13px}.chat-contacts .search-field{min-width:0}.chat-contacts .search-field input{background:#faf6fd;font-size:10px;min-height:35px}.chat-contact{width:100%;background:transparent;border:0;display:flex;align-items:center;gap:10px;padding:16px 18px;text-align:left;border-bottom:1px solid #f6effa;transition:background .15s}.chat-contact:hover{background:#f8f2fd}.chat-contact.active{background:#f1eafb;box-shadow:inset 3px 0 0 var(--purple)}.chat-contact .avatar{width:32px;height:32px;font-size:10px}.chat-contact .person-name{font-size:11px;color:#8e6b9e}.chat-contact .person-email{font-size:9px;color:#baa1c8}.chat-contact .grow{overflow:hidden}.chat-contact .person-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:155px}.unread-count{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:white;min-width:17px;height:17px;line-height:1;border-radius:50%;font-size:9px;padding:3px}.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);min-height:77px}.chat-header .person-name{font-size:12px}.chat-header .person-email{font-size:9px}.chat-messages{display:flex;flex-direction:column;gap:15px;overflow:auto;flex:1;padding:24px;background:linear-gradient(#fff,#fefcff);scroll-behavior:smooth}.message{align-self:flex-start;max-width:78%;display:flex;flex-direction:column;gap:5px}.message.own{align-self:flex-end;align-items:flex-end}.message-body{padding:12px 15px;color:#8e6a9d;background:#f5eef9;border-radius:11px 11px 11px 2px;font-size:11px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.message.own .message-body{background:var(--purple);color:#fff;border-radius:11px 11px 2px 11px}.message-meta{font-size:8px;color:#baa5c7;display:flex;align-items:center;gap:6px;padding:0 2px}.chat-composer{display:flex;align-items:flex-end;gap:12px;padding:18px 22px;border-top:1px solid var(--line);background:#fff}.chat-composer textarea{flex:1;min-height:42px;height:42px;max-height:140px;border-radius:8px;font-size:11px;padding:10px 13px;resize:none;background:#fcf9fe}.chat-composer .button{height:42px;min-width:42px;padding:11px}.chat-composer .button svg{width:17px;height:17px}.chat-date{text-align:center;color:#c3accf;font-size:9px;margin:0 0 5px}.chat-placeholder{display:grid;place-content:center;text-align:center;color:#ba9dc9;gap:10px;height:100%;font-size:11px}.chat-placeholder svg{width:38px;height:38px;margin:0 auto 8px;color:#c8b1d8;stroke-width:1.2}

.modal-backdrop{position:fixed;inset:0;background:#2c213b65;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s}.modal{background:white;width:100%;max-width:500px;border-radius:16px;box-shadow:0 30px 90px #20142930;max-height:90dvh;overflow:auto;animation:slide-in .2s}.modal.large{max-width:760px}.modal-header{padding:23px 25px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-header h2,.modal-header h3{font-size:17px;color:#614b70}.modal-header p{font-size:10px;color:#b299bd;margin-top:6px}.close-button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:5px;color:#b79cc7;border-radius:7px}.close-button:hover{background:var(--purple-soft);color:var(--purple)}.close-button svg{width:18px;height:18px}.modal-body{padding:23px 25px 8px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:17px 25px;flex-wrap:wrap}.modal-footer .button{max-width:100%;white-space:normal}.modal-body>.info-banner{margin-bottom:20px}.modal .activity-list{padding:0}.modal .report-totals{border:0;background:#f8f4fc;border-radius:10px;margin:0 0 18px;padding:15px 20px;gap:20px}.modal .report-total strong{font-size:18px}.modal .data-table td,.modal .data-table th{padding:12px}.modal .form-field:last-child{margin-bottom:15px}.modal-title-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);border-radius:11px;margin-bottom:16px}#toast-root{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e9e1f0;border-left:3px solid var(--green);color:#7c6788;border-radius:9px;padding:14px 20px;max-width:400px;box-shadow:0 6px 30px #40204d15;font-size:11px;line-height:1.7;animation:toast-in .25s;pointer-events:auto}.toast svg{color:var(--green);width:17px;height:17px}.toast.error{border-left-color:var(--red)}.toast.error svg{color:var(--red)}

.mobile-nav-toggle{display:none}.sidebar-overlay{display:none}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:#a98cbb;font-size:12px}.skeleton{background:linear-gradient(100deg,#f0ebf5 20%,#faf7fc 50%,#f0ebf5 80%);background-size:200% 100%;border-radius:6px;animation:skeleton 1.8s infinite}.help-list{font-size:11px;line-height:2;color:#9a7bac;padding-left:20px;margin:0 0 18px}.help-list li{margin-bottom:8px}.mobile-only{display:none}.notification-dot{position:absolute;top:4px;right:5px;width:5px;height:5px;background:var(--purple);border:1px solid white;border-radius:50%}
@keyframes breathe{50%{opacity:.65}}@keyframes skeleton{to{background-position:-200% 0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

@media(min-width:1700px){.main-content{padding-top:42px}.timer-face{font-size:76px}.timer-label{margin-bottom:30px}.timer-meta{margin-bottom:29px}.chart-bars{height:158px}.weekly-card{min-height:365px}}
@media(max-width:1280px){.app-shell{grid-template-columns:213px minmax(0,1fr)}.sidebar{padding:28px 13px 16px}.brand{padding:0 12px}.main-content{padding:29px 28px}.topbar{padding:0 28px}.nav-item{padding:12px 14px;font-size:11px;gap:10px}.timer-face{font-size:57px}.timer-actions{gap:7px}.timer-actions .button{min-width:100px;font-size:10px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:18px}.stat-value{font-size:24px}.stat-icon{right:15px;top:17px}.page-title,h1.page-title{font-size:24px}.page-heading{gap:15px}.view-switch button{font-size:9px;padding:8px 9px}.chat-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:1100px){.dashboard-grid,.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:18px}.main-content{padding:26px 24px}.topbar{padding:0 24px;height:72px}.sidebar{padding-top:26px}.timer-face{font-size:50px;letter-spacing:-2px}.timer-top{padding:20px}.timer-actions{padding:0 17px;gap:7px;flex-wrap:wrap}.timer-actions .button{min-width:90px;padding:10px 11px}.timer-meta{font-size:9px;gap:12px;margin-left:15px;margin-right:15px}.weekly-card{min-height:337px}.week-total{margin-left:20px}.card-header{padding:20px}.card-body{padding:0 20px 20px}.chart-bars{padding-left:20px;padding-right:20px;gap:7px}.chart-value{font-size:7px}.card-title{font-size:13px}.stat-grid{gap:14px}.stat-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-icon{width:30px;height:30px}.stat-note{font-size:9px}.view-switch{align-self:flex-start}.page-heading .heading-actions{gap:7px}.page-heading .button{font-size:10px;padding:9px 12px}.person-card-top{padding:17px}.person-card-body{padding:0 17px 16px}.activity-list{padding:0 20px}.activity-item{gap:10px}.activity-actions .icon-button{padding:4px}.activity-project{font-size:8px}.settings-layout{grid-template-columns:1fr;grid-template-areas:"company" "planning" "hours" "buffer"}.chat-layout{grid-template-columns:220px minmax(0,1fr)}.report-totals{gap:25px}}
@media(max-width:950px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{padding:0 10px}.workspace-card{padding:10px 8px;gap:7px;margin-top:28px}.workspace-icon{width:29px;height:29px}.workspace-copy strong{font-size:10px}.workspace-copy small{font-size:9px}.nav-caption{font-size:9px;padding-left:14px}.nav-item{padding:11px 13px;font-size:10px;gap:10px}.nav-item svg{width:16px;height:16px}.profile-mini{gap:7px}.profile-copy strong{font-size:10px}.profile-copy small{font-size:8px}.profile-mini .avatar{width:30px;height:30px}.dashboard-grid,.content-grid{grid-template-columns:1fr}.dashboard-grid>.stack,.content-grid>.stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.weekly-card{min-height:auto}.chart-bars{height:145px}.timer-face{font-size:65px}.timer-meta{margin-bottom:23px}.timer-actions .button{min-width:120px}.timer-top{padding:23px}.timer-progress{padding:20px 23px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.view-switch button{font-size:8px;padding:7px}.page-subtitle{font-size:11px}.stat-card{padding:16px}.stat-icon{width:27px;height:27px;right:12px;top:14px}.stat-icon svg{width:14px;height:14px}.stat-label{font-size:10px}.stat-value{font-size:22px}.stat-value small{font-size:11px}.stat-note{font-size:8px}.stat-grid{gap:11px}.topbar-actions{gap:12px}.connection-status{font-size:9px}.breadcrumbs{font-size:10px;gap:8px}.topbar{height:68px}.chat-layout{grid-template-columns:190px minmax(0,1fr);min-height:500px}.chat-contact{padding:14px 12px;gap:8px}.chat-contact .person-name{font-size:10px}.chat-contact .person-email{font-size:8px;max-width:110px}.chat-messages{padding:18px}.chat-composer{padding:15px}.chat-header{padding:16px}.message{max-width:88%}.message-body{font-size:10px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:240px;height:100dvh;padding:27px 17px 18px;transition:left .22s;box-shadow:5px 0 30px #35213f10}.sidebar.open{left:0}.sidebar.open+.sidebar-overlay,.sidebar-overlay.open{display:block;position:fixed;inset:0;z-index:25;background:#31213c55;backdrop-filter:blur(2px)}.brand{padding:0 13px}.workspace-copy strong{font-size:12px}.workspace-copy small{font-size:10px}.nav-caption{font-size:10px}.nav-item{padding:12px 16px;font-size:12px;gap:12px}.nav-item svg{width:18px;height:18px}.workspace-card{padding:13px 10px;gap:10px;margin-top:32px}.workspace-icon{width:32px;height:32px}.profile-mini .avatar{width:35px;height:35px}.profile-copy strong{font-size:12px}.profile-copy small{font-size:10px}.mobile-nav-toggle{display:inline-flex}.topbar{height:65px;padding:0 22px;gap:12px}.topbar .breadcrumbs{margin-right:auto}.topbar-actions{gap:10px}.topbar-actions .connection-status{display:none}.topbar .topbar-divider{display:none}.main-content{padding:26px 22px 35px}.page-title,h1.page-title{font-size:25px}.page-heading{margin-bottom:22px}.page-subtitle{font-size:11px}.heading-actions{gap:7px}.view-switch button{font-size:9px;padding:7px 9px}.stat-grid{gap:14px}.stat-card{padding:18px}.stat-icon{right:15px;top:16px;width:30px;height:30px}.stat-label{font-size:10px}.stat-value{font-size:24px}.stat-note{font-size:9px}.dashboard-grid>.stack,.content-grid>.stack{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{height:calc(100dvh - 220px);grid-template-columns:200px minmax(0,1fr)}.chat-contacts{min-width:0}.chat-contact .person-name{font-size:11px}.chat-contact .person-email{font-size:9px}.mobile-only{display:block}.modal-backdrop{padding:20px}.modal{max-height:92dvh}}
@media(max-width:600px){.main-content{padding:22px 17px 30px}.topbar{padding:0 17px;height:61px}.topbar-actions{gap:6px}.topbar-actions>.icon-button:first-child{display:none}.breadcrumbs{font-size:9px;gap:6px}.breadcrumbs svg{width:11px;height:11px}.page-heading{gap:13px;flex-wrap:wrap;margin-bottom:20px}.page-title,h1.page-title{font-size:24px}.page-subtitle{font-size:10px;margin-top:6px}.eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:1.3px}.heading-actions{justify-content:flex-start;gap:8px}.view-switch{margin-top:3px}.view-switch button{font-size:9px;padding:7px 10px}.page-heading .heading-actions:has(.view-switch){width:100%}.page-heading .button{font-size:10px;min-height:34px}.stat-grid{gap:9px;margin-bottom:17px}.stat-card{padding:15px 12px}.stat-icon{position:static;width:25px;height:25px;border-radius:7px;margin-bottom:11px}.stat-icon svg{width:13px;height:13px}.stat-label{font-size:9px;margin-bottom:7px}.stat-value{font-size:22px;letter-spacing:-.5px}.stat-value small{font-size:10px;margin-left:2px}.stat-note{font-size:8px;margin-top:6px;line-height:1.6;align-items:flex-start;gap:3px}.stat-note svg{width:10px;height:10px;margin-top:1px}.stat-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid.four .stat-icon{position:absolute;right:13px;top:15px}.dashboard-grid,.content-grid{gap:17px;margin-top:0}.content-grid{margin-top:17px}.dashboard-grid>.stack,.content-grid>.stack{grid-template-columns:1fr;gap:17px}.card{border-radius:13px}.card-header{padding:19px 19px 16px}.card-title{font-size:13px}.card-subtitle{font-size:9px}.card-body{padding:0 19px 19px}.card-footer{padding:14px 19px;font-size:9px}.timer-top{padding:19px}.timer-top>span,.timer-top>div:last-child{font-size:9px}.timer-status{font-size:9px;padding:5px 8px}.timer-face{font-size:62px;margin-top:12px}.timer-label{font-size:10px;margin:7px 0 24px}.timer-actions{padding:0 17px;gap:8px;flex-wrap:nowrap}.timer-actions .button{min-width:0;flex:1;font-size:10px;padding:11px 9px;gap:5px;height:41px}.timer-actions .button svg{width:13px;height:13px}.timer-meta{gap:16px;font-size:9px;margin:19px 14px 22px;flex-wrap:wrap}.timer-progress{padding:17px 19px}.timer-progress>div:first-child{font-size:9px}.timer-progress strong{font-size:9px}.week-total{font-size:27px;margin:0 19px 12px}.chart-bars{height:150px;margin-bottom:27px;padding:16px 25px 0;gap:14px}.chart-bar{width:30px}.chart-value{font-size:8px}.chart-label{font-size:10px}.activity-list{padding:0 18px}.activity-item{gap:10px;padding:16px 0}.activity-icon{width:31px;height:31px;border-radius:9px}.activity-icon svg{width:15px;height:15px}.activity-title{font-size:11px}.activity-project{font-size:8px}.activity-time{font-size:9px}.activity-actions{gap:0}.activity-actions .icon-button{padding:5px}.activity-actions .icon-button svg{width:13px;height:13px}.today-plan{padding:0 19px 18px}.schedule-info strong{font-size:11px}.schedule-info small{font-size:10px}.schedule-row>time,.schedule-row>span:last-child{font-size:10px}.tip-card{padding:18px 20px;font-size:11px}.team-grid{grid-template-columns:1fr;gap:15px}.person-card-top{padding:18px}.person-card-body{padding:0 18px 17px}.person-card-top .person-name{font-size:13px}.person-card-top .person-email{font-size:10px}.person-card-body .stat-value{font-size:25px}.person-card-footer{font-size:10px;padding:13px 18px}.filter-bar{gap:10px;margin-bottom:17px}.search-field{max-width:none;min-width:160px}.search-field input{font-size:11px;min-height:38px}.filter-group{gap:7px;flex-wrap:wrap}.filter-group select{font-size:10px;padding:9px}.filter-bar .button{font-size:10px}.tabs{gap:19px;margin-bottom:17px}.tab{font-size:10px;padding-top:9px}.period-nav{font-size:10px;padding:3px}.period-nav strong{min-width:120px;font-size:10px}.period-nav .icon-button{padding:5px}.report-totals{padding:17px 18px;gap:15px;flex-wrap:wrap}.report-total{font-size:9px}.report-total strong{font-size:19px}.report-total:last-child{margin-left:0}.data-table th{padding:13px 16px;font-size:9px}.data-table td{padding:14px 16px;font-size:10px}.settings-section{padding:20px}.settings-section h3{font-size:13px}.settings-section>p{font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid .full{grid-column:auto}.toggle-row p{font-size:10px;line-height:1.6}.chat-layout{display:flex;flex-direction:column;height:calc(100dvh - 232px);min-height:500px;border-radius:12px}.chat-contacts{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;overflow-x:auto;max-height:91px}.chat-contacts>header{display:none}.chat-contact{padding:12px 10px;min-width:78px;width:78px;flex:none;flex-direction:column;gap:5px;border-bottom:0;position:relative;text-align:center}.chat-contact.active{box-shadow:inset 0 -2px 0 var(--purple)}.chat-contact .avatar{width:30px;height:30px;font-size:9px}.chat-contact .person-name{font-size:8px;white-space:nowrap;max-width:64px;overflow:hidden;text-overflow:ellipsis}.chat-contact .person-email{display:none}.chat-contact .unread-count{position:absolute;right:14px;top:9px;min-width:14px;height:14px;font-size:8px;border:1px solid white}.chat-conversation{flex:1;min-height:0}.chat-header{padding:13px 17px;min-height:62px}.chat-header .person-name{font-size:11px}.chat-header .person-email{font-size:8px}.chat-header .person .avatar{width:29px;height:29px;font-size:9px}.chat-messages{padding:17px;gap:13px}.message{max-width:87%}.message-body{padding:10px 13px;font-size:11px}.message-meta{font-size:8px}.chat-composer{padding:12px 15px;gap:8px}.chat-composer textarea{min-height:40px;height:40px;font-size:11px;padding:10px}.chat-composer .button{height:40px;min-width:40px}.modal-backdrop{padding:13px}.modal{max-height:94dvh;border-radius:13px}.modal-header{padding:20px 20px 17px}.modal-header h2,.modal-header h3{font-size:16px}.modal-body{padding:20px 20px 6px}.modal-footer{padding:15px 20px}.modal .report-totals{padding:14px 15px;gap:15px}.modal .report-total{font-size:9px}.modal .report-total strong{font-size:18px}#toast-root{left:17px;right:17px;bottom:17px}.toast{max-width:none;padding:12px 15px;font-size:11px}.info-banner{font-size:10px;padding:13px 15px}.section-heading{margin-bottom:15px}.section-heading h2,.section-heading h3{font-size:14px}.section-heading .button{font-size:10px}.section-heading p{font-size:10px}}
/* Quiet surfaces, with a readable foreground hierarchy. */
.nav-item{font-size:12px}.nav-caption{color:#8c8797}.workspace-copy small,.profile-copy small,.breadcrumbs{color:#8b8495}.page-subtitle{color:#8b8394;font-size:12px}.card-title{font-size:14px}.card-subtitle,.card-footer{color:#8f849b}.stat-label{color:#82798d}.stat-note{color:#918797}.stat-value small{color:#958a9f}.timer-top>span,.timer-top>div:last-child{color:#94859e}.timer-label,.timer-meta{color:#94859e}.timer-progress>div:first-child{color:#8f7f9c}.chart-value,.chart-label{color:#a08dae}.activity-title{color:#62536e;font-size:12px}.activity-project,.activity-time{color:#9b88a7}.activity-actions .icon-button{color:#a895b5}.schedule-info strong{color:#796584}.schedule-info p,.schedule-info small{color:#a18bae}.schedule-row>time,.schedule-row>span:last-child{color:#93809f}.tip-card{color:#9a7aad}.tip-card h3{color:#795790}.data-table th{color:#91829d}.data-table td{color:#7e6b8d}.data-table td strong{color:#655171}.data-table td small,.person-email{color:#9f8aaa}.person-name{color:#655171}.report-total{color:#9a83a7}.report-total strong{color:#71547f}.feed-content p{color:#84668f}.feed-content small,.feed-item>time{color:#a38aaf}.form-field label,label{color:#8b6e9c}.form-hint{color:#a18aac}.filter-bar select{color:#887091}.settings-section h3{color:#745381}.settings-section>p{color:#a185ad}.toggle-row strong{color:#886395}.toggle-row p{color:#a58caf}.chat-contact .person-name{color:#775581}.chat-contact .person-email{color:#a487b4}.message-body{color:#805c8d}.message-meta{color:#a48aad}.empty-state h3{color:#877094}.empty-state p{color:#aa97b6}
@media(max-width:600px){.nav-item{font-size:12px}.page-subtitle{font-size:11px}.card-title{font-size:13px}.activity-title{font-size:11px}}
/* Application composition. */
.nowrap{flex-wrap:nowrap;white-space:nowrap}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.notification-button{position:relative}
.stat-card-top{margin-bottom:12px}.stat-value{display:block}.stat-note{margin-top:9px}.stat-icon.blue{background:#edf2fc;color:#7493bd}.weekly-card{position:relative}.weekly-card .card-header>.stat-icon{position:static;width:31px;height:31px;border-radius:9px}.week-total{align-items:center;gap:12px}.week-total>strong{white-space:nowrap}.week-total>span{font-size:9px;line-height:1.6;max-width:120px;letter-spacing:0}.week-total small{font-size:16px!important;color:#a390b1!important;font-weight:450!important}.chart-bar-track{position:relative;flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:90px}.chart-column>.chart-value{height:12px;font-size:8px;margin-bottom:5px}.chart-bar-track>.chart-bar{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(25px,100%)}.chart-bars:before,.chart-bars:after{z-index:0}.chart-legend{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chart-legend i{width:6px;height:6px;border-radius:2px;background:#bca4e6}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#9272bd;font-size:10px;font-weight:550;padding:3px 0;white-space:nowrap;border-radius:4px}.text-button:hover{color:var(--purple-dark)}.text-button svg{width:14px;height:14px}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:1px 5px;border-radius:6px;background:#f3eefb;color:#a88cc8;font-size:9px;font-weight:600;vertical-align:middle;margin-left:5px}.timer-center{padding:3px 0 30px}.timer-center .timer-label{margin:6px 20px 13px;font-size:10px}.timer-center .timer-face{margin:0 16px;line-height:1.25}.timer-center .timer-meta{margin:13px 16px 26px;gap:6px}.timer-progress-fill,.progress-fill{display:block}.timer-progress .inline{justify-content:space-between}.date-display{display:flex;align-items:center;gap:8px;color:#a898b3;font-size:10px;padding:9px 11px;border:1px solid #e9e2f0;border-radius:8px;background:white}.date-display svg{width:15px;height:15px;color:#ae9abc}.empty-state>strong{font-size:12px;font-weight:550;color:#8f799d;margin-bottom:7px}.activity-title{display:block;font-weight:500}.activity-item>.icon-button{padding:5px;color:#b3a1c1}.activity-item>.icon-button svg{width:14px;height:14px}.today-plan.card{padding:0}.today-plan .card-footer{justify-content:flex-end}.today-plan .schedule-row{margin:0 24px 21px;padding:5px 0}.today-plan .schedule-info .badge{margin-top:10px}.today-plan .schedule-info p{font-size:11px;margin-top:5px}.today-plan .card-header>svg{color:#b5a5c3;width:17px;height:17px}.tip-card{display:flex;align-items:flex-start;gap:13px;background:#f1edfa;color:#a38bb9}.tip-card>svg{width:21px;height:21px;flex:none;margin-top:3px}.tip-card strong{font-size:11px;color:#8a6d9c;display:block;font-weight:550;margin-bottom:3px}.tip-card p{font-size:10px;line-height:1.8}.sidebar-bottom{padding-top:24px}.sidebar-bottom .profile-mini{margin-top:20px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#c2b7ce;margin-top:32px;padding:0 1px}.page-footer>span>span{margin:0 4px}.table-sub{display:block}.time-range{font-variant-numeric:tabular-nums;white-space:nowrap}.table-flag{display:flex;align-items:center;gap:4px;font-size:8px;color:#c09559;margin-top:5px}.table-flag svg{width:11px;height:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button.approve{color:#60a986}.icon-button.reject{color:#c78b98}.person-card-body>h3{font-size:13px;color:#715b7f;letter-spacing:-.2px;margin-bottom:3px}.person-card-body>.muted{font-size:10px;color:#b29ec1}.person-time{display:flex;align-items:baseline;gap:8px;margin-top:17px}.person-time>strong{font-size:25px;font-weight:600;letter-spacing:-.7px;color:#6f5d7c;font-variant-numeric:tabular-nums}.person-time>span{font-size:9px;color:#b4a0c2}.person-latest{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.7;color:#ae96bb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:13px}.person-latest>svg{width:13px;height:13px;flex:none;color:#c3afd0}.timeline-segment.green{background:#9bcdb5}.timeline-segment.orange{background:#e3c895}.filter-bar>.tabs{margin-bottom:0;border-bottom:0;gap:6px;background:#eeedf3;border-radius:7px;padding:3px}.filter-bar>.tabs .tab{font-size:10px;padding:7px 12px;border:0;border-radius:5px;color:#ae9cbc}.filter-bar>.tabs .tab.active{background:white;color:var(--purple);box-shadow:0 1px 4px #40304b0a}.feed-date{padding:22px 0 8px;font-size:10px;font-weight:550;text-transform:capitalize;color:#a58ab7}.feed-date:first-child{padding-top:24px}.feed-content>.inline{justify-content:space-between;gap:15px}.feed-content>.inline>strong{font-size:11px;font-weight:500;overflow-wrap:anywhere;line-height:1.7}.feed-content>.inline.tiny{justify-content:flex-start;margin-top:6px;gap:6px;font-size:9px;color:#b69fc6}.project-tag{font-size:8px;border:1px solid #efe6f5;color:#a38ab7;background:#faf7fd;border-radius:4px;padding:2px 6px}.feed-marker .avatar{width:32px;height:32px;font-size:9px}.activity-feed .feed-item>.icon-button{padding:5px}.activity-feed .feed-item>.icon-button svg{width:14px;height:14px}.table-card+.info-banner{margin-top:20px}.form-field>input,.form-field>select,.form-field>textarea{display:block;margin-top:8px}.form-field input:read-only{background:#faf7fd}.form-error:empty{display:none}.summary-person{display:flex;align-items:center;gap:12px;margin-bottom:25px}.summary-person .avatar{width:40px;height:40px;font-size:13px}.summary-person h3{font-size:14px;color:#805f90;letter-spacing:-.2px}.summary-person p{font-size:10px;color:#b49cc2;margin-top:4px}.summary-person>.badge{margin-left:auto}.summary-times{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eee5f5;background:#fcf9fe;border-radius:10px;margin:0 0 13px;padding:15px}.summary-times>div{padding:0 10px;border-right:1px solid #eee5f5;min-width:0}.summary-times>div:last-child{border:0}.summary-times span{display:block;font-size:9px;color:#b29ac1;margin-bottom:5px}.summary-times strong{display:block;font-size:23px;color:#8b6a9e;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.summary-sub{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 3px;font-size:9px;color:#b49ac5;margin-bottom:28px}.summary-section-title{font-size:12px;color:#9e7cb1;font-weight:550;margin:0 0 10px}.break-list{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px}.break-list>span{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#b29bc0;background:#f9f4fd;border:1px solid #f1e8f8;padding:8px 10px;border-radius:6px}.break-list svg{width:13px;height:13px}.modal .activity-list{margin-bottom:23px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.export-option{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px 17px;border:1px solid #eee3f6;border-radius:10px;background:#fdfaff;position:relative;text-align:left;color:#a686bb}.export-option:hover{background:#f6eefd;border-color:#cdb4e4}.export-option>svg:first-child{width:27px;height:27px;color:#a584c2;margin-bottom:4px}.export-option>strong{font-size:12px;font-weight:550;color:#9772ac}.export-option>span{font-size:9px;line-height:1.7;color:#b59ac5}.export-option>svg:last-child{position:absolute;right:17px;top:23px;width:15px;height:15px;color:#c0a6d0}.help-steps>div{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.help-steps>div>svg{width:19px;height:19px;flex:none;color:#a785c2;margin-top:2px}.help-steps>div strong{display:block;font-size:12px;color:#8c649f;font-weight:550;margin-bottom:5px}.help-steps>div span{display:block;font-size:11px;line-height:1.8;color:#ad8fbe}.help-steps>p.form-hint{font-size:10px}.chat-contacts>.card-header{padding:20px 18px;border-bottom:1px solid var(--line)}.chat-contact-copy{flex:1;min-width:0}.chat-contact-copy strong{display:block;font-size:11px;font-weight:550;color:#8f6b9d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact-copy small{display:block;font-size:9px;color:#b89ac7;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .person>div>strong{font-size:12px;font-weight:550;color:#8d679d}.chat-header>.person-email{color:#ac8dbd}.chat-header>svg{width:17px;height:17px;color:#c3acd0}.chat-note{padding:0 24px 12px;background:white;text-align:right;font-size:8px;color:#c6aed4}.chat-composer{border-top:1px solid var(--line);padding-bottom:9px}.chat-layout{padding:0}.status-dot.offline{background:var(--red)}.settings-section.card{padding:0;border:1px solid var(--line)}.settings-section .card-body{padding-top:10px}.settings-section .form-field{margin-bottom:18px}.settings-section .card-body.form-grid{padding-bottom:12px}.settings-section .toggle-row{padding-top:7px}
@media(min-width:1500px){.timer-center{padding:6px 0 33px}.timer-center .timer-face{font-size:73px}.timer-center .timer-label{margin-bottom:14px}.timer-center .timer-meta{margin-bottom:28px}}
@media(max-width:1100px){.person-time>strong{font-size:23px}.person-time>span{font-size:8px}.person-latest{font-size:8px}.timer-center .timer-face{font-size:57px}.chat-contact-copy strong{font-size:10px}.chat-contact-copy small{font-size:8px}.feed-content>.inline>strong{font-size:11px}}
@media(max-width:950px){.sidebar-bottom{padding-top:18px}.timer-center .timer-face{font-size:65px}.timer-center{padding-bottom:28px}.weekly-card{min-height:0}.week-total>span{max-width:none}.chart-bars{height:155px}.chat-contact-copy strong{font-size:10px}.stat-value{font-size:23px}}
@media(max-width:760px){.chat-contact-copy strong{font-size:10px}.page-footer{font-size:8px}.chat-note{font-size:8px}.timer-center .timer-face{font-size:65px}}
@media(max-width:600px){.date-display{display:none}.stat-card-top{margin-bottom:9px}.stat-value{font-size:21px}.stat-card .stat-icon{margin-bottom:8px}.stat-card-top .stat-label{display:block}.stat-card-top>.stat-icon{position:absolute;top:13px;right:10px;opacity:.8;width:23px;height:23px}.stat-card{padding:16px 11px}.stat-card-top .stat-label{padding-top:28px;min-height:45px;margin-bottom:0;font-size:9px}.stat-grid.four .stat-card-top .stat-label{padding-top:0;min-height:0;padding-right:26px}.stat-grid.four .stat-card-top>.stat-icon{top:15px;right:13px}.stat-grid.four .stat-value{font-size:24px}.timer-center{padding-bottom:25px}.timer-center .timer-face{font-size:58px}.timer-center .timer-label{font-size:9px;margin:6px 20px 15px}.timer-center .timer-meta{font-size:8px;margin:13px 15px 24px;gap:5px}.timer-center .timer-meta>svg{width:12px;height:12px}.timer-actions .button{height:43px;font-size:10px}.weekly-card .card-header>.stat-icon{position:static}.chart-bar-track>.chart-bar{width:min(28px,100%)}.chart-bars{height:155px;padding-left:24px;padding-right:24px;gap:14px}.chart-column>.chart-value{font-size:8px}.week-total>span{max-width:150px}.today-plan .schedule-row{margin:0 19px 20px}.page-footer{flex-direction:column;align-items:flex-start;gap:7px;margin-top:25px;font-size:8px}.card-footer{flex-wrap:wrap;gap:8px}.person-card-body>h3{font-size:14px}.person-time>strong{font-size:25px}.person-time>span{font-size:9px}.person-latest{font-size:9px}.feed-content>.inline{gap:10px;align-items:flex-start}.feed-content>.inline>.activity-time{font-size:9px;padding-top:3px}.feed-content>.inline>strong{font-size:11px}.feed-date{font-size:9px}.activity-feed{padding-left:18px;padding-right:18px}.summary-person{gap:10px;margin-bottom:20px;flex-wrap:wrap}.summary-person>.badge{margin-left:0}.summary-person h3{font-size:13px}.summary-person p{font-size:9px}.summary-times{padding:13px 7px}.summary-times>div{padding:0 9px}.summary-times strong{font-size:20px}.summary-times span{font-size:9px}.summary-sub{font-size:8px;gap:7px;margin-bottom:23px}.summary-section-title{font-size:11px}.export-options{gap:10px}.export-option{padding:16px 13px}.export-option>strong{font-size:11px}.export-option>span{font-size:9px}.export-option>svg:last-child{right:13px;top:20px}.chat-contacts>.card-header{display:none}.chat-contact-copy{display:block;flex:none;width:100%}.chat-contact-copy strong{font-size:8px;line-height:1.5;color:#a385b3;text-align:center}.chat-contact-copy small{display:none}.chat-contact{height:77px;padding:11px 8px;min-width:77px;width:77px}.chat-note{padding:0 16px 10px;font-size:7px}.settings-section .card-header{padding:20px}.settings-section .card-body{padding:4px 20px 20px}.settings-section .card-body.form-grid{padding:4px 20px 10px}.tip-card p{font-size:10px}.info-banner strong{display:inline}.form-field>input,.form-field>select,.form-field>textarea{margin-top:8px}.form-field{font-size:11px}}
@media(max-height:760px) and (min-width:761px){.sidebar{padding-top:24px}.workspace-card{margin-top:25px;margin-bottom:19px}.nav-item{padding-top:10px;padding-bottom:10px}.sidebar-bottom{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The SVG viewport excludes whitespace in the original, unchanged logo. */
.activity-footer { justify-content: flex-end; }
.page-footer .footer-credit{display:inline-flex;align-items:center;gap:8px;flex:none;color:#615b6d;font-size:11px;font-weight:500;line-height:1.6}
.nav-divider {
  height: 0;
  margin: 8px 14px;
  border: 0;
  border-top: 1px solid var(--line);
}
.sidebar-mascot {
  position: relative;
  aspect-ratio: 256 / 207;
  margin: 20px 5px 22px;
}
.sidebar-mascot picture,
.sidebar-mascot-image {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-mascot-image { object-fit: cover; object-position: center; }
.mascot-toggle {
  position: absolute;
  top: 4px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #ffffffed;
  color: var(--secondary);
  opacity: 0;
  transition: opacity .15s;
}
.mascot-toggle svg { width: 12px; height: 12px; }
.sidebar-mascot:hover .mascot-toggle,
.sidebar-mascot:focus-within .mascot-toggle { opacity: 1; }
@media (hover: none) {
  .mascot-toggle { opacity: 1; }
}
@media (min-width: 761px) and (max-width: 950px),
       (max-height: 840px) {
  .sidebar-mascot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mascot-toggle { display: none; }
}
.sidebar { overflow-y: auto; }
.stat-value-link { color: inherit; text-decoration: none; }
.stat-value-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.stat-icon-link, .stat-icon-link:hover { text-decoration: none; cursor: pointer; }
.stat-value-link:focus-visible, .stat-icon-link:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }
.manager-report-sections { display: grid; grid-template-columns: minmax(0, 1fr); gap: 23px; }
.dashboard-pending-reports { scroll-margin-top: 24px; }
.dashboard-pending-reports:focus { outline: none; }
.dashboard-pending-reports .card-title { line-height: 1.5; }
.dashboard-pending-reports .card-header > .badge { flex: none; }
.dashboard-pending-reports .data-table { table-layout: fixed; }
.dashboard-pending-reports .data-table th, .dashboard-pending-reports .data-table td { padding: 15px 16px; white-space: normal; overflow-wrap: anywhere; }
.dashboard-pending-reports .data-table th:nth-child(1) { width: 22%; }
.dashboard-pending-reports .data-table th:nth-child(2) { width: 9%; }
.dashboard-pending-reports .data-table th:nth-child(3) { width: 23%; }
.dashboard-pending-reports .data-table th:nth-child(4) { width: 13%; }
.dashboard-pending-reports .data-table th:last-child { width: 168px; }
.dashboard-pending-reports .person { min-width: 0; }
.dashboard-pending-reports .person .avatar { flex: none; }
.dashboard-pending-reports .report-event-views > div { flex-wrap: wrap; }
.dashboard-pending-reports .table-flag { white-space: normal; }
.dashboard-pending-reports .card-footer { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .dashboard-pending-reports .data-table, .dashboard-pending-reports .data-table tbody { display: block; }
  .dashboard-pending-reports .data-table thead { display: none; }
  .dashboard-pending-reports .data-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 20px; padding: 18px 20px; border-top: 1px solid var(--line); }
  .dashboard-pending-reports .data-table td { display: block; padding: 0; border: 0; min-width: 0; }
  .dashboard-pending-reports .data-table td:first-child { grid-column: 1 / -1; }
  .dashboard-pending-reports .data-table td:nth-child(3) { grid-column: 2; grid-row: 2 / 4; }
  .dashboard-pending-reports .data-table td:nth-child(5), .dashboard-pending-reports .data-table td:nth-child(6) { grid-column: 1 / -1; }
  .dashboard-pending-reports .data-table td:nth-child(2)::before, .dashboard-pending-reports .data-table td:nth-child(3)::before, .dashboard-pending-reports .data-table td:nth-child(4)::before { display: block; margin-bottom: 5px; font-size: 9px; color: var(--secondary); }
  .dashboard-pending-reports .data-table td:nth-child(2)::before { content: 'Dzień'; }
  .dashboard-pending-reports .data-table td:nth-child(3)::before { content: 'Godziny pracy'; }
  .dashboard-pending-reports .data-table td:nth-child(4)::before { content: 'Czas netto'; }
  .dashboard-pending-reports .data-table td:last-child > .inline { justify-content: flex-end; }
  .dashboard-pending-reports .data-table .icon-button { padding: 10px; min-width: 40px; min-height: 40px; }
}
.team-live-card { margin-bottom: 24px; overflow: hidden; }
.team-live-scroll { max-height: 390px; overflow: auto; }
.team-live-scroll:focus-visible { outline: 2px solid var(--purple); outline-offset: -2px; }
.team-live-table { width: 100%; table-layout: fixed; border-collapse: collapse; text-align: left; font-size: 11px; }
.team-live-table thead th { position: sticky; top: 0; z-index: 1; padding: 14px 18px; background: #fcfbfe; color: var(--secondary); font-size: 9px; font-weight: 550; border-bottom: 1px solid var(--line); }
.team-live-table thead th:first-child { width: 25%; }
.team-live-table thead th:nth-child(2) { width: 19%; }
.team-live-table thead th:nth-child(3) { width: 17%; }
.team-live-table thead th:last-child { width: 76px; }
.team-live-table tbody th, .team-live-table td { padding: 15px 18px; border-bottom: 1px solid var(--line); vertical-align: middle; overflow-wrap: anywhere; }
.team-live-table tr:last-child th, .team-live-table tr:last-child td { border-bottom: 0; }
.team-live-person { display: flex; align-items: center; gap: 10px; min-width: 0; }
.team-live-person > div { min-width: 0; }
.team-live-person strong { display: block; margin-bottom: 5px; font-weight: 600; color: var(--ink); }
.team-live-person .avatar { flex: none; width: 32px; height: 32px; font-size: 10px; }
.team-live-role, .team-live-activity { color: var(--secondary); line-height: 1.6; }
.team-live-time { color: var(--ink); font-weight: 550; font-variant-numeric: tabular-nums; }
.team-live-activity > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.team-live-activity time { display: block; margin-top: 3px; font-size: 9px; color: var(--secondary); }
.team-live-actions { white-space: nowrap; }
.team-live-actions .icon-button { padding: 5px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .team-live-table thead th, .team-live-table tbody th, .team-live-table td { padding: 12px 10px; }
  .team-live-table thead th:last-child { width: 66px; }
  .team-live-person { gap: 7px; }
  .team-live-person .avatar { display: none; }
}
@media (max-width: 760px) {
  .team-live-scroll { max-height: 430px; }
  .team-live-table, .team-live-table tbody { display: block; }
  .team-live-table thead { display: none; }
  .team-live-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px 12px; padding: 16px; border-bottom: 1px solid var(--line); }
  .team-live-table tbody tr:last-child { border-bottom: 0; }
  .team-live-table tbody th, .team-live-table td { display: block; padding: 0; border: 0; }
  .team-live-table tbody th { grid-column: 1; grid-row: 1; }
  .team-live-actions { grid-column: 2; grid-row: 1; align-self: center; }
  .team-live-role { grid-column: 1; grid-row: 2; }
  .team-live-time { grid-column: 2; grid-row: 2; text-align: right; }
  .team-live-time::before { content: 'Dzisiaj'; display: block; margin-bottom: 2px; color: var(--secondary); font-size: 9px; font-weight: 400; }
  .team-live-activity { grid-column: 1 / -1; grid-row: 3; }
  .team-live-activity::before { content: 'Ostatnia czynność'; display: block; margin-bottom: 3px; font-size: 9px; color: var(--secondary); }
}
@media (max-height: 950px) {
  .sidebar-manager { padding-top: 24px; }
  .sidebar-manager .workspace-card { margin-top: 24px; margin-bottom: 20px; }
  .sidebar-manager .nav-list { gap: 3px; }
  .sidebar-manager .nav-item { padding-top: 11px; padding-bottom: 11px; }
  .sidebar-manager .sidebar-bottom { padding-top: 8px; }
  .sidebar-manager .sidebar-mascot { margin: 8px 5px 12px; }
}
@media (max-height: 700px) {
  .sidebar { padding-top: 16px; padding-bottom: 12px; }
  .sidebar .workspace-card { margin-top: 16px; margin-bottom: 16px; }
  .sidebar .nav-list { gap: 3px; }
  .sidebar .nav-item { padding-top: 8px; padding-bottom: 8px; }
  .sidebar .sidebar-bottom { padding-top: 12px; }
  .sidebar .profile-mini { padding-top: 12px; }
}
.nonstandard-day { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; margin-left: 5px; padding: 4px; border: 1px solid #ecd2a1; border-radius: 6px; color: #956118; background: #fff5df; vertical-align: middle; cursor: pointer; }
.nonstandard-day:hover { color: #74470b; background: #ffedc4; }
.nonstandard-day:focus-visible { outline: 2px solid #7953df; outline-offset: 2px; }
.nonstandard-day svg { width: 14px; height: 14px; }
.work-plan-notice { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 18px; padding: 12px 14px; border: 1px solid #ecd2a1; border-radius: 8px; color: #856027; background: #fff8e9; font-size: 12px; line-height: 1.6; }
.work-plan-notice svg { flex: none; margin-top: 2px; }




.timer-center .timer-meta{font-size:11px;line-height:1.6;flex-wrap:nowrap}.timer-meta>span{min-width:0}.timer-meta>svg{flex:none}
.auto-stop-notice{align-items:flex-start;margin-bottom:24px}
.auto-stop-notice>div{min-width:0}
.auto-stop-notice strong{display:block;font-size:13px}
.auto-stop-notice p{margin:6px 0;line-height:1.6;font-size:12px}
.auto-stop-notice .text-button{margin-top:4px}
.auto-stop-flag{display:flex;align-items:center;gap:5px;margin-top:7px;padding:0;border:0;background:none;color:#96600d;font:inherit;font-size:10px;text-align:left;cursor:pointer}
.auto-stop-flag svg{flex:none}
.auto-stop-flag:hover{text-decoration:underline}

/* One reference image preserves the complete chiaro / AZZARDO wordmark. */
.brand-logo{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:multiply}
.sidebar .brand{width:100%;max-width:208px}
.loading-brand-icon{width:48px;height:48px;animation:breathe 1.7s infinite}
.loading-screen .brand-logo{width:220px;max-width:calc(100% - 48px)}

.event-view{display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:3px 6px;border-radius:5px;font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap;color:#716a80;background:#f2f0f5;vertical-align:middle}
.event-view svg{flex:none}
.event-view.mobile{color:#7251b2;background:#f0eafa}
.event-view.desktop{color:#416a90;background:#edf4fa}
.report-event-views{display:grid;gap:5px;margin-top:8px}
.report-event-views>div{display:flex;align-items:center;gap:7px}
.report-event-views>div>span:first-child{min-width:39px;font-size:8px;color:var(--secondary)}
.summary-times .event-view{display:inline-flex;font-size:10px;margin:8px 0 0}
.activity-content>.event-view{margin-top:5px}
.event-view-hint{margin:0 0 20px;font-size:11px;color:var(--secondary);line-height:1.6}
.view-event-details{margin-bottom:22px;border:1px solid var(--line);border-radius:8px;padding:12px}
.view-event-details summary{cursor:pointer;font-size:11px;font-weight:600}
.view-event-details ul{padding:0;margin:10px 0 0;list-style:none}
.view-event-details li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:7px 0;font-size:10px}
.view-event-details time{margin-left:auto;color:var(--secondary)}
@media(max-width:600px){.summary-times .event-view{font-size:9px;padding:3px 4px;gap:3px}.summary-times .event-view svg{width:11px;height:11px}}

.toggle-row[hidden]{display:none}

.work-time-settings{min-width:0;border:1px solid var(--line);border-radius:10px;padding:18px;margin:18px 0}
.work-time-settings legend{font-size:12px;font-weight:600;padding:0 6px;color:var(--ink)}
.work-time-settings .form-hint{margin:0 0 14px;font-size:10px}
.work-time-fields{margin-top:16px}
.work-time-rule,.work-time-scope{min-width:0;border:0;padding:0;margin:0}
.work-time-rule>legend{padding:0;margin:4px 0 16px}
.work-time-scope>legend{padding:0;margin-bottom:10px;font-weight:400;color:var(--secondary)}
.work-time-weekdays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
.work-time-weekdays label{display:flex;align-items:center;gap:8px;min-height:36px;font-size:11px;cursor:pointer}
.work-time-weekdays input{width:16px;height:16px;margin:0;accent-color:var(--purple);flex:none}
.work-time-settings[hidden],.work-time-rule[hidden],.work-time-scope[hidden]{display:none}
@media(max-width:480px){.work-time-settings{padding:14px}.work-time-settings .form-grid{grid-template-columns:minmax(0,1fr)}}
.reminder-bulbs{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;flex-wrap:wrap;line-height:1;margin-left:12px}.reminder-bulbs:empty{display:none}.reminder-bulb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:10px;cursor:pointer;flex:none}.reminder-bulb.yellow{color:#b17c00;background:#fff6d5;border-color:#efd58e}.reminder-bulb.red{color:#d3374e;background:#fff0f2;border-color:#f2bdc5}.reminder-bulb.black{color:#22232b;background:#f0f0f2;border-color:#d7d7df}.reminder-bulb:hover{filter:brightness(.96)}.reminder-bulb:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.reminder-count{position:absolute;top:-5px;right:-5px;min-width:17px;padding:2px 4px;border-radius:10px;background:#272936;border:2px solid white;font-size:10px;font-weight:700;line-height:1.1;color:white}.reminder-bulb.yellow .reminder-count{background:#9a6900}.reminder-bulb.red .reminder-count{background:#c32640}.topbar-actions .reminder-bulbs{margin-left:0}.page-title:has(.reminder-bulbs){display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-title .reminder-bulbs{margin-left:0}.greeting-text{min-width:0}.topbar-actions{min-width:0}
@media(max-width:360px){.topbar{height:auto;min-height:61px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.topbar-actions{flex-shrink:0;max-width:100%;margin-left:auto;flex-wrap:wrap}}

@media(max-width:760px){.topbar:has(.reminder-bulb){height:auto;min-height:65px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.topbar:has(.reminder-bulb) .topbar-actions{margin-left:auto;flex-wrap:wrap;row-gap:9px}.topbar .reminder-bulb{width:32px;height:32px}.topbar .reminder-bulbs{gap:6px}.page-title .reminder-bulbs{gap:8px}}

.footer-logo{display:block;width:90px;height:auto;flex:none;mix-blend-mode:multiply}
/* Monthly work-card paging keeps totals and exports scoped to the whole period. */
.report-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.report-page-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.report-page-controls>span,.report-page-range{white-space:nowrap}
.report-page-controls .button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:600px){.report-pagination{padding:16px 18px;font-size:10px}.report-page-controls{width:100%;gap:8px}.report-page-controls .button{padding:8px;font-size:10px}}

/* Login is intentionally limited to credentials, across all roles. */
.auth-layout{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:var(--bg,#f8f8fc)}
.auth-form{width:100%;max-width:400px;padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 32px #30244408}
.auth-form .brand{display:block;width:210px;max-width:100%;padding:0;margin:0 auto 34px}
.auth-form h1{font-size:24px;line-height:1.3;text-align:center;letter-spacing:-.5px;margin:0 0 28px}
.auth-form .form-field{display:block;font-size:13px;color:#62566e;margin-bottom:20px}
.auth-form .form-field>input{margin-top:8px;font-size:16px;min-height:46px}
.auth-form .form-error{font-size:12px;margin:0 0 16px;overflow-wrap:anywhere}
.auth-form .form-error:empty{display:none}
.reauth-description{font-size:13px;line-height:1.65;color:var(--ink);margin:0 0 20px}
.auth-form .button{min-height:46px;font-size:13px;width:100%;justify-content:center}
@media(max-width:420px){.auth-layout{padding:24px 16px}.auth-form{padding:28px 22px}}
.auth-form .auth-back{display:flex;justify-content:center;margin:22px auto 0;font-size:12px;min-height:32px;text-align:center}
.auth-form .auth-description{margin:-8px 0 24px;font-size:13px;line-height:1.7;color:#706579}
.auth-form .auth-preview{padding:12px 14px;margin-bottom:20px;border-radius:9px;background:#fff7e7;color:#88611e;font-size:12px;line-height:1.6}
.auth-form .auth-message{display:flex;align-items:flex-start;gap:12px;color:#33765e;font-size:13px;line-height:1.7;margin-bottom:24px}
.auth-message>svg{flex:none;margin-top:2px}
.auth-form .auth-success{padding:12px 14px;margin-bottom:24px;border-radius:9px;background:#eaf6ef;color:#33765e;font-size:13px;line-height:1.6}
.auth-form .form-hint{font-size:11px;line-height:1.6;color:#776a82;margin:-8px 0 20px}

.company-days-settings{margin-top:24px;min-width:0;scroll-margin-top:24px}
.company-days-settings .form-hint{line-height:1.7}
.company-days-toolbar,.company-days-period{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.company-days-toolbar{justify-content:space-between;margin:22px 0 15px}
.company-days-period{font-size:13px;gap:8px}
.company-days-period strong{min-width:130px;text-align:center;text-transform:capitalize}
.company-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.company-weekday{text-align:center;font-size:10px;color:var(--muted);padding:7px 0}
.company-date{position:relative;min-width:0;min-height:76px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:white;padding:10px;cursor:pointer;text-align:left;color:var(--ink);font:inherit}
.company-date:hover{background:#f8f5fd}
.company-date:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.company-date.outside{background:#faf9fc;color:#a9a2b1}
.company-date.closed{background:#f0e9fc;color:#6035b8;border-color:#ded0f4}
.company-date.opened{background:#edf7f2;color:#37735f}
.company-date-number{font-size:12px;line-height:20px;font-weight:600}
.company-date.today .company-date-number{background:var(--purple);color:white;border-radius:5px;min-width:22px;padding:0 4px;text-align:center}
.company-date-symbol{display:flex;margin-left:auto}
.company-date-name{flex-basis:100%;min-width:0;font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.company-days-help{margin:12px 0 18px}
.company-days-list{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.company-days-list li{min-width:0}
.company-days-list button{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:white;padding:12px;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.company-days-list button>span:first-child,.company-days-list button>svg{flex:none;color:var(--purple)}
.company-days-list button>svg{margin-left:auto}
.company-days-list button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.company-days-list strong{display:block;font-size:11px;font-weight:600}
.company-days-list small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.company-days-editor-actions{flex-wrap:wrap}
.company-days-remove{color:#ba5366;margin-right:auto}
.company-closed-notice{background:#f3edfc;border-color:#e2d6f5;color:#6c4b92}
@media(max-width:600px){.company-days-settings .card-body{padding:18px 12px}.company-days-grid{gap:3px}.company-date{min-height:70px;padding:6px 4px;gap:3px;border-radius:6px}.company-date-name{font-size:9px}.company-date-symbol svg{width:11px;height:11px}.company-days-list{grid-template-columns:minmax(0,1fr)}.company-days-period strong{min-width:112px}.company-days-toolbar{gap:8px}.company-days-editor-actions{gap:10px}.company-days-remove{flex-basis:100%;justify-content:flex-start}}

/* Team search and independent employee/job selectors. */
.team-filter-bar{display:grid;grid-template-columns:minmax(200px,1.3fr) repeat(2,minmax(160px,1fr)) auto;gap:12px}
.team-filter-bar .search-field{min-width:0;max-width:none;width:100%}
.team-filter{display:block;min-width:0}
.team-filter select{width:100%;min-width:0;text-overflow:ellipsis}
.team-filter-count{white-space:nowrap;text-align:right}
@media(max-width:1100px){.team-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.team-filter-bar .search-field,.team-filter-count{grid-column:1/-1}}
@media(max-width:600px){.team-filter-bar{grid-template-columns:minmax(0,1fr)}}

.company-job-title-settings{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.company-job-title-settings h3{font-size:12px;margin:0 0 8px}
.company-job-titles{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:12px 0;padding:0}
.company-job-titles li{display:flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere;background:#f3effb;border-radius:6px;padding:6px 9px;font-size:10px;color:var(--purple)}
.company-job-titles li span{min-width:0}
.company-job-titles .icon-button{flex-shrink:0;width:28px;height:28px}

/* Keep user-defined names readable at narrow widths and browser zoom. */
.person-card-body>h3,.person-card-body>.muted{overflow-wrap:anywhere}
.page-heading>div,.chat-header .person,.chat-header .person>div{min-width:0}
.chat-header .person strong,.chat-header .person small{overflow-wrap:anywhere}