:root{--color-primary:#a09963;--color-primary-dark:#7d7850;--color-gold:#fab20d;--color-success:#2f7d4f;--color-danger:#c0392b;--color-warning:#c27803;--color-info:#1a56db;--color-bg:#faf7f2;--color-card:#fff;--color-text:#3d3b32;--color-text-muted:#8a8570;--color-border:#e9e3d2;--color-white:#fff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-sm:13px;--font-md:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-md);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a{color:var(--color-primary)}.field{margin-bottom:var(--space-md)}.field-label{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:6px;font-weight:700;display:block}.field-input,.field-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-md);color:var(--color-text);background:var(--color-white);padding:9px 12px}.field-input:focus,.field-select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.field-row{gap:var(--space-md);display:flex}.field-row>.field{flex:1}.user-picker-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:160px;padding:var(--space-sm);background:var(--color-white);overflow-y:auto}.user-picker-row{align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--color-text);cursor:pointer;padding:4px 0;display:flex}.btn-primary{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-md);cursor:pointer;border:none;padding:10px 18px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;padding:6px 12px;font-weight:700}.btn-outline:hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-md);cursor:pointer;border:none;padding:10px 18px;font-weight:700}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-link{color:var(--color-primary);font-weight:700;font-size:var(--font-sm);cursor:pointer;background:0 0;border:none;padding:0}.badge{border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-neutral{background:var(--color-bg);color:var(--color-text-muted)}.badge-info{color:var(--color-info);background:#e8f0fe}.badge-success{color:var(--color-success);background:#e6f4ea}.badge-warning{color:var(--color-warning);background:#fff4dc}.badge-danger{color:var(--color-danger);background:#fbeceb}.badge-gold{color:var(--color-gold);background:#fff4dc}.form-error{color:var(--color-danger);font-size:var(--font-sm);margin:-4px 0 var(--space-md);font-weight:600}.app-layout{flex-direction:column;height:100%;display:flex}.app-main{width:100%;max-width:720px;padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) var(--space-lg) var(--space-lg);flex:1;margin:0 auto;overflow-y:auto}.app-tabbar{border-top:1px solid var(--color-border);background:var(--color-card);padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;display:flex}.app-tab{color:var(--color-text-muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 0;text-decoration:none;display:flex}.app-tab-icon{font-size:22px;line-height:1;display:inline-block;position:relative}.app-tab-label{font-size:12px;font-weight:600;line-height:1.2}.app-tab-badge{background:var(--color-success);color:var(--color-white);text-align:center;border-radius:8px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:800;line-height:1.4;position:absolute;top:-5px;right:-11px}.app-tab-active{color:var(--color-primary)}.notif-banner{align-items:center;gap:var(--space-sm);border:1px solid var(--color-gold,#c9a227);border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:#fff4dc;padding:8px 10px;display:flex}.notif-banner-icon{flex-shrink:0;font-size:16px}.notif-banner-text{color:var(--color-text);flex:1;font-size:12px;line-height:1.3}.notif-banner-btn{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700}.notif-banner-btn:disabled{opacity:.6;cursor:default}.dash-layout{height:100%;display:flex}.dash-sidebar{background:var(--color-card);border-right:1px solid var(--color-border);width:240px;padding:var(--space-lg) var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.dash-brand{font-weight:800;font-size:var(--font-lg);color:var(--color-text);padding:0 var(--space-sm) var(--space-lg)}.dash-nav{flex-direction:column;flex:1;gap:2px;display:flex}.dash-nav-item{align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:var(--font-sm);text-decoration:none;display:flex}.dash-nav-badge{background:var(--color-danger);color:var(--color-white);text-align:center;border-radius:8px;min-width:16px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800}.dash-nav-item:hover{background:var(--color-bg)}.dash-nav-item-active{background:var(--color-primary);color:var(--color-white)}.dash-nav-icon{font-size:18px}.dash-user{padding-top:var(--space-md);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dash-user-name{font-size:var(--font-sm);color:var(--color-text);font-weight:700}.dash-user-role{color:var(--color-text-muted);font-size:11px;font-weight:700}.dash-signout{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);padding:6px 10px;font-size:12px;font-weight:700}.dash-main{padding:var(--space-xl);flex:1;overflow-y:auto}.login-page{min-height:100%;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:var(--space-xl)}.login-logo{width:200px;max-width:70%;height:auto;margin:0 auto 8px;display:block}.login-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);margin:0 0 var(--space-lg);text-align:center}.login-forgot{text-align:right;font-size:var(--font-sm);color:var(--color-primary);margin:-4px 0 var(--space-md);font-weight:700;text-decoration:none;display:block}.login-label{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:6px;font-weight:700;display:block}.login-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-md);color:var(--color-text);background:var(--color-white);margin-bottom:var(--space-md);padding:10px 12px}.login-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.login-error{color:var(--color-danger);font-size:var(--font-sm);margin:-4px 0 var(--space-md);font-weight:600}.login-btn{background:var(--color-primary);width:100%;color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-md);cursor:pointer;border:none;padding:12px;font-weight:700}.login-btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border)}.modal-backdrop{padding:var(--space-lg);z-index:100;background:#0006;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-sheet{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:560px;margin-top:var(--space-lg);overflow:hidden}.modal-header{background:var(--color-primary);padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-header-title{color:var(--color-white);font-size:var(--font-lg);margin:0;font-weight:800}.modal-header-actions{align-items:center;gap:var(--space-md);display:flex}.modal-header-btn{color:var(--color-white);font-weight:700;font-size:var(--font-sm);cursor:pointer;background:0 0;border:none}.modal-body{padding:var(--space-lg);max-height:75vh;overflow-y:auto}.modal-badge-row{margin-bottom:var(--space-sm);gap:4px;display:flex}.modal-view-title{font-size:var(--font-xl);color:var(--color-text);margin:0 0 4px;font-weight:800}.modal-view-notes{color:var(--color-text-muted);margin:0 0 var(--space-sm)}.modal-view-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:var(--space-md);font-size:11px;font-weight:800}.modal-view-value{font-size:var(--font-md);color:var(--color-text);margin-top:1px}.modal-chip-row{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.modal-chip{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-white);font-size:var(--font-sm);color:var(--color-text);cursor:pointer;padding:6px 10px;font-weight:600}.modal-chip-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.modal-notify-chip{background:var(--color-primary-dark);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-sm);align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex}.modal-notify-chip button{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.modal-add-chip{border-radius:var(--radius-sm);border:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--font-sm);cursor:pointer;background:0 0;padding:6px 10px;font-weight:700}.modal-mode-row{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.modal-mode-btn{padding:var(--space-sm) 0;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-white);font-size:var(--font-sm);color:var(--color-text-muted);cursor:pointer;flex:1;font-weight:700}.modal-mode-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.modal-hint{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.modal-batch-row{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--color-card)}.modal-batch-row-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.modal-batch-row-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:700}.modal-batch-remove{color:var(--color-danger);cursor:pointer;font-weight:800;font-size:var(--font-md);background:0 0;border:none}.home-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.home-welcome{font-size:var(--font-sm);color:var(--color-text-muted)}.home-name{font-size:var(--font-xxl);color:var(--color-text);font-weight:800;line-height:1.15}.home-logout{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;flex-shrink:0;padding:6px 12px;font-weight:700}.home-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=700px){.home-grid{grid-template-columns:repeat(2,1fr)}}.home-section-title{font-size:var(--font-lg);color:var(--color-text);margin:0 0 var(--space-sm);font-weight:800}.home-card-header{justify-content:space-between;align-items:baseline;display:flex}.home-view-all{font-size:var(--font-sm);color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:none}.home-range-row{align-items:center;gap:6px;display:flex}.home-range-badge{color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:3px 8px;font-size:11px;font-weight:700}.home-range-badge-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.home-row-main{cursor:pointer;flex:1;min-width:0}.home-row-title-overdue{color:var(--color-danger)}.home-reschedule-btn{background:var(--color-danger);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 8px;font-size:11px;font-weight:700}.home-empty{color:var(--color-text-muted);font-size:var(--font-sm);margin:0}.home-date-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:var(--space-sm);font-size:11px;font-weight:800}.home-row{align-items:center;gap:var(--space-sm);border-top:1px solid var(--color-border);padding:6px 0;display:flex}.home-checkbox{width:18px;height:18px;accent-color:var(--color-success);flex-shrink:0}.home-row-time{font-size:var(--font-sm);color:var(--color-text-muted);flex-shrink:0;font-weight:700}.home-row-title{font-size:var(--font-md);color:var(--color-text);font-weight:600}.home-row-title-done{color:var(--color-success);text-decoration:line-through}.home-badge{border-radius:var(--radius-sm);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.home-badge-progress{color:var(--color-gold);background:#fff4dc}.home-team-link{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-primary);max-width:720px;font-weight:700;text-decoration:none;display:block}.dash-greeting{font-size:var(--font-xxl);color:var(--color-text);margin:0 0 4px;font-weight:800}.dash-subgreeting{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.stat-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-link{color:inherit;text-decoration:none}.stat-value{font-size:var(--font-xxl);color:var(--color-primary);font-weight:800}.stat-label{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:4px;font-weight:600}.stat-card-alert{border-color:var(--color-danger)!important}.stat-card-alert .stat-value{color:var(--color-danger)}.dash-section{margin-bottom:var(--space-md)}.dash-section-alert{border-color:var(--color-danger)}.dash-section-title{font-size:var(--font-lg);color:var(--color-text);margin:0 0 var(--space-sm);justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.dash-project-row{align-items:center;gap:var(--space-md);border-top:1px solid var(--color-border);color:inherit;padding:8px 0;text-decoration:none;display:flex}.dash-project-row:first-child{border-top:none}.dash-project-name{font-size:var(--font-md);color:var(--color-text);flex:1;font-weight:600}.dash-project-pct{color:var(--color-text-muted);text-align:right;width:36px;font-size:12px;font-weight:700}.dash-myday-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.dash-myday-grid{grid-template-columns:1fr}}.page-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--font-xl);color:var(--color-text);margin:0;font-weight:800}.reminder-form-card{margin-bottom:var(--space-md)}.reminder-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.reminder-row:first-child{border-top:none}.reminder-row-main{flex:1;min-width:180px}.reminder-row-title{font-size:var(--font-md);color:var(--color-text);font-weight:700}.reminder-row-sub{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:2px}.reminder-row-actions{flex-wrap:wrap;gap:6px;display:flex}.mom-form{margin-top:var(--space-sm);max-width:420px}.mom-form-actions{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.snooze-popover{border-top:1px dashed var(--color-border);gap:6px;width:100%;margin-top:6px;padding-top:6px;display:flex}.project-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.project-card-link{color:inherit;text-decoration:none}.project-card{height:100%}.project-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:4px;display:flex}.project-card-name{font-size:var(--font-md);color:var(--color-text);font-weight:800}.project-card-region{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.project-progress-track{background:var(--color-bg);border-radius:3px;height:6px;overflow:hidden}.project-progress-fill{background:var(--color-primary);height:100%}.project-card-progress-label{color:var(--color-text-muted);margin-top:4px;font-size:11px;font-weight:700}.notes-tab-row{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:fit-content;margin-bottom:var(--space-md);gap:3px;padding:3px;display:flex}.notes-tab{border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-weight:700}.notes-tab-active{background:var(--color-primary);color:var(--color-white)}.notes-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.note-card{height:100%;min-height:130px}.note-card-header{margin-bottom:4px}.note-card-title{font-size:var(--font-md);color:var(--color-text);font-weight:800}.note-card-badges{margin-bottom:var(--space-sm);gap:4px;display:flex}.note-card-preview{border-top:1px solid var(--color-border);padding-top:var(--space-sm);flex-direction:column;gap:4px;display:flex}.note-preview-item{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.note-preview-item-done{color:var(--color-text-muted);text-decoration:line-through}.note-preview-more{color:var(--color-text-muted);font-size:11px;font-weight:700}.note-completed-header{color:var(--color-success);text-transform:uppercase;letter-spacing:.3px;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:11px;font-weight:800}.share-table-header,.share-table-row{border-bottom:1px solid var(--color-border);align-items:center;gap:4px;padding:8px 0;display:flex}.share-table-header{color:var(--color-text-muted);font-size:11px;font-weight:700}.share-col-name{font-size:var(--font-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.share-col-check{text-align:center;flex-shrink:0;width:52px}.share-checkbox{cursor:pointer;color:var(--color-primary);background:0 0;border:none;font-size:18px}.wp-date-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.wp-date-btn{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text);cursor:pointer;padding:8px 16px;font-weight:700}.wp-date-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.wp-date-label{color:var(--color-text-muted);font-size:var(--font-sm);margin-left:auto}.wp-cart-card{margin-bottom:var(--space-md);max-width:560px}.wp-section-title{font-size:var(--font-sm);color:var(--color-text-muted);margin:0 0 6px;font-weight:700}.wp-cart-row,.wp-pool-row{align-items:center;gap:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:6px;padding:8px 10px;display:flex}.wp-pool-row{cursor:pointer;background:var(--color-white)}.wp-pool-row:hover{background:var(--color-bg)}.wp-cart-row-main{flex:1;min-width:0}.wp-cart-row-title{font-size:var(--font-md);color:var(--color-text);font-weight:700}.wp-cart-row-sub{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:1px}.wp-cart-row-move{color:var(--color-gold);margin-top:2px;font-size:12px;font-weight:700}.wp-pool-add{color:var(--color-primary);font-size:var(--font-lg);font-weight:800}.wp-self-note{color:var(--color-text-muted);font-size:var(--font-sm);margin:0 0 var(--space-md);font-weight:600}.wp-kind-row{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.wp-kind-btn{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-text-muted);cursor:pointer;flex:1;padding:10px;font-weight:700}.wp-kind-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.wp-add-row{gap:var(--space-sm);display:flex}.wp-add-row .field-input{flex:1}.note-checklist-row{align-items:center;gap:var(--space-sm);padding:6px 0;display:flex}.note-item-done{color:var(--color-text-muted);text-decoration:line-through}.note-edit-item-block{gap:var(--space-sm);padding:var(--space-sm) 0;flex-direction:column;display:flex}.note-add-item-row{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.note-add-item-row .field-input{flex:1}.note-photo-grid{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.note-photo-item{width:88px;height:88px;position:relative}.note-photo-thumb{object-fit:cover;border-radius:var(--radius-md,8px);cursor:pointer;border:1px solid var(--color-border);width:100%;height:100%}.note-photo-delete{background:var(--color-danger);width:20px;height:20px;color:var(--color-white);cursor:pointer;border:none;border-radius:10px;font-size:11px;line-height:1;position:absolute;top:-6px;right:-6px}.note-doc-card{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border);padding:8px 0;display:flex}.note-doc-card:last-of-type{border-bottom:none}.note-doc-main{align-items:center;gap:var(--space-sm);color:inherit;flex:1;min-width:0;text-decoration:none;display:flex}.note-doc-icon{width:36px;height:36px;color:var(--color-white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.note-doc-name{font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.note-doc-meta{color:var(--color-text-muted);font-size:11px}.note-viewer-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-viewer-image{object-fit:contain;max-width:90vw;max-height:90vh}.note-viewer-close{width:36px;height:36px;color:var(--color-white);cursor:pointer;background:#ffffff26;border:none;border-radius:18px;font-size:16px;position:absolute;top:16px;right:16px}.attendance-calendar{margin-top:var(--space-md)}.attendance-calendar-header{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.attendance-calendar-title{font-weight:700;font-size:var(--font-md);text-align:center;min-width:140px}.attendance-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.attendance-calendar-weekdays{margin-bottom:4px}.attendance-calendar-weekday{text-align:center;color:var(--color-text-muted);font-size:11px;font-weight:700}.attendance-calendar-day{aspect-ratio:1;cursor:pointer;border:none;border-radius:6px;font-size:12px;font-weight:700}.attendance-calendar-day:disabled{cursor:default}.attendance-calendar-total{text-align:center;font-size:var(--font-sm);color:var(--color-text-muted);margin-top:var(--space-sm)}.attendance-calendar-legend{gap:var(--space-md);margin-top:var(--space-sm);color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;font-size:11px;display:flex}.attendance-calendar-legend span{align-items:center;gap:4px;display:inline-flex}.attendance-calendar-legend i{border-radius:5px;width:10px;height:10px;display:inline-block}.attendance-card{max-width:420px}.attendance-status-row{justify-content:space-between;align-items:center;display:flex}.attendance-status-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:700}.attendance-status-value{font-size:var(--font-xl);color:var(--color-text);font-weight:800}.attendance-times{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:var(--font-sm);color:var(--color-text);flex-direction:column;gap:4px;display:flex}.attendance-times-label{color:var(--color-text-muted);width:80px;font-weight:700;display:inline-block}.attendance-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.attendance-clock-header{text-align:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.attendance-clock-time{color:var(--color-text);font-size:28px;font-weight:800}.attendance-clock-date{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:2px}.attendance-timer-row{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.attendance-timer-card{background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-sm);text-align:center;flex:1}.attendance-timer-label{color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.attendance-timer-value{font-size:var(--font-lg);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:800}.attendance-timer-sub{color:var(--color-text-muted);font-size:11px}.attendance-events-box{flex-direction:column;gap:6px;display:flex}.attendance-event-row{font-size:var(--font-sm);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.attendance-event-row:has(.attendance-event-dot){justify-content:flex-start}.attendance-event-dot{border-radius:4px;flex-shrink:0;width:8px;height:8px}.attendance-event-location{color:var(--color-text-muted);font-size:12px}.attendance-link-row{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;max-width:420px;display:flex}.attendance-link-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:90px;padding:var(--space-sm);color:var(--color-text);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.attendance-link-card span{font-size:12px}.leave-balance-row{gap:var(--space-sm);margin:var(--space-md) 0;max-width:480px;display:flex}.leave-balance-stat{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);text-align:center;flex:1}.leave-balance-value{font-size:var(--font-xl);color:var(--color-primary);font-weight:800}.leave-balance-label{color:var(--color-text-muted);margin-top:2px;font-size:11px;font-weight:700}.discussion-row-link{color:inherit;text-decoration:none;display:block}.discussion-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-top:1px solid var(--color-border);display:flex}.discussion-row-link:first-child .discussion-row{border-top:none}.discussion-row-main{flex:1;min-width:0}.discussion-row-title{font-size:var(--font-md);color:var(--color-text);font-weight:700}.discussion-row-preview{font-size:var(--font-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.discussion-row-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.discussion-row-time{color:var(--color-text-muted);font-size:11px}.chat-page{flex-direction:column;height:calc(100% - 20px);display:flex}.chat-thread{gap:var(--space-xs);padding:var(--space-sm) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble-row{justify-content:flex-start;display:flex}.chat-bubble-row-mine{justify-content:flex-end}.chat-bubble{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:70%;padding:8px 12px}.chat-bubble-mine{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.chat-bubble-sender{color:var(--color-primary);margin-bottom:2px;font-size:11px;font-weight:700}.chat-bubble-text{font-size:var(--font-md);white-space:pre-wrap;word-break:break-word}.chat-bubble-meta{opacity:.85;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:10px;display:flex}.chat-bubble-mine .chat-bubble-meta .btn-link{color:var(--color-white);text-decoration:underline}.chat-edit-row{align-items:center;gap:6px;display:flex}.chat-input-row{gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);display:flex}.chat-input-row .field-input{flex:1}.chat-page-header{justify-content:space-between;align-items:center;display:flex}button.chat-bubble-sender{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.chat-forwarded-label{opacity:.75;margin-bottom:2px;font-size:11px;font-style:italic}.chat-reply-quote{text-align:left;border:none;border-left:3px solid var(--color-primary);cursor:pointer;background:#0000000f;border-radius:4px;width:100%;margin-bottom:4px;padding:4px 8px;display:block}.chat-bubble-mine .chat-reply-quote{border-left-color:var(--color-white);background:#ffffff26}.chat-reply-quote-name{font-size:11px;font-weight:700;display:block}.chat-reply-quote-text{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.chat-mention-highlight{background:#ffd54f80;border-radius:3px;font-weight:700}.chat-media-image{cursor:pointer;border-radius:8px;max-width:220px;max-height:220px;display:block}.chat-media-video{border-radius:8px;max-width:260px;max-height:240px;display:block}.chat-media-audio{width:220px}.chat-doc-card{border:none;padding:4px 0}.chat-receipt-link,.chat-receipt{font-size:10px}.chat-action-row{border-top:1px dashed #00000026;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:6px;display:flex}.chat-bubble-mine .chat-action-row{border-top-color:#ffffff59}.chat-bubble-mine .chat-action-row .btn-link{color:var(--color-white);text-decoration:underline}.chat-bubble-flash{animation:1.2s chat-flash}@keyframes chat-flash{0%{background:#ffd54f66;border-radius:8px}to{background:0 0}}.chat-reply-banner{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--space-sm);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.chat-reply-banner-name{color:var(--color-primary);font-size:12px;font-weight:700}.chat-reply-banner-text{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:12px;overflow:hidden}.chat-mention-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--space-sm);flex-direction:column;gap:2px;display:flex;overflow:hidden}.chat-mention-item{background:var(--color-card);text-align:left;font-size:var(--font-sm);cursor:pointer;border:none;padding:8px 12px}.chat-mention-item:hover{background:var(--color-bg)}.chat-input-icon{padding:4px 6px;font-size:18px}.twp-filter-row{gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.twp-filter-row .field-select{max-width:220px}.twp-summary-row{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.twp-summary-text{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:600}.twp-card-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.team-row-link{color:inherit;text-decoration:none;display:block}