@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Sora,Space Grotesk,Space Mono,sans-serif;line-height:1.6;font-weight:400;--bg-depth: #ffffff;--bg-top: #ffffff;--bg-mid: #ffffff;--card-bg: #ffffff;--card-border: rgba(15, 15, 15, .08);--text-primary: #111111;--text-secondary: #2b2b2b;--text-muted: #6b6b6b;--accent: #b91c1c;--accent-strong: #ef4444;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-top);color:var(--text-primary)}#root{min-height:100vh}a{color:inherit}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-top);color:var(--text-primary)}.auth-loading-spinner{width:40px;height:40px;border:3px solid rgba(17,17,17,.1);border-top-color:var(--accent);border-radius:50%;animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading p{font-size:.9rem;margin:0;color:var(--text-muted)}.user-menu-inline{display:flex;align-items:flex-start;gap:12px}.user-info-stack{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.user-name{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.2}.user-role-badge{font-size:.65rem;font-weight:500;color:var(--text-muted);line-height:1.2}.user-role-badge.admin{color:var(--accent);font-weight:600}.user-signout-btn{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;background:transparent;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.user-signout-btn:hover{background:var(--accent);color:#fff}@media(max-width:768px){.user-menu-inline{gap:10px}.user-name{font-size:.8rem}.user-role-badge{font-size:.6rem}.user-signout-btn{padding:5px 10px;font-size:.7rem;gap:5px}}@media(max-width:480px){.user-menu-inline{flex-direction:column;align-items:flex-start;gap:6px}.user-info-stack{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.user-name{font-size:.75rem}.user-role-badge{font-size:.55rem}.user-signout-btn{padding:4px 8px;font-size:.65rem;margin-top:4px}}.chat-panel-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;align-items:stretch;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-panel{width:480px;max-width:100%;height:100%;background:#fff;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;animation:slideIn .25s ease;font-family:Sora,Space Grotesk,sans-serif}.chat-panel-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#111,#b91c1c);color:#fff;position:relative}.chat-panel-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.chat-icon{font-size:1.25rem}.chat-panel-subtitle{display:flex;align-items:center;gap:.75rem;margin-top:.35rem;font-size:.75rem;color:#ffffffb3}.chat-data-count{background:#ffffff26;padding:.15rem .5rem;border-radius:999px;font-size:.7rem}.chat-close-btn{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border:none;background:#ffffff1a;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .15s ease}.chat-close-btn:hover{background:#fff3}.chat-security-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ecfdf5;border-bottom:1px solid #d1fae5;font-size:.7rem;color:#047857}.security-icon{font-size:.85rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;background:#f8fafc}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-align:center;gap:.5rem}.chat-empty-icon{font-size:2.5rem;opacity:.5}.chat-empty-state p{margin:0;font-size:.875rem}.chat-message{max-width:92%;padding:.75rem 1rem;border-radius:12px;font-size:.85rem;line-height:1.5;animation:messageIn .2s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message-question{align-self:flex-end;background:linear-gradient(135deg,#111,#b91c1c);color:#fff;border-bottom-right-radius:4px}.chat-message-answer{align-self:flex-start;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000a}.chat-message-content{font-weight:500}.chat-message-details{margin:.6rem 0 0;padding-left:1.1rem;font-size:.8rem;color:#475569;line-height:1.6}.chat-message-question .chat-message-details{color:#ffffffd9}.chat-message-details li{margin-bottom:.25rem}.chat-chart-container{margin-top:.75rem;background:#f8fafc;border-radius:8px;padding:.5rem}.chat-questions-area{border-top:1px solid #e2e8f0;background:#fff;padding:1rem;max-height:280px;overflow-y:auto}.chat-no-data{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fef3c7;border-radius:8px;font-size:.85rem;color:#92400e}.chat-category-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.chat-category-tab{padding:.35rem .75rem;border:1px solid #e2e8f0;background:#fff;border-radius:999px;font-size:.7rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;font-family:inherit}.chat-category-tab:hover{border-color:#b91c1c;color:#b91c1c}.chat-category-tab.active{background:#b91c1c;border-color:#b91c1c;color:#fff}.chat-question-chips{display:flex;flex-direction:column;gap:.5rem}.chat-question-chip{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.8rem;color:#334155;cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit}.chat-question-chip:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.chat-question-chip:active{background:#e2e8f0}.chip-icon{font-size:1rem;flex-shrink:0}.chip-label{line-height:1.4}.chat-footer{padding:.75rem 1rem;border-top:1px solid #e2e8f0;background:#fff}.chat-clear-btn{width:100%;padding:.55rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.75rem;color:#64748b;cursor:pointer;transition:all .15s ease;font-family:inherit}.chat-clear-btn:hover{background:#f8fafc;color:#475569}.chat-input-area{padding:1rem;border-top:1px solid #e2e8f0;background:linear-gradient(to bottom,#fef2f2,#fff)}.chat-input-form{display:flex;flex-direction:column;gap:.75rem}.chat-input-field{display:flex;flex-direction:column;gap:.35rem}.chat-input-field label{font-size:.75rem;font-weight:500;color:#475569}.chat-input-field input{padding:.65rem .85rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;color:#1e293b;background:#fff;transition:all .15s ease}.chat-input-field input:focus{outline:none;border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c1a}.chat-input-field input::placeholder{color:#94a3b8}.chat-input-wrapper{position:relative}.chat-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.chat-suggestion-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;font-size:.8rem;color:#1e293b;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s ease}.chat-suggestion-item:hover,.chat-suggestion-item.selected{background:#fef2f2}.chat-suggestion-item.selected{background:linear-gradient(to right,#fef2f2,#fee2e2)}.suggestion-icon{font-size:.75rem;opacity:.7}.suggestion-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-actions{display:flex;gap:.5rem;margin-top:.25rem}.chat-input-cancel{flex:1;padding:.55rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.8rem;color:#64748b;cursor:pointer;font-family:inherit;transition:all .15s ease}.chat-input-cancel:hover{background:#f8fafc;color:#475569}.chat-input-submit{flex:2;padding:.55rem;border:none;background:linear-gradient(135deg,#b91c1c,#dc2626);border-radius:8px;font-size:.8rem;font-weight:500;color:#fff;cursor:pointer;font-family:inherit;transition:all .15s ease}.chat-input-submit:hover{background:linear-gradient(135deg,#991b1b,#b91c1c);transform:translateY(-1px)}.chip-input-hint{margin-left:auto;font-size:.7rem;opacity:.7}@media(max-width:768px){.chat-panel{width:420px}.chat-panel-header{padding:1rem 1.25rem}.chat-panel-title{font-size:1rem}.chat-messages{padding:.85rem 1rem}.chat-message{max-width:94%;padding:.65rem .85rem;font-size:.8rem}.chat-questions-area{padding:.85rem 1rem}.chat-input-row{gap:.5rem}}@media(max-width:520px){.chat-panel{width:100%}.chat-panel-header{padding:.85rem 1rem}.chat-panel-title{font-size:.95rem;gap:.4rem}.chat-icon{font-size:1.1rem}.chat-panel-subtitle{font-size:.7rem;margin-top:.25rem;gap:.5rem}.chat-close-btn{width:26px;height:26px;font-size:.85rem}.chat-security-badge{padding:.5rem .85rem;font-size:.65rem}.chat-messages{padding:.75rem .85rem;gap:.65rem}.chat-message{max-width:95%;padding:.6rem .75rem;font-size:.78rem;border-radius:10px}.chat-message-details{font-size:.72rem;margin-top:.5rem;padding-left:.9rem}.chat-questions-area{padding:.75rem .85rem}.chat-question-section h4{font-size:.7rem}.chat-question-btn{padding:.55rem .75rem;font-size:.72rem}.chat-input-row{flex-direction:column;gap:.5rem}.chat-input-submit{flex:none;width:100%;padding:.6rem}}.chat-messages::-webkit-scrollbar,.chat-questions-area::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.chat-questions-area::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb,.chat-questions-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover,.chat-questions-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell{min-height:100vh;padding:2rem 1.5rem 2.75rem;display:flex;flex-direction:column;gap:1rem}.master-sub-nav,.master-sub-nav--classic{display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem 1.1rem;border-radius:22px;border:1px solid rgba(17,17,17,.08);background:#ffffffeb;box-shadow:0 10px 28px #11111114;font-family:Sora,Space Grotesk,Space Mono,sans-serif}.master-sub-nav-shell{width:fit-content;max-width:100%;padding:.45rem .65rem;border-radius:999px;background:#fff;box-shadow:0 14px 34px #1111111f;border:1px solid rgba(17,17,17,.06)}.master-sub-nav-shell .master-sub-nav{border:none;background:transparent;box-shadow:none;padding:.35rem .5rem;gap:.65rem}.employee-sub-nav-shell{width:fit-content;max-width:100%;margin-top:1.25rem;padding:.4rem .6rem;border-radius:999px;background:#fff;box-shadow:0 14px 34px #1111111f;border:1px solid rgba(17,17,17,.06)}.employee-sub-nav-shell .sub-nav{border:none;background:transparent;box-shadow:none;padding:.35rem .5rem;gap:.65rem}.sub-nav-item,.sub-nav-item--classic{border:none;border-radius:999px;padding:.5rem 1.35rem;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#1111110a;color:#111c;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease;font-family:inherit}.sub-nav-item:hover,.sub-nav-item.active,.sub-nav-item--classic:hover,.sub-nav-item--classic.active{box-shadow:0 18px 40px #b91c1c33;background:linear-gradient(135deg,rgba(17,17,17,.9),var(--accent));color:#fff;transform:translateY(-2px)}.sub-nav-item:focus-visible,.sub-nav-item--classic:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary-nav{display:flex;align-items:flex-end;justify-content:flex-start;gap:.75rem;width:fit-content}.primary-nav--pills{padding:.4rem .6rem;border-radius:999px;background:#fff;box-shadow:0 14px 34px #11111129;font-family:Sora,Space Grotesk,sans-serif;width:fit-content}.inline-edit-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:-.5rem;padding:.75rem 0;border-top:1px solid rgba(17,17,17,.06);border-bottom:1px solid rgba(17,17,17,.06)}.inline-edit-actions{display:flex;align-items:center;gap:.75rem}.inline-edit-toolbar .submit-button{min-width:160px}.inline-edit-discard{font-size:.9rem}.primary-nav--pills .nav-item{position:relative;border-radius:999px;border:none;padding:.75rem 1.55rem;font-size:.72rem;color:#111c;min-width:140px;isolation:isolate;letter-spacing:.08em;font-weight:600;text-transform:uppercase}.primary-nav--pills .nav-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(17,17,17,.9),var(--accent));opacity:0;transform:scale(.94);transition:opacity .2s ease,transform .2s ease;z-index:-1}.primary-nav--pills .nav-item:hover:before,.primary-nav--pills .nav-item.active:before{opacity:1;transform:scale(1)}.primary-nav--pills .nav-item:hover,.primary-nav--pills .nav-item.active{color:#fff}.primary-nav--pills .nav-item:focus-visible{outline:2px solid rgba(185,28,28,.5);outline-offset:3px}.primary-nav--classic{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:.65rem .9rem;border-radius:999px;background:#fff;box-shadow:0 14px 34px #1111111f;width:fit-content}.primary-nav--classic .nav-item{border-radius:999px;border:none;padding:.45rem 1.2rem;font-weight:700;letter-spacing:.08em;font-size:.85rem;color:var(--text-secondary)}.primary-nav--classic .nav-item:hover,.primary-nav--classic .nav-item.active{color:#fff;background:linear-gradient(135deg,#111111,var(--accent));box-shadow:0 16px 36px #b91c1c59;transform:translateY(-1px)}.primary-nav--classic .nav-item:focus-visible{outline:2px solid rgba(185,28,28,.6);outline-offset:3px}@media(max-width:768px){.primary-nav,.primary-nav--pills,.primary-nav--classic{width:100%;justify-content:space-between;flex-direction:row;padding:.55rem}.primary-nav--pills .nav-item,.primary-nav--classic .nav-item{flex:1 1 0;text-align:center;justify-content:center;gap:.35rem}.panel{padding:1.25rem}.table-panel{min-height:auto}.table-wrapper{min-height:320px;max-height:none}.panel-heading{flex-direction:column;align-items:flex-start}table{min-width:480px}}.employee-shared-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.25rem 1.5rem;border-radius:24px;border:1px solid rgba(17,17,17,.06);background:#ffffffd9;box-shadow:0 12px 30px #11111114;margin-bottom:1.25rem}.tribe-shared-actions{margin-top:.25rem}.tribe-shared-actions .history-button{min-width:180px}.employee-shared-actions__meta{display:flex;flex-direction:column;gap:.35rem;min-width:220px}.employee-shared-actions__period{margin:0;font-weight:600;color:var(--text-secondary)}.employee-shared-actions__buttons{display:flex;flex-wrap:wrap;font-family:inherit;justify-content:flex-end}.app-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.95rem 1.2rem;border-radius:24px;border:1px solid rgba(17,17,17,.08);background:#fff;box-shadow:0 12px 30px #11111114}.topbar-left{display:flex;flex:1 1 auto;align-items:center;gap:2rem;flex-wrap:wrap;min-width:260px}.topbar-brand{display:flex;align-items:center;gap:.9rem}.topbar-brand img{width:120px;height:120px;object-fit:contain}.topbar-brand p{margin:0;font-size:.9rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary)}.topbar-brand span{color:var(--text-secondary);font-size:.85rem;letter-spacing:.05em}.topbar-brand>div{display:flex;flex-direction:column;gap:.15rem}.topbar-meta{display:flex;align-items:center;gap:.85rem}.topbar-user{display:flex;flex-direction:column;font-size:.85rem;color:var(--text-secondary)}.topbar-user strong{color:var(--text-primary);font-weight:700}.topbar-logout{padding:.45rem 1.1rem;border-radius:999px;border:1px solid rgba(17,17,17,.12);background:#fff;font-weight:600;cursor:pointer;color:var(--text-primary)}.topbar-right{display:flex;align-items:flex-start;gap:1rem;padding-top:1.2rem;margin-right:2rem}.hero{display:grid;gap:.5rem;max-width:720px}.eyebrow{margin:0;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.hero h1{margin:0;font-size:clamp(1.75rem,2.6vw,2.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle{margin:0;color:var(--text-secondary);font-size:1.05rem}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:1.75rem;box-shadow:0 20px 55px #1111111f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-panel ul{margin:1rem 0 0;padding-left:1.25rem;color:var(--text-secondary);line-height:1.8}.info-panel li::marker{color:var(--accent)}.badge{align-self:flex-start;padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(17,17,17,.12);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.employee-mode-toggle{display:flex;flex-direction:column;gap:.75rem}.employee-mode-toggle__buttons{display:inline-flex;gap:0;padding:0;background:transparent;border-bottom:2px solid #e5e5e5}.employee-mode-btn{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:none;border-radius:0;font-size:.925rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;margin-bottom:-2px;border-bottom:3px solid transparent}.employee-mode-btn:hover{color:var(--text-primary);background:#00000005}.employee-mode-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.employee-mode-btn.active:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);animation:tab-slide .3s ease}@keyframes tab-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.employee-mode-btn svg{flex-shrink:0;width:18px;height:18px;opacity:.5;transition:all .25s ease}.employee-mode-btn:hover svg{opacity:.75}.employee-mode-btn.active svg{opacity:1}.past-summaries-panel{display:flex;flex-direction:column;gap:1.25rem}.past-summaries-panel__header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(17,17,17,.06)}.past-summaries-panel__hint{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.past-summaries-panel__content{min-height:120px}.past-summaries-panel__content .loading-hint{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-style:italic;padding:1rem;background:#11111105;border-radius:12px}.past-summaries-panel__selected{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#b91c1c14,#b91c1c0a);border-radius:12px;border-left:4px solid var(--accent);box-shadow:0 2px 8px #b91c1c14}.past-summaries-panel__selected strong{color:var(--accent);font-weight:600}.billing-periods-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem;max-height:360px;overflow-y:auto;padding-right:.25rem}.billing-periods-list::-webkit-scrollbar{width:6px}.billing-periods-list::-webkit-scrollbar-track{background:#1111110a;border-radius:3px}.billing-periods-list::-webkit-scrollbar-thumb{background:#11111126;border-radius:3px}.billing-periods-list::-webkit-scrollbar-thumb:hover{background:#11111140}.billing-periods-list__item{border-radius:14px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.billing-periods-list__item:hover{transform:translateY(-2px)}.billing-periods-list__item.selected{box-shadow:0 4px 16px #b91c1c26}.billing-periods-list__btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.125rem 1.25rem;background:#fff;border:2px solid rgba(17,17,17,.08);border-radius:14px;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.billing-periods-list__btn:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#ef4444);opacity:0;transition:opacity .2s ease}.billing-periods-list__btn:hover{background:#fafafa;border-color:#1111111f;box-shadow:0 4px 12px #0000000f}.billing-periods-list__btn:hover:before{opacity:.3}.billing-periods-list__item.selected .billing-periods-list__btn{border-color:var(--accent);background:linear-gradient(135deg,#b91c1c05,#fff);box-shadow:0 4px 16px #b91c1c1a}.billing-periods-list__item.selected .billing-periods-list__btn:before{opacity:1}.billing-periods-list__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.billing-periods-list__primary{font-weight:600;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.billing-periods-list__primary:before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%;opacity:.6}.billing-periods-list__item.selected .billing-periods-list__primary:before{opacity:1;box-shadow:0 0 8px #b91c1c80}.billing-periods-list__meta{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;padding-left:1rem}.billing-periods-list__meta:before{content:"📅";font-size:.75rem}.billing-periods-list__selected-badge{position:absolute;top:.75rem;right:.75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:.3rem .6rem;background:linear-gradient(135deg,var(--accent),#dc2626);border-radius:6px;box-shadow:0 2px 6px #b91c1c4d}.upload-panel{display:flex;flex-direction:column;gap:1.5rem}.employee-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.employee-upload-card{padding:1.25rem;border-radius:20px;border:1px solid rgba(17,17,17,.08);background:#fffffff2;display:flex;flex-direction:column;gap:.9rem;min-height:100%}.employee-upload-card__header{display:flex;flex-direction:column;gap:.3rem}.employee-upload-card__header p{margin:0}.employee-upload-card__header p:last-of-type{color:var(--text-secondary)}.upload-control{display:flex;flex-direction:column;gap:.75rem}.upload-control input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.upload-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.75rem;border-radius:16px;border:1px solid transparent;background:linear-gradient(135deg,#111111,var(--accent));color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.upload-label:hover{transform:translateY(-1px);box-shadow:0 12px 30px #11111140}.hint{margin:0;font-size:.9rem;color:var(--text-muted)}.upload-submit-row{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.submit-button{padding:.85rem 1.5rem;border-radius:14px;border:1px solid rgba(17,17,17,.1);background:linear-gradient(135deg,#111111,var(--accent));color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.submit-button:disabled{opacity:.45;cursor:not-allowed}.submit-button:not(:disabled):hover{transform:translateY(-1px);border-color:#b91c1c66;background:linear-gradient(135deg,var(--accent),#111111)}.pending-file{font-size:.9rem;color:var(--text-secondary)}.upload-error{width:100%;display:block;font-size:.9rem;font-weight:600;color:var(--accent)}.file-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem 1.25rem;border-radius:18px;background:#fff;border:1px solid rgba(185,28,28,.15)}.file-summary strong{font-size:1.05rem}.summary-overline{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.billing-range{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem;border-radius:18px;background:#fff;border:1px solid rgba(185,28,28,.12)}.billing-range__heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.billing-range__error{font-size:.85rem;color:var(--accent-strong)}.billing-period__grid{display:flex;flex-wrap:nowrap;gap:.85rem}@media(max-width:540px){.billing-period__grid{flex-wrap:wrap}}.billing-period-exists-notice{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,#dc262614,#dc26260a);border:1px solid rgba(220,38,38,.25);border-left:3px solid #dc2626;border-radius:10px;font-size:.875rem;color:#991b1b;line-height:1.5}.billing-period-exists-notice svg{flex-shrink:0;margin-top:.125rem;color:#dc2626}.billing-period-partial-match-notice{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,#f59e0b14,#f59e0b0a);border:1px solid rgba(245,158,11,.25);border-left:3px solid #f59e0b;border-radius:10px;font-size:.875rem;color:#92400e;line-height:1.5}.billing-period-partial-match-notice svg{flex-shrink:0;margin-top:.125rem;color:#f59e0b}.date-field{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:var(--text-secondary);flex:1 1 0}.date-field input[type=date]{background:#fff;border:1px solid rgba(17,17,17,.12);color:var(--text-primary);border-radius:12px;padding:.75rem .9rem;font-size:1rem}.sheet-picker{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:var(--text-secondary)}.sheet-picker select{background:#fff;border:1px solid rgba(17,17,17,.12);color:var(--text-primary);border-radius:12px;padding:.85rem 1rem;font-size:1rem}.reset-button{align-self:flex-start;padding:.6rem 1.4rem;border-radius:12px;border:1px solid rgba(17,17,17,.12);background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease}.reset-button:hover{color:var(--accent);border-color:#b91c1c73;transform:translateY(-1px)}.table-panel{display:flex;flex-direction:column;gap:1.25rem;flex:1 1 auto;min-height:calc(100vh - 260px)}.panel-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-heading__title{flex:1 1 420px;min-width:260px}.panel-heading h2{margin:0;font-size:1.8rem}.panel-heading p{margin:.15rem 0 0;color:var(--text-secondary)}.table-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-muted)}.panel-heading__title .table-meta{width:100%;margin-top:.6rem}.table-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.add-entry-button,.export-button,.history-button{white-space:nowrap}.table-search{margin-top:1rem;display:flex;gap:.5rem;align-items:center}.table-search input[type=search]{flex:1;background:#fff;border:1px solid rgba(17,17,17,.12);color:var(--text-primary);border-radius:12px;padding:.75rem 1rem;font-size:1rem}.table-search button{padding:.65rem 1rem;border-radius:10px;border:1px solid rgba(185,28,28,.3);background:#fff;color:var(--accent);font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.table-search button:hover{color:#111;border-color:#b91c1c73}.filter-panel{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem;border-radius:18px;background:#fff;border:1px solid rgba(185,28,28,.12)}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.filter-panel__hint{margin:0;font-size:.9rem;color:var(--text-muted)}.filter-panel__row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tribe-filter-field{display:flex;flex-direction:column;gap:.35rem;max-width:320px;font-weight:600;color:var(--text-secondary)}.tribe-filter-field select{background:#fff;border:1px solid rgba(17,17,17,.12);color:var(--text-primary);border-radius:12px;padding:.7rem .95rem;font-size:1rem}.filter-grid{display:flex;flex-wrap:wrap;gap:.75rem}.filter-row{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(140px,.8fr) auto;gap:.5rem;align-items:end;max-width:520px;flex:1 1 260px}.filter-row label{display:flex;flex-direction:column;gap:.35rem;min-width:0;max-width:240px;font-weight:600;color:var(--text-secondary)}.filter-row select{background:#fff;border:1px solid rgba(17,17,17,.12);color:var(--text-primary);border-radius:12px;padding:.7rem .9rem;font-size:.95rem;width:100%}.filter-row__remove{align-self:flex-end;justify-self:flex-end;min-width:2.25rem;padding:0 .9rem;border-radius:12px;border:1px solid rgba(185,28,28,.25);background:#fff;color:var(--accent);font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;height:100%;min-height:44px;max-height:44px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;position:relative}.filter-row__remove:hover{color:#111;border-color:#b91c1c73;background:#ffe4e6}.filter-row__remove:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.25rem .5rem;border-radius:6px;background:#111;color:#fff;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:0 4px 10px #11111140}.filter-row__remove:hover:after,.filter-row__remove:focus-visible:after{opacity:1}.secondary-button{width:fit-content;padding:.65rem 1.3rem;border-radius:12px;border:1px solid rgba(17,17,17,.12);background:#fff;color:var(--text-primary);font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button:not(:disabled):hover{border-color:#b91c1c66}.link-button{border:none;background:transparent;color:var(--accent);font-weight:600;cursor:pointer}.alert{padding:.85rem 1rem;border-radius:12px;font-weight:500}.alert-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.4);color:#ffb4c2}.empty-state{padding:1.25rem 1.5rem;border-radius:16px;background:#fff;border:1px dashed rgba(185,28,28,.4)}.empty-state p{margin:0 0 .35rem;font-weight:600}.empty-state ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.table-wrapper{width:100%;flex:1 1 auto;min-height:clamp(420px,calc(100vh - 320px),1400px);max-height:clamp(520px,calc(100vh - 240px),1200px);overflow:auto;border-radius:18px;border:1px solid rgba(17,17,17,.08);background:#fff;position:relative;scrollbar-gutter:stable}table{width:100%;border-collapse:collapse;min-width:560px}thead{background:#fff}th{text-align:left;padding:.85rem 1rem;font-size:.95rem;color:#111;border-bottom:1px solid rgba(17,17,17,.08);position:sticky;top:0;background:#fff;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:3}.column-filter-row th{background:#fff;padding:.35rem 1rem .5rem;top:48px;z-index:2}.column-filter-select{width:100%;background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:10px;padding:.35rem .6rem;font-size:.85rem;color:var(--text-primary)}.column-filter-select:disabled{opacity:.45;cursor:not-allowed;background:#1111110a}.actions-column{text-align:right;width:160px}td{padding:.75rem 1rem;border-bottom:1px solid rgba(17,17,17,.06);color:var(--text-primary);font-size:.95rem}.table-inline-input{width:100%;border:1px solid rgba(17,17,17,.2);border-radius:10px;padding:.4rem .55rem;font-size:.9rem;color:var(--text-primary);background:#fff}.table-inline-textarea{resize:vertical;min-height:2.8rem;line-height:1.35;font-family:inherit;overflow-y:auto}.table-inline-input:focus{outline:none;border-color:#b91c1c99;box-shadow:0 0 0 2px #b91c1c1f}.table-inline-editor,.table-inline-display{display:flex;align-items:center;gap:.35rem}.table-inline-editor{width:100%}.table-inline-editor .table-inline-input{flex:1}.table-inline-toggle{width:100%;border:none;background:transparent;padding:.2rem 0;text-align:left;font:inherit;color:inherit;cursor:pointer}.table-inline-display .table-inline-toggle{flex:1}.table-inline-toggle:focus-visible{outline:2px solid rgba(185,28,28,.45);border-radius:6px}.table-inline-toggle:hover span{color:var(--accent)}.table-inline-display.has-pending .table-inline-toggle span{font-weight:600}.table-inline-reset{padding:0;font-size:.85rem;line-height:1.2;min-width:auto}.table-inline-reset:hover{color:#111}.table-inline-placeholder{color:var(--text-muted);font-style:italic}.readonly-cell{background:#f8f9fa}.readonly-value{color:var(--text-secondary);cursor:not-allowed}.grouped-cell{font-weight:600;vertical-align:top;background:#fff}.grouped-cell--tribe{background:#fff;color:var(--text-primary)}.grouped-cell--billing{background:#fff3f4;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--text-secondary);border-right:1px solid rgba(17,17,17,.08)}.grouped-cell--project{background:#fff;color:var(--text-primary)}.grouped-data-row td{background-clip:padding-box}.group-total-row{background:#fff4f6}.group-total-row--project{background:#fff8fb}.group-total-row--billing{background:#fff5f7}.group-total-row--tribe{background:#fff}.group-total-row--grand{background:#fef2f2}.group-total-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.group-total-metric{font-weight:700;color:var(--text-primary)}.grouped-table-collection{display:flex;flex-direction:column;gap:1.5rem}.grouped-tribe-section{border:1px solid rgba(17,17,17,.08);border-radius:20px;padding:1.25rem 1.5rem;background:#fffffff2;box-shadow:0 20px 55px #11111114;display:flex;flex-direction:column;gap:1rem}.grouped-tribe-header,.grouped-billing-header,.grouped-project-table__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.grouped-tribe-metrics,.grouped-billing-metrics,.grouped-project-table__metrics{display:flex;flex-wrap:wrap;gap:.85rem;color:var(--text-secondary);font-weight:600}.grouped-billing-section{border:1px solid rgba(17,17,17,.06);border-radius:18px;background:#fff;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.grouped-project-table{border:1px solid rgba(17,17,17,.06);border-radius:16px;background:#fffffffa;box-shadow:0 12px 30px #1111110f;overflow:hidden;margin-top:.25rem}.grouped-project-table__header{padding:1rem 1.25rem;border-bottom:1px solid rgba(17,17,17,.08)}.grouped-project-table__table-wrapper{width:100%;overflow:auto}.grouped-total-table{border:1px dashed rgba(17,17,17,.15);border-radius:16px;background:#fff;overflow:hidden;margin-top:1rem}.grouped-total-table--grand{border-style:solid;border-color:#b91c1c33;background:#fff;padding:1rem}.grouped-table-empty{padding:1.25rem 1.5rem;border-radius:16px;border:1px dashed rgba(185,28,28,.4);background:#fff;text-align:center}.grouped-table-empty p{margin:0;font-weight:600}.grouped-table-collection table th{position:static;top:auto;background:#fff}.grouped-table-collection--interactive{gap:1.25rem}.tribe-summary-dashboard{background:#fff;border:1px solid rgba(185,28,28,.12);border-radius:20px;padding:1.25rem 1.5rem;box-shadow:0 12px 40px #b91c1c14}.tribe-summary-dashboard__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tribe-summary-dashboard__header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.tribe-summary-dashboard__controls{display:flex;align-items:center;gap:1rem;flex:1}.tribe-export-excel-btn{margin-left:auto}.view-toggle{display:inline-flex;background:#1111110d;border-radius:10px;padding:4px;gap:2px}.view-toggle__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.view-toggle__btn:hover:not(.active){background:#1111110d;color:var(--text-primary)}.view-toggle__btn.active{background:#fff;color:var(--primary-accent);box-shadow:0 2px 8px #1111111a}.view-toggle__btn svg{flex-shrink:0}.tribe-chart-container{background:#fffffffa;border:1px solid rgba(17,17,17,.08);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #1111110f}.tribe-chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:var(--text-secondary, #666)}.tribe-chart-no-data svg{color:var(--text-secondary, #999);margin-bottom:1rem;opacity:.6}.tribe-chart-no-data h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}.tribe-chart-no-data p{margin:0 0 .5rem;font-size:.9rem;line-height:1.5;max-width:400px}.tribe-chart-no-data p:last-child{margin-bottom:0}.tribe-chart-controls{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(17,17,17,.08)}.tribe-chart-control-group{display:flex;flex-direction:column;gap:.5rem}.tribe-chart-control-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.tribe-chart-toggle{display:inline-flex;background:#1111110d;border-radius:8px;padding:3px;gap:2px}.tribe-chart-toggle__btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.tribe-chart-toggle__btn:hover:not(.active){background:#1111110d;color:var(--text-primary)}.tribe-chart-toggle__btn.active{background:#fff;color:var(--primary-accent);box-shadow:0 2px 6px #11111114}.tribe-chart-select{padding:6px 28px 6px 10px;font-size:.8rem;border:1px solid rgba(17,17,17,.12);border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:140px}.tribe-chart-select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #b91c1c1a}.tribe-chart-wrapper{margin:1.5rem 0;min-height:400px}.tribe-pie-chart-layout{display:flex;justify-content:center;align-items:center;min-height:450px}.chart-tooltip{background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:10px;padding:.85rem 1.15rem;box-shadow:0 8px 24px #11111126;max-width:280px}.chart-tooltip__label{margin:0 0 .35rem;font-size:.85rem;font-weight:600;color:var(--text-primary);word-break:break-word}.chart-tooltip__value{margin:0;font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.tribe-chart-legend-table{margin-top:1.5rem;border-top:1px solid rgba(17,17,17,.08);padding-top:1rem}.tribe-chart-legend-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.tribe-chart-legend-hint{margin:0;font-size:.72rem;color:var(--text-secondary)}.tribe-chart-legend-search{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:#11111108;border:1px solid rgba(17,17,17,.08);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease;min-width:150px}.tribe-chart-legend-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #b91c1c1a}.tribe-chart-legend-search__icon{flex-shrink:0;color:var(--text-secondary)}.tribe-chart-legend-search__input{flex:1;border:none;background:transparent;font-size:.75rem;color:var(--text-primary);outline:none;min-width:0}.tribe-chart-legend-search__input::placeholder{color:var(--text-secondary)}.tribe-chart-legend-search__clear{display:flex;align-items:center;justify-content:center;padding:.15rem;border:none;background:#11111114;border-radius:3px;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.tribe-chart-legend-search__clear:hover{background:#b91c1c1a;color:var(--accent)}.tribe-chart-legend-scroll{max-height:320px;overflow-y:auto;border:1px solid rgba(17,17,17,.06);border-radius:10px;background:#fafafa80}.tribe-chart-legend-table table{width:100%;border-collapse:collapse;font-size:.8rem}.tribe-chart-legend-table thead{position:sticky;top:0;background:#fafafa;z-index:1}.tribe-chart-legend-table th{text-align:left;padding:.65rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid rgba(17,17,17,.1)}.tribe-chart-legend-table th:nth-child(2),.tribe-chart-legend-table th:nth-child(3){text-align:right}.tribe-chart-legend-table td{padding:.6rem 1rem;border-bottom:1px solid rgba(17,17,17,.04);color:var(--text-primary)}.tribe-chart-legend-table tr:last-child td{border-bottom:none}.tribe-chart-legend-table tr:hover{background:#b91c1c08}.tribe-chart-legend-table .legend-row--others{background:#11111105;font-style:italic}.tribe-chart-legend-table .legend-row--others td{color:var(--text-secondary)}.chart-legend-color{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:10px;vertical-align:middle;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.chart-legend-name{vertical-align:middle;word-break:break-word}.chart-legend-value,.chart-legend-percent{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-legend-percent{color:var(--text-secondary)}.tribe-chart-legend-note{margin:.75rem 0 0;padding:.5rem .75rem;font-size:.75rem;color:var(--text-secondary);background:#11111108;border-radius:6px;text-align:center}.legend-no-results{text-align:center;padding:1.5rem;color:var(--text-secondary);font-style:italic}.chart-legend-row{cursor:pointer;transition:background .15s ease,transform .1s ease}.chart-legend-row:hover:not(.legend-row--others){background:#b91c1c0f}.chart-legend-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:#b91c1c0a}.chart-legend-row.legend-row--others{cursor:default;opacity:.7}.chart-pie-cell{transition:all .2s ease}.chart-pie-cell--selected{transform-origin:center}.chart-bar-cell{transition:all .2s ease}.chart-bar-cell--selected{animation:bar-pulse .6s ease-out}@keyframes bar-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:1}}.chart-tooltip__hint{margin:.35rem 0 0;font-size:.65rem;color:var(--text-muted);font-style:italic}.chart-drilldown-panel{margin-top:1.5rem;background:linear-gradient(135deg,#fffffffa,#fafafafa);border:1px solid rgba(185,28,28,.15);border-radius:16px;box-shadow:0 8px 32px #b91c1c14;overflow:hidden;animation:drilldown-slide-in .2s ease-out}@keyframes drilldown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chart-drilldown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--accent) 0%,#dc2626 100%);color:#fff}.chart-drilldown-title{display:flex;flex-direction:column;gap:.15rem}.chart-drilldown-type{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.chart-drilldown-header h4{margin:0;font-size:1.1rem;font-weight:700}.chart-drilldown-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#ffffff26;border-radius:8px;color:#fff;cursor:pointer;transition:background .15s ease}.chart-drilldown-close:hover{background:#ffffff40}.chart-drilldown-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:1rem 1.25rem;background:#b91c1c08;border-bottom:1px solid rgba(17,17,17,.06)}.chart-drilldown-stat{text-align:center;padding:.5rem}.chart-drilldown-stat__label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.25rem}.chart-drilldown-stat__value{display:block;font-size:1.15rem;font-weight:700;color:var(--accent)}.chart-drilldown-table{padding:1rem 1.25rem 1.25rem}.chart-drilldown-table__wrapper{max-height:350px;overflow-y:auto;border:1px solid rgba(17,17,17,.06);border-radius:8px}.chart-drilldown-table table{width:100%;border-collapse:collapse;font-size:.8rem}.chart-drilldown-table th,.chart-drilldown-table td{padding:.6rem .75rem;text-align:left}.chart-drilldown-table th{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#11111108;border-bottom:1px solid rgba(17,17,17,.08);position:sticky;top:0;z-index:1;white-space:nowrap}.chart-drilldown-table th:nth-child(2),.chart-drilldown-table th:nth-child(3),.chart-drilldown-table th:nth-child(4){text-align:right}.chart-drilldown-table td{border-bottom:1px solid rgba(17,17,17,.04);color:var(--text-primary)}.chart-drilldown-table td:nth-child(1){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-drilldown-table td:nth-child(2),.chart-drilldown-table td:nth-child(3),.chart-drilldown-table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.chart-drilldown-table td.no-results{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.chart-drilldown-table tr:hover{background:#b91c1c05}.chart-drilldown-table tr:last-child td{border-bottom:none}.chart-drilldown-more{margin:.75rem 0 0;text-align:center;font-size:.75rem;color:var(--text-secondary)}.drilldown-projects-cell{text-align:left!important}.drilldown-project-link{display:inline;background:none;border:none;padding:0;font:inherit;font-size:.78rem;color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.drilldown-project-link:hover{color:#991b1b;text-decoration-style:solid}.drilldown-project-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.drilldown-employee-link{display:inline;background:none;border:none;padding:0;font:inherit;font-size:.8rem;color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.drilldown-employee-link:hover{color:#991b1b;text-decoration-style:solid}.drilldown-employee-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.drilldown-billing-cell{text-align:left!important}.drilldown-billing-link{display:inline;background:none;border:none;padding:0;font:inherit;font-size:.78rem;color:#7c3aed;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.drilldown-billing-link:hover{color:#5b21b6;text-decoration-style:solid}.drilldown-billing-link:focus-visible{outline:2px solid #7c3aed;outline-offset:2px;border-radius:2px}.drilldown-billing-expandable{display:inline-flex;align-items:baseline;gap:.15rem}.drilldown-billing-more{font-size:.72rem;color:var(--text-secondary)}.drilldown-billing-count{cursor:help;border-bottom:1px dotted var(--text-secondary)}.drilldown-projects-expandable{display:inline-flex;align-items:baseline;gap:.15rem}.drilldown-projects-more{font-size:.72rem;color:var(--text-secondary)}.drilldown-projects-count{cursor:help;border-bottom:1px dotted var(--text-secondary)}.drilldown-more-wrapper{position:relative;display:inline;font-size:.72rem;color:var(--text-secondary)}.drilldown-more-btn{background:none;border:none;padding:0;font:inherit;font-size:.72rem;color:var(--accent);cursor:pointer;border-bottom:1px dashed var(--accent);transition:color .15s ease,border-color .15s ease}.drilldown-more-btn:hover{color:#991b1b;border-color:#991b1b}.drilldown-more-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.drilldown-popup{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:100;min-width:180px;max-width:280px;max-height:240px;background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:8px;box-shadow:0 8px 24px #11111126;overflow:hidden;animation:drilldownPopupFadeIn .15s ease}@keyframes drilldownPopupFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.drilldown-popup__header{padding:.5rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#11111108;border-bottom:1px solid rgba(17,17,17,.08)}.drilldown-popup__list{max-height:200px;overflow-y:auto;padding:.25rem 0}.drilldown-popup__item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;font:inherit;font-size:.8rem;text-align:left;color:var(--text-primary);cursor:pointer;transition:background-color .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drilldown-popup__item:hover{background:#1111110a}.drilldown-popup__item:focus-visible{outline:none;background:#1111110f}.drilldown-popup__item--project{color:var(--accent)}.drilldown-popup__item--project:hover{background:#c81e1e0f}.drilldown-popup__item--billing{color:#7c3aed}.drilldown-popup__item--billing:hover{background:#7c3aed0f}.tribe-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem}.tribe-summary-card{background:#fffffff2;border:1px solid rgba(17,17,17,.08);border-radius:14px;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.tribe-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1111111a}.tribe-summary-card__label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.35rem}.tribe-summary-card__value{display:block;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.tribe-summary-card--tribes{border-color:#b91c1c33}.tribe-summary-card--tribes .tribe-summary-card__value{color:var(--accent)}.tribe-summary-card--hours{border-color:#3b82f633}.tribe-summary-card--hours .tribe-summary-card__value{color:#3b82f6}.tribe-summary-card--billable-tc{border-color:#22c55e33}.tribe-summary-card--billable-tc .tribe-summary-card__value{color:#22c55e}.tribe-summary-card--billable-inr{border-color:#a855f733}.tribe-summary-card--billable-inr .tribe-summary-card__value{color:#a855f7}.accordion-chevron{width:18px;height:18px;flex-shrink:0;transition:transform .25s ease;color:var(--text-secondary)}.accordion-chevron--expanded{transform:rotate(180deg)}.grouped-tribe-section--accordion{border-radius:18px;overflow:hidden;transition:box-shadow .2s ease}.grouped-tribe-section--accordion.collapsed{box-shadow:0 8px 24px #1111110f}.grouped-tribe-section--accordion.expanded{box-shadow:0 16px 48px #1111111a}.grouped-tribe-header--toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:none;background:linear-gradient(135deg,#fff,#fff);cursor:pointer;text-align:left;transition:background .15s ease}.grouped-tribe-header--toggle:hover{background:linear-gradient(135deg,#fff,#fff)}.grouped-tribe-header--toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grouped-tribe-header__left{display:flex;align-items:center;gap:.75rem}.grouped-tribe-header__left h3{margin:0;font-size:1.05rem}.grouped-tribe-metrics--inline{display:flex;flex-wrap:wrap;gap:.5rem}.grouped-tribe-content{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1rem}.grouped-tribe-content.hidden{display:none}.grouped-billing-section--accordion{border-radius:14px;overflow:hidden;background:#fff9f9}.grouped-billing-section--accordion.collapsed{background:#fffbfb}.grouped-billing-header--toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:none;background:#ffffffb3;cursor:pointer;text-align:left;transition:background .15s ease}.grouped-billing-header--toggle:hover{background:#fffffff2}.grouped-billing-header--toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grouped-billing-header__left{display:flex;align-items:center;gap:.65rem}.grouped-billing-header__left h4{margin:0;font-weight:600}.grouped-billing-metrics--inline{display:flex;flex-wrap:wrap;gap:.4rem}.grouped-billing-content{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.75rem}.grouped-billing-content.hidden{display:none}.grouped-project-table--accordion{border-radius:12px;overflow:hidden;background:#fffffffa;border:1px solid rgba(17,17,17,.06)}.grouped-project-table--accordion.collapsed{box-shadow:none}.grouped-project-table--accordion.expanded{box-shadow:0 6px 18px #1111110d}.grouped-project-table__header--toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:none;border-bottom:1px solid transparent;background:#fffafbe6;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.grouped-project-table--accordion.expanded .grouped-project-table__header--toggle{border-bottom-color:#1111110f}.grouped-project-table__header--toggle:hover{background:#fff5f6f2}.grouped-project-table__header--toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grouped-project-table__header-left{display:flex;align-items:center;gap:.6rem}.grouped-project-table__header-left h4{margin:0;font-size:.95rem;font-weight:600}.grouped-project-table__metrics--inline{display:flex;flex-wrap:wrap;gap:.35rem}.grouped-project-table__table-wrapper.hidden{display:none}.metric-pill{display:flex;flex-direction:column;align-items:center;background:#fffffff2;border:1px solid rgba(17,17,17,.1);border-radius:10px;padding:.4rem .75rem;min-width:70px}.metric-pill--small{padding:.3rem .6rem;min-width:60px;border-radius:8px}.metric-pill__label{font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.metric-pill__value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.metric-pill--small .metric-pill__value{font-size:.8rem}.metric-badge{display:inline-flex;align-items:center;background:#3b82f61a;color:#3b82f6;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.metric-badge--secondary{background:#1111110f;color:var(--text-secondary)}.grouped-total-table--tribe,.grouped-total-table--billing{margin-top:.75rem;border-radius:10px;overflow:hidden}.grouped-total-table--tribe{background:#fff3f4;border:1px solid rgba(185,28,28,.15)}.grouped-total-table--billing{background:#fff8f9;border:1px dashed rgba(17,17,17,.12)}.grouped-grand-total-header{padding:.75rem 1rem;border-bottom:1px solid rgba(185,28,28,.15)}.grouped-grand-total-header h3{margin:0;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.grouped-table-collection--horizontal{gap:1.25rem}.horizontal-grouped-table-wrapper{overflow-x:auto;border:1px solid rgba(17,17,17,.08);border-radius:16px;background:#fffffffa;box-shadow:0 12px 40px #1111110f}.horizontal-grouped-table{width:100%;border-collapse:collapse;font-size:.9rem}.horizontal-grouped-table thead tr{background:linear-gradient(135deg,#fff,#fff)}.horizontal-grouped-table th{padding:.85rem 1rem;text-align:left;font-weight:700;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid rgba(185,28,28,.15);white-space:nowrap}.hierarchy-header{position:sticky;left:0;z-index:2;background:inherit}.hierarchy-header--tribe{min-width:180px;background:#fff;border-right:2px solid rgba(185,28,28,.15)}.hierarchy-header--billing{min-width:150px;background:#fff;border-right:1px solid rgba(17,17,17,.1)}.hierarchy-header--project{min-width:160px;background:#fff;border-right:1px solid rgba(17,17,17,.08)}.detail-header{min-width:100px}.hierarchy-cell{vertical-align:top;padding:1rem;border-right:1px solid rgba(17,17,17,.08);position:sticky;left:0;z-index:1}.hierarchy-cell--tribe{background:linear-gradient(180deg,#fff,#fff);border-right:2px solid rgba(185,28,28,.12);min-width:180px}.hierarchy-cell--billing{background:linear-gradient(180deg,#fff,#fff);border-right:1px solid rgba(17,17,17,.1);min-width:150px;left:180px}.hierarchy-cell--project{background:#fff9f9;border-right:1px solid rgba(17,17,17,.08);min-width:160px;left:330px}.hierarchy-cell-content{display:flex;flex-direction:column;gap:.5rem}.hierarchy-label{font-weight:700;font-size:.95rem;color:var(--text-primary);line-height:1.3}.hierarchy-cell--tribe .hierarchy-label{font-size:1.05rem;color:var(--accent)}.hierarchy-cell--billing .hierarchy-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.hierarchy-metrics{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.hierarchy-metrics span{display:block;padding:.15rem .4rem;background:#fffc;border-radius:4px;width:fit-content}.hierarchy-cell--tribe .hierarchy-metrics span{background:#b91c1c14;font-weight:600}.horizontal-data-row td{padding:.65rem .85rem;border-bottom:1px solid rgba(17,17,17,.06);vertical-align:middle}.horizontal-data-row:hover td:not(.hierarchy-cell){background:#b91c1c0a}.horizontal-total-row{font-weight:600}.horizontal-total-row td{padding:.75rem .85rem;border-bottom:1px solid rgba(17,17,17,.08)}.horizontal-total-row--project{background:#fffbfc}.horizontal-total-row--project td{border-top:1px dashed rgba(17,17,17,.12)}.horizontal-total-row--billing{background:#fff5f6}.horizontal-total-row--billing td{border-top:1px solid rgba(17,17,17,.1);border-bottom:2px solid rgba(17,17,17,.08)}.horizontal-total-row--tribe{background:linear-gradient(90deg,#fff,#fff)}.horizontal-total-row--tribe td{border-top:2px solid rgba(185,28,28,.12);border-bottom:3px solid rgba(185,28,28,.15);padding:1rem .85rem}.horizontal-total-row--grand{background:linear-gradient(90deg,#fff,#fff)}.horizontal-total-row--grand td{border-top:3px solid rgba(185,28,28,.2);padding:1.1rem 1rem;font-size:1rem}.horizontal-total-label{display:flex;flex-direction:column;gap:.2rem}.horizontal-total-label--project{padding-left:1.25rem!important}.horizontal-total-label--billing{padding-left:.85rem!important}.horizontal-total-label--tribe,.horizontal-total-label--grand{text-align:left}.total-level-tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#1111110f;padding:.15rem .4rem;border-radius:4px;width:fit-content}.horizontal-total-row--tribe .total-level-tag,.horizontal-total-row--grand .total-level-tag{background:#b91c1c1f;color:var(--accent)}.total-level-name{font-size:.85rem;color:var(--text-primary)}.horizontal-total-row--tribe .total-level-name{font-size:.95rem;font-weight:700}.horizontal-total-metric{font-weight:700;color:var(--text-primary)}.horizontal-total-row--tribe .horizontal-total-metric,.horizontal-total-row--grand .horizontal-total-metric{color:var(--accent);font-size:1.05rem}.horizontal-total-spacer{background:transparent}.actions-cell{text-align:right;white-space:nowrap}.actions-stack{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.icon-button{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(17,17,17,.12);background:#fff;color:var(--text-primary);font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.icon-button svg{width:16px;height:16px;fill:currentColor}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button:not(:disabled):hover{border-color:#b91c1c59;background:#ffe4e6;color:var(--accent)}.icon-button.danger{border-color:#b91c1c59;color:var(--accent);background:#fff}.icon-button.danger:not(:disabled):hover{background:#ffc4cc;color:#111}tbody tr:nth-child(2n):not(.group-total-row){background:#fff7f7}tbody tr:hover:not(.group-total-row){background:#b91c1c14}.modal-overlay{position:fixed;inset:0;background:#1111118c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:999}.modal{width:min(600px,100%);max-height:85vh;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 25px 70px #11111159}.modal--compact{width:min(420px,100%);padding:1.1rem 1.25rem 1.25rem;gap:.75rem}.modal--compact .modal__content{padding:.25rem 0;gap:.65rem}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal__header h3{margin:.2rem 0 0}.modal__content{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:.5rem .25rem}.modal__content--single{grid-template-columns:1fr}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;grid-column:1 / -1;width:100%}.history-list__item{padding:.9rem 1.1rem;border-radius:16px;border:1px solid rgba(17,17,17,.08);background:#ffffffe6;box-shadow:0 12px 30px #11111114;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.history-list__item:focus-within{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 20px 45px #b91c1c40}.history-list__link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;text-align:left;gap:.15rem}.history-list__primary{font-size:1.15rem;font-weight:700;letter-spacing:.01em}.history-list__meta{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.ingest-alert{grid-column:1 / -1;padding:1.1rem 1.25rem;border-radius:18px;border:1px solid rgba(17,17,17,.12);background:#ffffffd9;display:flex;flex-direction:column;gap:.65rem}.ingest-alert--error{border-color:#b91c1c4d;background:#fff4f4}.ingest-success-copy{margin:0;font-weight:600;color:var(--text-secondary)}.ingest-raw-response{margin:0;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(17,17,17,.12);background:#11111108;font-size:.85rem;color:var(--text-primary);overflow:auto;white-space:pre-wrap}.ingest-details-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.ingest-details-list li{color:var(--text-secondary)}.ingest-details-list strong{color:var(--text-primary)}.modal-field{display:flex;flex-direction:column;gap:.35rem}.modal-field span{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.modal-field input{border-radius:12px;border:1px solid rgba(17,17,17,.15);padding:.65rem .9rem;font-size:.95rem;color:var(--text-primary);background:#fff}.modal-field select{border-radius:12px;border:1px solid rgba(17,17,17,.15);padding:.65rem 2.5rem .65rem .9rem;font-size:.95rem;color:var(--text-primary);background:#fff;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(17,17,17,.6) 50%),linear-gradient(135deg,rgba(17,17,17,.6) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}.po-modal{width:min(700px,95%)!important;max-width:700px!important;max-height:85vh!important;overflow:visible!important}.po-modal .modal__content{display:flex!important;flex-direction:column!important;gap:1.5rem!important;padding:.5rem 0!important;overflow:visible!important;flex:1;min-height:0}.po-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex-shrink:0}.po-projects-section{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid rgba(17,17,17,.08);padding-top:1.25rem;flex:1;min-height:0;overflow:visible}.po-projects-section__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0;flex-shrink:0}.po-project-search{position:relative;flex-shrink:0;z-index:10}.po-project-search__input{width:100%;border-radius:12px;border:1px solid rgba(17,17,17,.15);padding:.7rem 1rem;font-size:.95rem;color:var(--text-primary);background:#fff;box-sizing:border-box}.po-project-search__input:focus{outline:none;border-color:var(--accent)}.po-project-search__input::placeholder{color:var(--text-muted)}.po-project-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:9999}.po-project-suggestion-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;font-size:.85rem;color:#1e293b;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s ease}.po-project-suggestion-item:hover,.po-project-suggestion-item.selected{background:#fef2f2}.po-project-suggestion-item.selected{background:linear-gradient(to right,#fef2f2,#fee2e2)}.po-suggestion-icon{font-size:.75rem;opacity:.7;flex-shrink:0}.po-suggestion-code{font-weight:600;color:var(--accent);flex-shrink:0;min-width:180px}.po-suggestion-name{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-project-suggestions--empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.po-selected-projects{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;max-height:180px;overflow-y:auto;padding-right:.25rem;background:#11111103;border-radius:8px;padding:.5rem}.po-selected-projects::-webkit-scrollbar{width:6px}.po-selected-projects::-webkit-scrollbar-track{background:#1111110a;border-radius:3px}.po-selected-projects::-webkit-scrollbar-thumb{background:#11111126;border-radius:3px}.po-selected-projects::-webkit-scrollbar-thumb:hover{background:#11111140}.po-selected-project{display:grid;grid-template-columns:minmax(180px,auto) 1fr auto;gap:1rem;align-items:center;padding:.6rem .75rem;background:#ffffffe6;border:1px solid rgba(17,17,17,.06);border-radius:10px;flex-shrink:0}.po-selected-project__code{font-weight:600;font-size:.9rem;color:var(--accent);white-space:nowrap}.po-selected-project__name{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;min-width:0}.po-selected-project__remove{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:6px;transition:background .15s ease,color .15s ease}.po-selected-project__remove:hover{background:#b91c1c1a;color:var(--accent)}@media(max-width:600px){.po-fields-grid{grid-template-columns:1fr}.po-selected-project{grid-template-columns:1fr auto}.po-selected-project__name{display:none}}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:768px){.app-shell{padding:2.25rem 1rem 3rem}.primary-nav{width:100%;justify-content:space-between}.master-sub-nav-shell{width:100%}.master-sub-nav-shell .master-sub-nav{width:100%;justify-content:space-between}.employee-sub-nav-shell{width:100%}.employee-sub-nav-shell .sub-nav{width:100%;justify-content:space-between}.nav-item{flex:1;text-align:center}.panel{padding:1.25rem}.panel-heading{flex-direction:column;align-items:flex-start}table{min-width:480px}}.pdf-preview-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.pdf-preview-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0003}.pdf-preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eee;flex-shrink:0}.pdf-preview-modal__header h2{font-size:1.1rem;font-weight:700;margin:0}.pdf-preview-modal__actions{display:flex;gap:8px}.pdf-preview-modal__content{padding:24px;overflow-y:auto;flex:1}.pdf-header{margin-bottom:20px}.pdf-title{font-size:20px;font-weight:700;color:#111}.pdf-subtitle{font-size:12px;color:#666;margin-top:4px}.pdf-summary-cards{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.pdf-summary-card{background:#f8f8f8;border:1px solid #ddd;border-radius:8px;padding:12px 16px;min-width:110px}.pdf-summary-card__label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.05em;display:block}.pdf-summary-card__value{font-size:18px;font-weight:700;color:#b91c1c}.pdf-tribe-section{margin-bottom:16px;border-radius:8px;overflow:hidden;border:1px solid #ddd}.pdf-tribe-header{background:#111;color:#fff;padding:10px 14px}.pdf-tribe-name{font-size:14px;font-weight:600}.pdf-tribe-metrics{font-size:11px;opacity:.85;margin-top:2px}.pdf-billing-section{border-top:1px solid #ddd}.pdf-billing-header{background:#f5f5f5;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.pdf-billing-name{font-size:12px;font-weight:600;color:#333}.pdf-billing-metrics{font-size:10px;color:#666}.pdf-project-row{padding:6px 14px 6px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.pdf-project-row:last-child{border-bottom:none}.pdf-project-name{font-size:11px;color:#444}.pdf-project-metrics{font-size:10px;color:#888}.pdf-footer{margin-top:24px;font-size:10px;color:#999;text-align:center;border-top:1px solid #eee;padding-top:12px}.tribe-summary-standalone{min-height:100vh;padding:2rem 1.5rem 2.75rem;display:flex;flex-direction:column;gap:1rem}.tribe-summary-standalone .app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#111111f5,#b91c1cd9);border-radius:20px;color:#fff;box-shadow:0 16px 48px #1111112e}.tribe-summary-standalone .app-header__content{display:flex;flex-direction:column;gap:.35rem}.tribe-summary-standalone .app-header__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.tribe-summary-standalone .app-header__subtitle{margin:0;font-size:.85rem;opacity:.85;font-weight:400}@media(max-width:640px){.tribe-summary-standalone .app-header{flex-direction:column;align-items:stretch}}.table-density-toggle{display:inline-flex;background:#1111110d;border-radius:10px;padding:4px;gap:2px}.table-density-toggle__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.table-density-toggle__btn:hover:not(.active){background:#1111110d;color:var(--text-primary)}.table-density-toggle__btn.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #1111111a}.table-wrapper--compact table td,.table-wrapper--compact table th{padding:.35rem .65rem;font-size:.8rem}.table-wrapper--compact table td{line-height:1.25}.table-wrapper--compact table th{font-size:.7rem}.table-wrapper--comfortable table td,.table-wrapper--comfortable table th{padding:.75rem 1rem;font-size:.92rem}.table-wrapper--comfortable table td{line-height:1.45}.table-wrapper--spacious table td,.table-wrapper--spacious table th{padding:1.35rem 1.5rem;font-size:1.05rem}.table-wrapper--spacious table td{line-height:1.8}.table-wrapper--spacious table th{font-size:.9rem;padding-top:1.1rem;padding-bottom:1.1rem}.table-wrapper--spacious table tbody tr{border-bottom:2px solid rgba(0,0,0,.04)}.table-wrapper table tbody tr{transition:background .15s ease,transform .15s ease,box-shadow .15s ease;position:relative}.table-wrapper table tbody tr:hover{background:linear-gradient(90deg,#b91c1c0a,#fff0);box-shadow:inset 4px 0 0 0 var(--accent);z-index:1}.table-wrapper table tbody tr:hover td{color:var(--text-primary)}.table-wrapper table tbody tr:hover td:first-child{font-weight:600}.table-wrapper table tbody tr:focus-within{outline:2px solid rgba(185,28,28,.3);outline-offset:-2px;background:#b91c1c08}.table-wrapper--striped table tbody tr:nth-child(2n){background:linear-gradient(90deg,#11111105,#fff0)}.table-wrapper--striped table tbody tr:nth-child(odd){background:#fff}.table-wrapper--striped table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#b91c1c0d,#fff0)}.table-wrapper--accent-striped table tbody tr:nth-child(4n+1),.table-wrapper--accent-striped table tbody tr:nth-child(4n+2){background:#b91c1c05}.table-wrapper--accent-striped table tbody tr:nth-child(4n+3),.table-wrapper--accent-striped table tbody tr:nth-child(4n+4){background:#fff}.table-wrapper table tbody tr.row-selected{background:#b91c1c14!important;box-shadow:inset 4px 0 0 0 var(--accent)}.table-wrapper table tbody tr.row-selected td{font-weight:500}.table-wrapper table tbody tr.row-clickable{cursor:pointer}.table-wrapper table tbody tr.row-clickable:active{transform:scale(.995);background:#b91c1c0f}.table-wrapper--sticky-first-col table th:first-child,.table-wrapper--sticky-first-col table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:4px 0 8px #0000000a}.table-wrapper--sticky-first-col table tbody tr:hover td:first-child{background:linear-gradient(90deg,#fff8f8,#fff)}.table-wrapper--sticky-first-col table th:first-child:after,.table-wrapper--sticky-first-col table td:first-child:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:#b91c1c1f}.table-wrapper table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease}.table-wrapper table th.sortable-header:hover{background:#b91c1c0f;color:var(--accent)}.table-wrapper table th.sortable-header .sort-icon{margin-left:.5rem;font-size:.85rem;color:var(--accent);font-weight:700;opacity:0;transition:opacity .15s ease}.table-wrapper table th.sortable-header:hover .sort-icon,.table-wrapper table th.sortable-header.sorted .sort-icon{opacity:1}.table-wrapper table th.sorted{background:#b91c1c0a;color:var(--accent)}.table-wrapper table th .column-resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;background:transparent;transition:background .15s ease}.table-wrapper table th .column-resize-handle:hover,.table-wrapper table th .column-resize-handle.active{background:var(--accent)}.cell-progress-wrapper{position:relative;height:28px;background:#1111110a;border-radius:6px;overflow:hidden}.cell-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#ef4444);border-radius:6px;transition:width .3s ease}.cell-progress-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-weight:600;font-size:.85rem;color:var(--text-primary)}.row-quick-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px;background:#fff;padding:4px 8px;border-radius:8px;box-shadow:0 4px 16px #0000001f;animation:rowActionsPopIn .15s ease;z-index:5}@keyframes rowActionsPopIn{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.row-quick-actions button{padding:4px 8px;border:none;background:#1111110d;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.row-quick-actions button:hover{background:var(--accent);color:#fff}.table-search-enhanced{position:relative;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:12px;padding:.5rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.table-search-enhanced:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b91c1c1a}.table-search-enhanced__icon{color:var(--text-secondary);flex-shrink:0}.table-search-enhanced__input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-primary);outline:none}.table-search-enhanced__input::placeholder{color:var(--text-muted)}.table-search-enhanced__shortcut{display:inline-flex;align-items:center;padding:2px 6px;background:#1111110f;border-radius:4px;font-size:.7rem;font-weight:500;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.table-search-enhanced__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#1111110f;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.table-search-enhanced__clear:hover{background:#b91c1c1a;color:var(--accent)}.search-highlight{background:#b91c1c26;padding:0 2px;border-radius:2px;font-weight:500}.table-settings{position:relative}.table-settings__trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(17,17,17,.12);background:#fff;border-radius:10px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.table-settings__trigger:hover{border-color:var(--accent);color:var(--accent)}.table-settings__trigger.active{background:#b91c1c0d;border-color:var(--accent);color:var(--accent)}.table-settings__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:12px;box-shadow:0 12px 36px #11111126;padding:.75rem;z-index:100;animation:dropdownSlideIn .15s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-settings__section{padding:.5rem 0;border-bottom:1px solid rgba(17,17,17,.06)}.table-settings__section:last-child{border-bottom:none;padding-bottom:0}.table-settings__section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.table-settings__option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s ease}.table-settings__option:hover{background:#1111110a}.table-settings__option label{font-size:.85rem;color:var(--text-primary);cursor:pointer}.table-settings__toggle{position:relative;width:36px;height:20px;background:#11111126;border-radius:10px;transition:background .2s ease;cursor:pointer}.table-settings__toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform .2s ease}.table-settings__toggle.active{background:var(--accent)}.table-settings__toggle.active:after{transform:translate(16px)}.expandable-row-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#1111110f;border-radius:6px;cursor:pointer;transition:all .15s ease}.expandable-row-trigger:hover{background:#b91c1c1a;color:var(--accent)}.expandable-row-trigger svg{transition:transform .2s ease}.expandable-row-trigger.expanded svg{transform:rotate(90deg)}.expanded-detail-row td{background:linear-gradient(to bottom,#fef2f2,#fff);padding:0!important;border-bottom:2px solid rgba(185,28,28,.1)}.row-detail-panel{padding:1rem 1.5rem;animation:detailSlideDown .2s ease}@keyframes detailSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.row-detail-panel h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.row-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.row-detail-item{display:flex;flex-direction:column;gap:.25rem}.row-detail-item__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.row-detail-item__value{font-size:.95rem;font-weight:500;color:var(--text-primary)}.table-keyboard-hints{display:flex;gap:1.25rem;padding:.75rem 1rem;background:#11111108;border-radius:10px;margin-top:.75rem}.table-keyboard-hint{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.table-keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 6px;background:#fff;border:1px solid rgba(17,17,17,.15);border-radius:4px;font-size:.7rem;font-weight:500;font-family:SF Mono,Monaco,monospace;box-shadow:0 1px 2px #0000000d}.table-row-loading td{position:relative;overflow:hidden}.table-row-loading td:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(185,28,28,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.table-density-toggle{width:100%;justify-content:center}.table-settings__dropdown{left:0;right:0;min-width:auto}.table-keyboard-hints,.table-search-enhanced__shortcut{display:none}}.table-style-selector{display:inline-flex;background:#1111110a;border-radius:12px;padding:4px;gap:4px}.table-style-selector__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.table-style-selector__btn:hover:not(.active){background:#1111110f;color:var(--text-primary)}.table-style-selector__btn.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #1111111a}.table-style-selector__btn svg{width:18px;height:18px}.table-wrapper--rounded{border-radius:24px;overflow:hidden}.table-wrapper--rounded table th{background:linear-gradient(to bottom,#f8f8f8,#f0f0f0);padding:1rem 1.25rem}.table-wrapper--rounded table td{padding:.9rem 1.25rem}.table-wrapper--rounded table tbody tr{transition:background .2s ease}.table-wrapper--rounded table tbody tr:hover{background:linear-gradient(90deg,#fff5f5,#fff);box-shadow:none}.table-wrapper--material{border-radius:4px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;border:none}.table-wrapper--material table th{background:#fafafa;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#0000008a;border-bottom:1px solid rgba(0,0,0,.12)}.table-wrapper--material table td{border-bottom:1px solid rgba(0,0,0,.12);font-size:.875rem;color:#000000de}.table-wrapper--material table tbody tr:hover{background:#eee;box-shadow:none}.table-wrapper--material table tbody tr{position:relative;overflow:hidden}.table-wrapper--material table tbody tr:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.1) 10%,transparent 10%);background-size:1000% 1000%;opacity:0;transition:background-size .5s,opacity .5s;pointer-events:none}.table-wrapper--material table tbody tr:active:after{background-size:0% 0%;opacity:1;transition:0s}.table-wrapper--material-rounded{border-radius:16px;overflow:auto;box-shadow:0 2px 4px -1px #0000001f,0 4px 8px #00000014,0 1px 12px #0000000f;border:1px solid rgba(0,0,0,.06);background:#fff}.table-wrapper--material-rounded table{border-radius:16px}.table-wrapper--material-rounded table thead tr:first-child th:first-child{border-top-left-radius:15px}.table-wrapper--material-rounded table thead tr:first-child th:last-child{border-top-right-radius:15px}.table-wrapper--material-rounded table tbody tr:last-child td:first-child{border-bottom-left-radius:15px}.table-wrapper--material-rounded table tbody tr:last-child td:last-child{border-bottom-right-radius:15px}.table-wrapper--material-rounded table th{background:linear-gradient(to bottom,#fafafa,#f5f5f5);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#0009;border-bottom:1px solid rgba(0,0,0,.1);padding:.9rem 1.15rem}.table-wrapper--material-rounded table td{border-bottom:1px solid rgba(0,0,0,.08);font-size:.9rem;color:#000000de;padding:.85rem 1.15rem}.table-wrapper--material-rounded table tbody tr{position:relative;overflow:hidden;transition:background .18s ease}.table-wrapper--material-rounded table tbody tr:hover{background:linear-gradient(90deg,#b91c1c0a,#fafafacc)}.table-wrapper--material-rounded table tbody tr:last-child td{border-bottom:none}.table-wrapper--material-rounded table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.table-wrapper--material-rounded table tbody tr:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(185,28,28,.08) 10%,transparent 10%);background-size:1000% 1000%;opacity:0;transition:background-size .5s,opacity .5s;pointer-events:none}.table-wrapper--material-rounded table tbody tr:active:after{background-size:0% 0%;opacity:1;transition:0s}.table-wrapper--material-rounded .column-filter-select{border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.table-wrapper--material-rounded .column-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b91c1c1a;outline:none}.column-filter-autocomplete{position:relative;display:flex;align-items:center;width:100%}.column-filter-input{width:100%;padding:.35rem 1.8rem .35rem .5rem;font-size:.8rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;color:#333;transition:border-color .15s ease,box-shadow .15s ease}.column-filter-input::placeholder{color:#999;font-size:.75rem}.column-filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b91c1c1a;outline:none}.column-filter-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#00000014;border:none;border-radius:50%;cursor:pointer;color:#666;transition:background-color .15s ease,color .15s ease}.column-filter-clear:hover{background:#b91c1c26;color:var(--accent)}.column-filter-clear:focus{outline:none;box-shadow:0 0 0 2px #b91c1c33}.table-wrapper--material-rounded .column-filter-input{border-radius:8px;font-size:.8rem}.table-wrapper--material-rounded .column-filter-clear{background:#b91c1c14}.table-wrapper--material-rounded .column-filter-clear:hover{background:#b91c1c33}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:6px 0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;max-height:240px;overflow-y:auto;overflow-x:hidden;z-index:1000;list-style:none;animation:autocomplete-fade-in .15s ease}@keyframes autocomplete-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.autocomplete-suggestion{padding:8px 12px;font-size:.85rem;color:#333;cursor:pointer;transition:background-color .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-suggestion:hover,.autocomplete-suggestion--active{background:linear-gradient(135deg,#b91c1c14,#b91c1c0a)}.autocomplete-suggestion--active{background:linear-gradient(135deg,#b91c1c1f,#b91c1c0f);color:var(--accent)}.autocomplete-highlight{background:#b91c1c26;color:var(--accent);font-weight:600;padding:0 2px;border-radius:2px}.autocomplete-suggestions::-webkit-scrollbar{width:6px}.autocomplete-suggestions::-webkit-scrollbar-track{background:transparent;margin:6px 0}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#00000040}.table-wrapper--material-rounded .autocomplete-suggestions{border-radius:10px;box-shadow:0 10px 30px #0000001f,0 4px 12px #00000014}.column-header{position:sticky;top:0;z-index:3;background:#f5f4f3;-webkit-user-select:none;user-select:none;cursor:grab}.column-header:active{cursor:grabbing}.column-header--dragging{opacity:.5;background:#b91c1c1a}.column-header--drag-over{background:#b91c1c26;box-shadow:inset 0 0 0 2px var(--accent)}.column-header--pinned-left{position:sticky;z-index:10;background:#f5f4f3;box-shadow:4px 0 12px #0000001f}.column-header--pinned-right{position:sticky;z-index:10;background:#f5f4f3;box-shadow:-4px 0 12px #0000001f}.cell--pinned-left{position:sticky;z-index:5;background:#fff!important;box-shadow:4px 0 12px #0000001a}.cell--pinned-right{position:sticky;z-index:5;background:#fff!important;box-shadow:-4px 0 12px #0000001a}.table-wrapper--material-rounded tbody tr:hover .cell--pinned-left,.table-wrapper--material-rounded tbody tr:hover .cell--pinned-right{background:#fef7f7!important}.table-wrapper--material-rounded tbody tr:nth-child(2n) .cell--pinned-left,.table-wrapper--material-rounded tbody tr:nth-child(2n) .cell--pinned-right{background:#fafafa!important}.table-wrapper--material-rounded tbody tr:nth-child(2n):hover .cell--pinned-left,.table-wrapper--material-rounded tbody tr:nth-child(2n):hover .cell--pinned-right{background:#fef7f7!important}.column-filter-row th.cell--pinned-left,.column-filter-row th[style*=sticky]{position:sticky;z-index:8;background:#f5f5f5}.filter-cell--pinned-left{position:sticky;z-index:8;background:#f5f5f5!important;box-shadow:4px 0 12px #0000001a}.filter-cell--pinned-right{position:sticky;z-index:8;background:#f5f5f5!important;box-shadow:-4px 0 12px #0000001a}.column-header-content{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.column-header-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-header-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.column-header:hover .column-header-actions{opacity:1}.column-stats-btn,.column-pin-btn,.column-sort-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:#0000000d;border-radius:4px;color:#666;cursor:pointer;transition:background-color .15s ease,color .15s ease}.column-stats-btn:hover,.column-pin-btn:hover,.column-sort-btn:hover{background:#b91c1c1f;color:var(--accent)}.column-pin-btn--active,.column-sort-btn--active{background:#b91c1c26;color:var(--accent)}.column-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;transition:background-color .15s ease}.column-resize-handle:hover,.column-header:has(.column-resize-handle:active) .column-resize-handle{background:var(--accent);opacity:.5}.column-menu-wrapper{position:relative}.column-menu-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;color:#555;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;cursor:pointer;transition:all .15s ease}.column-menu-trigger:hover,.column-menu-trigger.active{background:#b91c1c0f;border-color:#b91c1c4d;color:var(--accent)}.column-menu-dropdown{position:absolute;top:100%;right:0;margin-top:6px;min-width:280px;max-height:400px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 12px 36px #00000026;z-index:1000;overflow:hidden;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.column-menu-header{padding:12px 16px;font-size:.85rem;font-weight:600;color:#333;background:linear-gradient(180deg,#fafafa,#f5f5f5);border-bottom:1px solid rgba(0,0,0,.08)}.column-menu-list{max-height:320px;overflow-y:auto;padding:8px 0}.column-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;transition:background-color .1s ease}.column-menu-item:hover{background:#00000008}.column-menu-visibility{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:#0000000d;border-radius:6px;color:#999;cursor:pointer;transition:all .15s ease}.column-menu-visibility.visible{background:#228b221f;color:#228b22}.column-menu-visibility:hover{background:#b91c1c1f;color:var(--accent)}.column-menu-name{flex:1;font-size:.85rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-menu-name.hidden{color:#999;text-decoration:line-through}.column-menu-actions{display:flex;gap:4px}.column-menu-pin{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;border-radius:4px;color:#bbb;cursor:pointer;transition:all .15s ease}.column-menu-pin:hover{background:#0000000f;color:#666}.column-menu-pin.pinned{background:#b91c1c1f;color:var(--accent)}.quick-stats-popup{position:fixed;min-width:220px;max-width:300px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 12px 40px #0000002e,0 4px 12px #00000014;z-index:1100;animation:quick-stats-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes quick-stats-pop{0%{opacity:0;transform:scale(.9) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-stats-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,var(--accent) 0%,#c62828 100%);border-radius:12px 12px 0 0}.quick-stats-title{font-size:.9rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-stats-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:#fff3;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .15s ease}.quick-stats-close:hover{background:#ffffff59}.quick-stats-content{padding:12px 14px}.quick-stats-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.quick-stats-label{font-size:.8rem;color:#666}.quick-stats-value{font-size:.85rem;font-weight:600;color:#333}.quick-stats-divider{height:1px;margin:8px 0;background:#00000014}.quick-stats-section-title{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:4px 0 8px}.quick-stats-row--common{gap:12px}.quick-stats-common-value{flex:1;font-size:.8rem;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-stats-common-count{font-size:.75rem;font-weight:600;color:var(--accent);background:#b91c1c14;padding:2px 8px;border-radius:10px}.table-settings__columns-list{max-height:200px;overflow-y:auto;margin:8px 0;padding:4px 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.table-settings__column-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .1s ease}.table-settings__column-item:hover{background:#00000008}.table-settings__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;transition:all .15s ease}.table-settings__checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.table-settings__column-name{flex:1;font-size:.8rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-settings__pin-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--accent);background:#b91c1c1a;padding:2px 6px;border-radius:4px}.table-settings__actions{display:flex;gap:8px;padding:8px 12px}.table-settings__action-btn{flex:1;padding:6px 12px;font-size:.75rem;font-weight:500;color:#666;background:#0000000a;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.table-settings__action-btn:hover{background:#b91c1c1a;color:var(--accent)}.link-button,.table-settings__trigger,.table-settings__action-btn,.column-menu-trigger,.column-stats-btn,.column-pin-btn,.column-sort-btn,.column-filter-clear,.quick-stats-close,.table-density-toggle__btn{position:relative;overflow:hidden;transform:translateZ(0)}.link-button:active,.table-settings__trigger:active,.table-settings__action-btn:active,.column-menu-trigger:active,.column-stats-btn:active,.column-pin-btn:active,.column-sort-btn:active,.column-filter-clear:active,.quick-stats-close:active,.table-density-toggle__btn:active{transform:scale(.96);transition:transform 80ms ease}@keyframes ripple-effect{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.table-wrapper--material-rounded tbody tr{transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.table-wrapper--material-rounded tbody tr:hover{transform:translate(2px)}.table-wrapper--material-rounded tbody tr:active{transform:scale(.998);transition:transform 80ms ease}@keyframes cell-focus-glow{0%,to{box-shadow:0 0 0 3px #b91c1c1a}50%{box-shadow:0 0 0 4px #b91c1c26}}.table-inline-input:focus,.table-inline-textarea:focus,.column-filter-input:focus{animation:cell-focus-glow 2s ease-in-out infinite}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-slide-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}.table-settings__dropdown,.column-menu-dropdown{animation:dropdown-slide-down .25s cubic-bezier(.34,1.56,.64,1);transform-origin:top right}.autocomplete-suggestions{animation:dropdown-slide-down .2s cubic-bezier(.22,1,.36,1);transform-origin:top center}@keyframes suggestion-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.autocomplete-suggestion{animation:suggestion-slide-in .15s ease backwards}.autocomplete-suggestion:nth-child(1){animation-delay:0ms}.autocomplete-suggestion:nth-child(2){animation-delay:20ms}.autocomplete-suggestion:nth-child(3){animation-delay:40ms}.autocomplete-suggestion:nth-child(4){animation-delay:60ms}.autocomplete-suggestion:nth-child(5){animation-delay:80ms}.autocomplete-suggestion:nth-child(6){animation-delay:.1s}.autocomplete-suggestion:nth-child(7){animation-delay:.12s}.autocomplete-suggestion:nth-child(8){animation-delay:.14s}.column-menu-item{animation:suggestion-slide-in .18s ease backwards}.column-menu-item:nth-child(1){animation-delay:30ms}.column-menu-item:nth-child(2){animation-delay:50ms}.column-menu-item:nth-child(3){animation-delay:70ms}.column-menu-item:nth-child(4){animation-delay:90ms}.column-menu-item:nth-child(5){animation-delay:.11s}.column-menu-item:nth-child(6){animation-delay:.13s}.quick-stats-popup{animation:quick-stats-bounce .35s cubic-bezier(.34,1.56,.64,1)}@keyframes quick-stats-bounce{0%{opacity:0;transform:scale(.8) translateY(-16px)}60%{transform:scale(1.02) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-stats-row{animation:stats-row-fade .2s ease backwards}@keyframes stats-row-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quick-stats-row:nth-child(1){animation-delay:50ms}.quick-stats-row:nth-child(2){animation-delay:80ms}.quick-stats-row:nth-child(3){animation-delay:.11s}.quick-stats-row:nth-child(4){animation-delay:.14s}.quick-stats-row:nth-child(5){animation-delay:.17s}.quick-stats-row:nth-child(6){animation-delay:.2s}.quick-stats-row:nth-child(7){animation-delay:.23s}@keyframes column-drag-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--accent)}50%{box-shadow:inset 0 0 0 3px var(--accent)}}.column-header--drag-over{animation:column-drag-pulse .6s ease infinite}@keyframes pin-badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.table-settings__pin-badge{animation:pin-badge-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkbox-check{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.table-settings__checkbox.checked svg{animation:checkbox-check .25s cubic-bezier(.34,1.56,.64,1)}@keyframes resize-handle-pulse{0%,to{opacity:.5}50%{opacity:1}}.column-resize-handle:active{animation:resize-handle-pulse .4s ease infinite;background:var(--accent)}.table-density-toggle__btn{transition:background-color .2s ease,color .2s ease,transform .1s ease,box-shadow .2s ease}.table-density-toggle__btn.active{box-shadow:0 2px 8px #b91c1c40}.table-wrapper{transition:padding .3s cubic-bezier(.22,1,.36,1)}.table-wrapper td,.table-wrapper th{transition:padding .3s cubic-bezier(.22,1,.36,1),font-size .2s ease}@keyframes clear-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(90deg)}}.column-filter-clear:hover{animation:clear-spin .2s ease}.table-settings__trigger svg{transition:transform .25s ease}.table-settings__trigger.active svg{transform:rotate(180deg)}.column-menu-trigger svg rect{transition:transform .2s ease,opacity .15s ease}.column-menu-trigger:hover svg rect:first-child{transform:translate(1px);opacity:.8}.column-menu-trigger:hover svg rect:last-child{transform:translate(-1px)}@keyframes highlight-pulse{0%,to{background:#b91c1c26}50%{background:#b91c1c40}}.autocomplete-highlight{animation:highlight-pulse 1.5s ease infinite}@keyframes list-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.table-wrapper,.autocomplete-suggestions,.column-menu-list,.table-settings__columns-list,.quick-stats-content{scroll-behavior:smooth}@keyframes focus-ring-expand{0%{box-shadow:0 0 #b91c1c66}to{box-shadow:0 0 0 4px #b91c1c1a}}button:focus-visible,input:focus-visible,select:focus-visible{animation:focus-ring-expand .2s ease forwards;outline:none}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[title]:hover:after{animation:tooltip-appear .15s ease}.column-header{transition:background-color .2s ease,box-shadow .2s ease}.column-header:hover{box-shadow:0 2px 8px #00000014}.column-pin-btn svg,.column-menu-pin svg{transition:transform .2s ease}.column-pin-btn:hover svg,.column-menu-pin:hover svg{transform:rotate(-15deg)}.column-pin-btn--active svg,.column-menu-pin.pinned svg{transform:rotate(0)}.column-stats-btn svg rect{transition:height .2s ease,y .2s ease}.column-stats-btn:hover svg rect:nth-child(1){height:6;y:5}.column-stats-btn:hover svg rect:nth-child(2){height:9;y:2}.column-stats-btn:hover svg rect:nth-child(3){height:8;y:3}.column-menu-visibility svg{transition:transform .2s ease}.column-menu-visibility:hover svg{transform:scale(1.15)}@keyframes elastic-hover{0%{transform:scale(1)}40%{transform:scale(1.1)}60%{transform:scale(.95)}to{transform:scale(1)}}.quick-stats-close:hover,.column-filter-clear:hover{animation:elastic-hover .4s ease}.chat-fab-button{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#111111,var(--accent));color:#fff;border:none;border-radius:999px;font-family:Sora,Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #b91c1c59;transition:all .2s ease;z-index:900}.chat-fab-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #b91c1c73}.chat-fab-button:active{transform:translateY(0)}.chat-fab-icon{font-size:1.1rem}.chat-fab-label{letter-spacing:.02em}@media(max-width:600px){.chat-fab-button{bottom:1.25rem;right:1.25rem;padding:.65rem 1rem;font-size:.8rem}}@media(max-width:1024px){.app-shell{padding:1.75rem 1.25rem 2.5rem}.topbar-left{gap:1.5rem}.topbar-brand img{width:100px;height:100px}.panel{padding:1.5rem}.table-wrapper{min-height:clamp(380px,calc(100vh - 280px),1200px);max-height:clamp(480px,calc(100vh - 200px),1000px)}}@media(max-width:768px){.app-shell{padding:1.5rem 1rem 2.25rem;gap:.85rem}.app-topbar{flex-direction:column;gap:.85rem;padding:.85rem 1rem}.topbar-left{width:100%;flex-direction:column;align-items:flex-start;gap:1rem}.topbar-brand{width:100%;justify-content:flex-start}.topbar-brand img{width:80px;height:80px}.topbar-brand p{font-size:.85rem}.primary-nav--pills{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:.35rem .5rem}.primary-nav--pills::-webkit-scrollbar{display:none}.primary-nav--pills .nav-item{min-width:auto;padding:.65rem 1.1rem;font-size:.68rem;white-space:nowrap}.master-sub-nav-shell,.employee-sub-nav-shell{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.master-sub-nav-shell::-webkit-scrollbar,.employee-sub-nav-shell::-webkit-scrollbar{display:none}.master-sub-nav,.master-sub-nav--classic{flex-wrap:nowrap;overflow-x:auto;padding:.65rem .85rem}.sub-nav-item,.sub-nav-item--classic{padding:.45rem 1rem;font-size:.68rem;white-space:nowrap;flex-shrink:0}.panel{padding:1.25rem;border-radius:20px}.panel-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.panel-heading__title h2{font-size:1.1rem}.employee-shared-actions{flex-direction:column;align-items:stretch;padding:1rem 1.25rem;gap:.85rem}.employee-shared-actions__meta{min-width:auto;width:100%}.employee-shared-actions__buttons{width:100%;justify-content:flex-start}.inline-edit-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.inline-edit-actions{width:100%;justify-content:space-between}.inline-edit-toolbar .submit-button{min-width:auto;flex:1}.table-wrapper{border-radius:14px;min-height:clamp(320px,calc(100vh - 240px),800px);max-height:clamp(400px,calc(100vh - 180px),700px)}.table-wrapper{position:relative}.table-wrapper--sticky-first-col table th:first-child,.table-wrapper--sticky-first-col table td:first-child{position:static;left:auto;right:auto;box-shadow:none}.table-wrapper--sticky-first-col table th:first-child:after,.table-wrapper--sticky-first-col table td:first-child:after{display:none}.cell--pinned-left,.cell--pinned-right,.column-header--pinned-left,.column-header--pinned-right,.filter-cell--pinned-left,.filter-cell--pinned-right{position:static!important;left:auto!important;right:auto!important;box-shadow:none!important}.table-wrapper th[style*=left],.table-wrapper td[style*=left],.table-wrapper th[style*=right],.table-wrapper td[style*=right],.column-header{position:static!important;left:auto!important;right:auto!important}.hierarchy-header,.hierarchy-header--tribe,.hierarchy-header--billing,.hierarchy-header--project,.hierarchy-cell,.hierarchy-cell--tribe,.hierarchy-cell--billing,.hierarchy-cell--project{position:static!important;left:auto!important}.horizontal-grouped-table{min-width:800px}table{min-width:520px}th{padding:.7rem .85rem;font-size:.875rem}td{padding:.6rem .85rem;font-size:.875rem}.modal-overlay{padding:1rem}.modal{width:100%;max-height:90vh;padding:1.25rem;border-radius:20px}.modal__content{grid-template-columns:1fr;gap:.85rem}.modal__footer{flex-direction:column-reverse;gap:.5rem}.modal__footer button{width:100%}.submit-button,.secondary-button{padding:.65rem 1.25rem;font-size:.8rem}}@media(max-width:640px){.app-shell{padding:1.25rem .85rem 2rem;gap:.75rem}.app-topbar{padding:.75rem .85rem;border-radius:18px}.topbar-brand img{width:64px;height:64px}.topbar-brand p{font-size:.8rem}.topbar-brand span{font-size:.75rem}.primary-nav--pills .nav-item{padding:.55rem .9rem;font-size:.65rem;min-width:100px}.sub-nav-item,.sub-nav-item--classic{padding:.4rem .85rem;font-size:.65rem}.panel{padding:1rem;border-radius:16px}.panel-heading__title h2{font-size:1rem}.panel-heading__title p{font-size:.8rem}.employee-mode-btn{padding:.75rem 1.25rem;font-size:.85rem;gap:.5rem}.table-wrapper{border-radius:12px;min-height:clamp(280px,calc(100vh - 200px),600px);max-height:clamp(350px,calc(100vh - 160px),550px)}th,td{padding:.5rem .7rem;font-size:.8rem}.actions-column{width:120px}.modal{padding:1rem;border-radius:16px;max-height:92vh}.modal--compact{padding:.85rem 1rem}.modal__header h3{font-size:1rem}.modal-field span{font-size:.8rem}.modal-field input,.modal-field select{font-size:.85rem;padding:.5rem .65rem}.billing-period__grid{flex-direction:column;gap:.65rem}.billing-period__grid>*{width:100%}.search-input,.filter-select{font-size:.85rem;padding:.5rem .85rem}}@media(max-width:480px){.app-shell{padding:1rem .65rem 1.75rem;gap:.65rem}.app-topbar{padding:.65rem .75rem;border-radius:14px}.topbar-brand{gap:.65rem}.topbar-brand img{width:52px;height:52px}.topbar-brand p{font-size:.75rem}.topbar-brand span{font-size:.7rem}.primary-nav--pills{padding:.25rem .35rem}.primary-nav--pills .nav-item{padding:.5rem .75rem;font-size:.6rem;min-width:85px}.master-sub-nav,.master-sub-nav--classic{padding:.5rem .65rem;gap:.5rem}.sub-nav-item,.sub-nav-item--classic{padding:.35rem .7rem;font-size:.6rem}.panel{padding:.85rem;border-radius:14px}.panel-heading__title h2{font-size:.95rem}.employee-mode-toggle__buttons{flex-direction:column;border-bottom:none}.employee-mode-btn{padding:.65rem 1rem;font-size:.8rem;border-bottom:2px solid #e5e5e5}.employee-mode-btn.active{border-bottom-color:var(--accent)}.table-wrapper{border-radius:10px}table{min-width:480px}th,td{padding:.45rem .55rem;font-size:.75rem}.actions-column{width:100px}.modal-overlay{padding:.5rem}.modal{padding:.85rem;border-radius:14px;max-height:95vh}.modal__header{gap:.65rem}.modal__header h3{font-size:.95rem}.summary-overline{font-size:.65rem}.submit-button,.secondary-button,.link-button{padding:.55rem 1rem;font-size:.75rem}.employee-shared-actions{padding:.85rem 1rem;border-radius:18px}.employee-shared-actions__period{font-size:.85rem}}@media(hover:none)and (pointer:coarse){.nav-item,.sub-nav-item,.sub-nav-item--classic{min-height:44px;display:flex;align-items:center;justify-content:center}.submit-button,.secondary-button,.link-button{min-height:44px}.primary-nav--pills .nav-item:hover:before{opacity:0;transform:scale(.94)}.primary-nav--pills .nav-item.active:before{opacity:1;transform:scale(1)}.table-wrapper{-webkit-overflow-scrolling:touch}.primary-nav--pills,.master-sub-nav-shell,.employee-sub-nav-shell{-webkit-user-select:none;user-select:none}table tbody tr{cursor:pointer;-webkit-tap-highlight-color:rgba(185,28,28,.1)}.modal-overlay{touch-action:auto}.modal{touch-action:pan-y}.modal__content{touch-action:pan-y;-webkit-overflow-scrolling:touch}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-top);padding:20px;font-family:Sora,Space Grotesk,Space Mono,sans-serif}.login-container{width:100%;max-width:420px;text-align:center}.login-header{margin-bottom:32px;color:var(--text-primary)}.login-header h1{font-size:1.75rem;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.login-header p{font-size:.95rem;color:var(--text-muted);margin:0}.login-card{background:var(--card-bg);border-radius:22px;padding:40px 32px;box-shadow:0 14px 34px #1111111f;border:1px solid var(--card-border)}.login-icon{color:var(--accent);margin-bottom:20px}.login-card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.login-description{font-size:.9rem;color:var(--text-muted);margin:0 0 24px;line-height:1.6}.login-error{background:#fef2f2;border:1px solid #fecaca;color:var(--accent);padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:.875rem;display:flex;align-items:center;gap:8px}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;font-size:.85rem;font-weight:600;font-family:inherit;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,rgba(17,17,17,.9),var(--accent));border:none;border-radius:999px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.login-button:hover:not(:disabled){box-shadow:0 18px 40px #b91c1c33;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-loading{display:flex;align-items:center;gap:8px}.login-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{font-size:.75rem;color:var(--text-muted);margin:24px 0 0;line-height:1.6}@media(max-width:768px){.login-page{padding:16px}.login-header{margin-bottom:24px}.login-header h1{font-size:1.5rem}.login-card{padding:32px 24px;border-radius:18px}.login-card h2{font-size:1.125rem}}@media(max-width:480px){.login-page{padding:12px}.login-header{margin-bottom:20px}.login-header h1{font-size:1.35rem}.login-header p{font-size:.875rem}.login-card{padding:24px 20px;border-radius:16px}.login-card h2{font-size:1rem}.login-description{font-size:.85rem;margin-bottom:20px}.login-button{padding:12px 20px;font-size:.8rem}.login-error{padding:10px 12px;font-size:.8rem}.login-footer{font-size:.7rem;margin-top:20px}}