:root{--bg: #f8fafc;--panel: #ffffff;--ink: #071b4d;--muted: #64748b;--line: #e2e8f0;--brand: #176b87;--brand-2: #14b8a6;--accent: #23a6a6;--good: #22c55e;--warn: #f59e0b;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,Manrope,Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{border:0;cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr;background:#f8fafc}.login-panel{padding:40px 56px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;box-shadow:4px 0 24px #0f172a0d;z-index:2;overflow-y:auto}.login-card-container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:28px}.brand-header{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;display:grid;place-items:center;background:#f1f5f9;border-radius:12px;box-shadow:0 4px 12px #176b871a}.brand-names h2{margin:0;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.brand-names span{display:block;font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.brand-mark,.sidebar-brand span,.profile span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--brand);color:#fff;font-weight:800}.avatar-img{object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}.welcome-text h1{margin:0 0 6px;font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.75px}.welcome-text p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.pill-slider-container{width:100%}.pill-slider{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px}.pill-slider button{flex:1;padding:10px;border-radius:8px;background:transparent;color:#64748b;font-weight:700;font-size:13.5px;transition:all .2s ease}.pill-slider button.active{background:#fff;color:var(--brand);box-shadow:0 4px 12px #0f172a14}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:13px;font-weight:650;color:#344054;margin-bottom:0}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.input-with-icon input{padding-left:44px!important;height:48px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:14px;transition:all .2s ease}.input-with-icon input:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px #176b871a;outline:none}input,select{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}.btn-primary{width:100%;height:48px;background:var(--brand);color:#fff;font-size:15px;font-weight:750;border-radius:10px;transition:all .2s ease;box-shadow:0 4px 12px #176b8726}.btn-primary:hover{background:#115065;transform:translateY(-1px);box-shadow:0 6px 16px #176b8740}.btn-primary:active{transform:translateY(0)}.demo-accounts-box{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.demo-title{font-size:12.5px;font-weight:750;color:#475569}.demo-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.demo-buttons button{padding:8px 4px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:11.5px;font-weight:700;transition:all .2s ease;text-align:center}.demo-buttons button:hover{border-color:var(--brand);color:var(--brand);background:#eaf6fb;transform:translateY(-1px);box-shadow:0 4px 8px #176b8714}.login-visual{position:relative;padding:8vh 64px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden}.visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#111827d1,#176b89c7);z-index:1}.showcase-content{position:relative;z-index:2;max-width:680px;display:flex;flex-direction:column;gap:20px}.showcase-tag{align-self:start;background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:6px 14px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-content h1{margin:0;font-size:40px;font-weight:850;line-height:1.25;letter-spacing:-1.5px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.showcase-content p{margin:0;font-size:15px;color:#ffffffe6;line-height:1.6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.feature-item{display:flex;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-2px)}.feature-icon{font-size:24px;flex-shrink:0}.feature-item h3{margin:0 0 4px;font-size:14px;font-weight:750;color:#fff}.feature-item p{margin:0;font-size:12px;color:#fffc;line-height:1.5}.muted{color:var(--muted);font-size:12px;text-align:center}.error{color:var(--danger);background:#fff0f0;border:1px solid #ffd0d0;padding:10px;border-radius:8px;font-size:13.5px}.success{color:var(--good);background:#ecfdf5;border:1px solid #bcebd5;padding:10px;border-radius:8px;font-size:13.5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px 1fr}.sidebar{background:#111827;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.sidebar nav{display:grid;gap:5px}.sidebar button{color:#d8dee9;background:transparent;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;text-align:left}.sidebar button.active,.sidebar button:hover{background:#223047;color:#fff}.main-shell{min-width:0}.topbar{height:72px;display:flex;align-items:center;gap:14px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:0 12px;max-width:620px}.search input{border:0;background:transparent}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;color:#334155}.alert-button{position:relative}.alert-button i{position:absolute;top:7px;right:7px;width:9px;height:9px;background:var(--accent);border-radius:50%;border:2px solid white}.profile{display:flex;align-items:center;gap:10px;min-width:210px}.profile-button{border:0;background:transparent;color:inherit;text-align:left;padding:0}.profile strong,.profile small{display:block}.profile small{color:var(--muted)}.content{padding:26px;display:grid;gap:22px}.alerts-panel{position:fixed;top:74px;right:20px;width:min(390px,calc(100vw - 40px));max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #0f172a2e;border-radius:8px;z-index:10;padding:16px}.alerts-panel h2{margin:0 0 12px;font-size:17px}.alerts-panel div{padding:12px 0;border-bottom:1px solid var(--line)}.alerts-panel div:last-child{border-bottom:0}.alerts-panel p{margin:5px 0;color:var(--muted)}.alerts-panel small{color:var(--muted)}.alerts-panel .alert-read{opacity:.68}.page-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.page-header h1{margin:0 0 6px;font-size:28px;letter-spacing:-.02em;font-weight:700;text-rendering:optimizeLegibility;font-feature-settings:"kern"}.page-header p{margin:0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.stat{padding:18px;display:grid;gap:10px}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:22px;font-weight:600;letter-spacing:-.01em}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:18px;min-width:0}.panel h2{margin:0 0 14px;font-size:17px;letter-spacing:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase}tr:last-child td{border-bottom:0}.badge{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;padding:4px 9px;background:#eef2f7;color:#334155;font-size:12px;font-weight:750;white-space:nowrap}.urgent,.overdue,.rejected,.blocked,.cancelled{background:#fff1f1;color:var(--danger)}.high,.pending,.waiting-for-review,.on-hold{background:#fff7df;color:var(--warn)}.completed,.approved,.active{background:#eaf8f2;color:var(--good)}.in-progress{background:#eaf6fb;color:var(--brand)}.not-started{background:#f1f5f9;color:#64748b}progress{width:110px;height:10px;accent-color:var(--brand-2)}.feed-item{padding:12px 0;border-bottom:1px solid var(--line)}.feed-item:first-child{padding-top:0}.feed-item:last-child{border-bottom:0;padding-bottom:0}.feed-item p{margin:5px 0;color:var(--muted);line-height:1.45}.notice{color:var(--muted);padding:12px;border-radius:8px;background:#f8fafc;border:1px solid var(--line)}.profile-panel{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px}.profile-form .actions,.profile-form .success{grid-column:1 / -1}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f7f9fc;color:#334155;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-weight:750;min-height:40px;cursor:pointer}.upload-button input{display:none}.empty{color:var(--muted);padding:18px;border:1px dashed var(--line);border-radius:8px;background:#fbfcfe}.kanban{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px;overflow:auto}.kanban section{background:#eef2f7;border:1px solid var(--line);border-radius:8px;padding:12px;min-height:170px}.kanban h3{margin:0 0 10px;font-size:14px;color:#475569}.mini-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px;display:grid;gap:7px}.mini-card.not-started{background:#f8fafc;border-left:4px solid #94a3b8}.mini-card.in-progress{background:#f0f9ff;border-left:4px solid #0284c7}.mini-card.on-hold{background:#fffbeb;border-left:4px solid #d97706}.mini-card.completed{background:#f0fdf4;border-left:4px solid #16a34a}.mini-card.cancelled{background:#fef2f2;border-left:4px solid #dc2626}.mini-card span{color:var(--muted);font-size:13px}.actions,.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inline-form input,.inline-form select{max-width:190px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.form-grid .wide{grid-column:span 2}.form-grid button,.row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:#fff;border-radius:8px;padding:10px 12px;font-weight:750;min-height:40px}.row-actions{display:flex;align-items:center;gap:8px;min-width:160px}.row-actions select{min-width:150px;padding:8px}.row-actions button:nth-child(n+2),.row-actions button:only-child{background:#f7f9fc;color:#334155;border:1px solid var(--line)}@media(max-width:980px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:18px 10px!important}.sidebar-brand strong{display:none!important}.sidebar nav button{justify-content:center!important;padding:11px 12px!important}.sidebar button span{display:none!important}.sidebar-saas-toggle{padding:10px 8px!important}.sidebar-toggle-container{display:none!important}.sidebar-footer{flex-direction:column!important;padding-top:12px!important;gap:8px!important}.sidebar-footer-info{display:none!important}.stats-grid,.split{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(5,220px)}}@media(max-width:1024px){.login-shell{grid-template-columns:1fr;height:100vh;max-height:100vh}.login-visual{display:none!important}.login-panel{padding:40px 24px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.topbar{padding:10px;height:auto;flex-wrap:wrap}.profile{min-width:0}.content{padding:16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.two-col,.profile-panel,.profile-form{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:768px){.form-grid,.two-col,.profile-meta-grid,.task-drawer-grid{grid-template-columns:1fr!important}.form-grid .wide,.form-grid .wide-row{grid-column:auto!important}}.settings-tabs-container{display:flex;border-bottom:2px solid var(--line);margin-bottom:12px;gap:4px}.settings-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;cursor:pointer}.settings-tab-btn:hover{color:var(--brand)}.settings-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:18px;color:var(--dark);font-weight:750}.modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:background-color .2s}.modal-close-btn:hover{background:#f1f5f9;color:#334155}.modal-body{padding:20px;overflow-y:auto}.modal-body form{margin:0!important;border:none!important;box-shadow:none!important;padding:0!important}.page-actions{display:flex;justify-content:flex-end;margin-bottom:16px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.stat.warning{border-top:3px solid var(--warn)!important}.stat.warning strong{color:var(--warn)}.stat.interactive{transition:all .2s ease}.stat.interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0d;border-color:var(--brand)}.quick-actions-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:8px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:8px}.btn-action{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s ease}.btn-action:hover{background:#f0f4f8;border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 8px #0f172a0a}.sidebar-footer{border-top:1px solid #1f2937;padding-top:16px;margin-top:auto;display:flex;align-items:center;gap:12px;width:100%}.sidebar-footer-info{flex:1;min-width:0}.sidebar-footer-name{font-size:13.5px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer-role{font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer-logout{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-footer-logout:hover{background:#374151;color:#ef4444}@media(max-width:980px){.sidebar-footer{flex-direction:column;padding-top:12px}.sidebar-footer-info{display:none}}.checkin-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:14px}.checkin-status-row{display:flex;align-items:center;gap:10px;font-size:14px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.active{background:var(--good)}.status-dot.break{background:var(--warn)}.status-dot.inactive{background:#94a3b8}.checkin-timer{font-size:26px;font-weight:700;font-family:monospace;color:var(--ink)}.checkin-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-checkin{flex:1;min-width:110px;padding:10px 14px;border-radius:8px;font-weight:750;font-size:13.5px;text-align:center;cursor:pointer;transition:all .2s ease}.btn-checkin.in{background:var(--brand);color:#fff}.btn-checkin.in:hover{background:#12546b}.btn-checkin.out{background:#fff1f1;color:var(--danger);border:1px solid #ffd0d0}.btn-checkin.out:hover{background:#fee2e2}.btn-checkin.break{background:#fff7df;color:var(--warn);border:1px solid #ffeeba}.btn-checkin.break:hover{background:#fef3c7}.blocked-banner{background:#fff1f1;color:var(--danger);border:1.5px dashed #ffd0d0;padding:12px;border-radius:8px;font-size:13px;line-height:1.45}.finance-placeholder{position:relative;overflow:hidden}.finance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;padding:16px;text-align:center}.finance-overlay span{background:#f1f5f9;border:1px solid var(--line);padding:6px 12px;border-radius:99px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.finance-overlay h3{margin:0 0 6px;font-size:15px;color:var(--ink);font-weight:700}.finance-overlay p{margin:0;font-size:12.5px;color:var(--muted);max-width:260px;line-height:1.4}.dashboard-notifications-panel{max-height:none!important;overflow:visible!important}.projects-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.projects-summary-grid .stat{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;height:68px;box-sizing:border-box}.projects-summary-grid .stat-info{display:flex;flex-direction:column;gap:2px}.projects-summary-grid .stat-info span{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.projects-summary-grid .stat-info strong{font-size:18px;font-weight:700;color:var(--ink);line-height:1.1}.projects-summary-grid .stat-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.projects-summary-grid .card-total .stat-icon{background:#176b871a;color:var(--brand)}.projects-summary-grid .card-not-started .stat-icon{background:#64748b1a;color:#64748b}.projects-summary-grid .card-in-progress .stat-icon{background:#0284c71a;color:#0284c7}.projects-summary-grid .card-on-hold .stat-icon{background:#b453091a;color:#b45309}.projects-summary-grid .card-completed .stat-icon{background:#15803d1a;color:#15803d}.projects-summary-grid .card-overdue .stat-icon{background:#c2413d1a;color:var(--danger)}.projects-summary-grid .card-overdue.warning{border-color:#fca5a5;background:#fef2f2}@media(max-width:980px){.projects-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.projects-summary-grid{grid-template-columns:repeat(2,1fr)}}.projects-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#fff;padding:6px 10px;border-radius:8px;border:1px solid var(--line);margin-bottom:12px}.projects-search-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 10px;flex:2;min-width:200px;height:34px}.projects-search-input{border:none;padding:0;width:100%;outline:none;font-size:13px;background:transparent;height:100%}.projects-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 8px;font-size:13px;outline:none;min-width:110px;height:34px;flex:1;cursor:pointer}.projects-select:focus,.projects-search-wrapper:focus-within{border-color:var(--brand)}.projects-toolbar-right{display:flex;align-items:center;gap:12px;white-space:nowrap}.projects-archive-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:var(--ink)}.projects-archive-toggle input{cursor:pointer;width:auto;margin:0}.projects-clear-btn{padding:6px 10px;background:transparent;border:none;color:var(--danger);font-size:13px;cursor:pointer;font-weight:600;transition:opacity .15s ease}.projects-clear-btn:hover{opacity:.8}@media(max-width:980px){.projects-toolbar{flex-direction:column;align-items:stretch;padding:10px;gap:8px}.projects-search-wrapper,.projects-select{width:100%;min-width:0}.projects-toolbar-right{justify-content:space-between;width:100%;margin-top:4px}}.view-switcher-tabs{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px;margin-bottom:12px}.view-tab{padding:6px 12px;font-size:13px;font-weight:600;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;height:28px;box-sizing:content-box}.view-tab:hover:not(.disabled){color:var(--ink);background:#fff6}.view-tab.active{color:var(--brand);background:#fff;box-shadow:0 1px 3px #0f172a14;font-weight:700}.view-tab.disabled{color:#94a3b8;opacity:.6;cursor:not-allowed}.view-tab.disabled:hover{color:#94a3b8}tr:hover td{background-color:#f8fafc!important}.badge.low{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.badge.medium{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.badge.high{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.badge.urgent{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.badge.not-started{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.badge.in-progress{background:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.badge.on-hold{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.badge.completed{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge.cancelled{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.kanban-col{transition:background-color .2s,border-color .2s;border:2px dashed transparent}.kanban-col.drag-over{background-color:#f1f5f9!important;border-color:var(--brand)!important}.draggable-card{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .15s,opacity .15s}.draggable-card:active{cursor:grabbing}.draggable-card.dragging{opacity:.4;transform:scale(.98)}.skeleton{animation:pulse 1.5s infinite;border-radius:8px}.clients-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.clients-summary-grid .stat{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;height:68px;box-sizing:border-box}.clients-summary-grid .stat-info{display:flex;flex-direction:column;gap:2px}.clients-summary-grid .stat-info span{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.clients-summary-grid .stat-info strong{font-size:18px;font-weight:700;color:var(--ink);line-height:1.1}.clients-summary-grid .stat-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.clients-summary-grid .card-total .stat-icon{background:#176b871a;color:var(--brand)}.clients-summary-grid .card-active .stat-icon{background:#1887611a;color:var(--good)}.clients-summary-grid .card-inactive .stat-icon{background:#64748b1a;color:#64748b}.clients-summary-grid .card-projects .stat-icon{background:#0284c71a;color:#0284c7}.clients-summary-grid .card-contracts .stat-icon{background:#b453091a;color:#b45309}@media(max-width:980px){.clients-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.clients-summary-grid{grid-template-columns:repeat(2,1fr)}}.clients-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#fff;padding:6px 10px;border-radius:8px;border:1px solid var(--line);margin-bottom:12px}.clients-search-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 10px;flex:2;min-width:200px;height:34px}.clients-search-input{border:none;padding:0;width:100%;outline:none;font-size:13px;background:transparent;height:100%}.clients-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 8px;font-size:13px;outline:none;min-width:110px;height:34px;flex:1;cursor:pointer}.clients-select:focus,.clients-search-wrapper:focus-within{border-color:var(--brand)}.clients-toolbar-right{display:flex;align-items:center;gap:12px;white-space:nowrap}.clients-archive-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:var(--ink)}.clients-archive-toggle input{cursor:pointer;width:auto;margin:0}.clients-clear-btn{padding:6px 10px;background:transparent;border:none;color:var(--danger);font-size:13px;cursor:pointer;font-weight:600;transition:opacity .15s ease}.clients-clear-btn:hover{opacity:.8}@media(max-width:980px){.clients-toolbar{flex-direction:column;align-items:stretch;padding:10px;gap:8px}.clients-search-wrapper,.clients-select{width:100%;min-width:0}.clients-toolbar-right{justify-content:space-between;width:100%;margin-top:4px}}.tasks-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.tasks-summary-grid .stat{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;height:68px;box-sizing:border-box}.tasks-summary-grid .stat-info{display:flex;flex-direction:column;gap:2px}.tasks-summary-grid .stat-info span{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tasks-summary-grid .stat-info strong{font-size:18px;font-weight:700;color:var(--ink);line-height:1.1}.tasks-summary-grid .stat-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.tasks-summary-grid .card-total .stat-icon{background:#176b871a;color:var(--brand)}.tasks-summary-grid .card-todo .stat-icon{background:#64748b1a;color:#64748b}.tasks-summary-grid .card-inprogress .stat-icon{background:#0284c71a;color:#0284c7}.tasks-summary-grid .card-completed .stat-icon{background:#15803d1a;color:#15803d}.tasks-summary-grid .card-overdue .stat-icon{background:#c2413d1a;color:var(--danger)}.tasks-summary-grid .card-overdue.warning{border-color:#fca5a5;background:#fef2f2}.tasks-summary-grid .card-duetoday .stat-icon{background:#d977061a;color:#d97706}@media(max-width:980px){.tasks-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.tasks-summary-grid{grid-template-columns:repeat(2,1fr)}}.tasks-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#fff;padding:6px 10px;border-radius:8px;border:1px solid var(--line);margin-bottom:12px}.tasks-search-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 10px;flex:2;min-width:180px;height:34px}.tasks-search-input{border:none;padding:0;width:100%;outline:none;font-size:13px;background:transparent;height:100%}.tasks-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 8px;font-size:13px;outline:none;min-width:100px;height:34px;flex:1;cursor:pointer}.tasks-select:focus,.tasks-search-wrapper:focus-within{border-color:var(--brand)}.tasks-clear-btn{padding:6px 10px;background:transparent;border:none;color:var(--danger);font-size:13px;cursor:pointer;font-weight:600;transition:opacity .15s ease}.tasks-clear-btn:hover{opacity:.8}@media(max-width:768px){.tasks-toolbar{flex-direction:column;align-items:stretch;padding:10px;gap:8px}.tasks-search-wrapper,.tasks-select{width:100%;min-width:0}}.view-switcher{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px;margin-bottom:16px;width:fit-content}.view-switcher-btn{padding:6px 12px;font-size:13px;font-weight:600;border-radius:6px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.view-switcher-btn:hover{color:var(--ink)}.view-switcher-btn.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #0000000d}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}@media(max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:400px}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kanban-column-title{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.kanban-column-count{background:#e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.kanban-cards-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 280px)}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000005;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-color:#cbd5e1}.kanban-card-title{font-size:13.5px;font-weight:600;color:var(--ink);margin:0;line-height:1.4}.kanban-card-project{font-size:11px;color:var(--muted);font-weight:500}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:8px;border-top:1px dashed var(--line)}.kanban-card-assignee{font-size:11px;color:var(--muted);font-weight:600}.calendar-view-container{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-title{font-size:16px;font-weight:700;color:var(--ink)}.calendar-nav-btn{background:#f1f5f9;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;color:#475569;transition:background .15s ease}.calendar-nav-btn:hover{background:#e2e8f0}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;font-size:12px;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(90px,auto);gap:4px}.calendar-day-cell{background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px;min-height:90px}.calendar-day-cell.other-month{opacity:.4;background:#f1f5f9}.calendar-day-cell.today{border-color:var(--brand);background:#176b8705}.calendar-day-number{font-size:12px;font-weight:700;color:var(--ink)}.calendar-day-events{display:flex;flex-direction:column;gap:3px;overflow-y:auto;max-height:70px}.calendar-event-item{font-size:10px;padding:2px 4px;border-radius:4px;background:var(--brand);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:600}.calendar-event-item.low{background:#64748b}.calendar-event-item.medium{background:#0284c7}.calendar-event-item.high{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.calendar-event-item.urgent{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.calendar-event-item.completed{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;text-decoration:line-through}.task-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease-out}.task-drawer{background:#fff;width:620px;min-width:560px;max-width:720px;height:100%;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}.task-drawer-header{position:sticky;top:0;background:#fff;z-index:10;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.task-drawer-title-row{display:flex;align-items:flex-start;gap:8px;flex:1}.task-drawer-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.task-drawer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid var(--line)}.task-drawer-meta-item{display:flex;flex-direction:column;gap:3px}.task-drawer-meta-item label{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:600;letter-spacing:.5px}.task-drawer-meta-item span{font-size:13px;font-weight:600;color:var(--ink)}.task-drawer-section{display:flex;flex-direction:column;gap:6px}.task-drawer-section-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.5px;border-bottom:1px solid var(--line);padding-bottom:4px}.task-drawer-description,.task-drawer-remarks{font-size:13px;line-height:1.5;color:var(--ink);white-space:pre-wrap;background:#f8fafc;padding:10px;border-radius:6px;border:1px solid var(--line)}.status-pill-dropdown{position:relative;display:inline-block}.status-pill-trigger{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;border-radius:99px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.status-pill-trigger:hover{filter:brightness(.95)}.status-pill-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:100;min-width:140px;padding:4px 0;animation:fadeIn .15s ease}.status-pill-item{width:100%;padding:6px 12px;text-align:left;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:8px}.status-pill-item:hover{background:#f1f5f9}.checklist-item-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;border:1px solid transparent}.checklist-item-row:hover{background:#f8fafc;border-color:var(--line)}.checklist-item-left{display:flex;align-items:center;gap:8px;flex:1}.checklist-item-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--brand)}.checklist-item-label{font-size:13px;color:var(--ink);cursor:pointer}.checklist-item-label.done{text-decoration:line-through;color:var(--muted)}.checklist-delete-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:2px;border-radius:4px;display:none}.checklist-item-row:hover .checklist-delete-btn{display:inline-flex}.checklist-delete-btn:hover{color:var(--danger);background:#fee2e2}.timelog-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px dashed var(--line)}.timelog-row:last-child{border-bottom:none}.timelog-info{display:flex;flex-direction:column;gap:2px}.timelog-meta{font-size:11px;color:var(--muted);font-weight:500}.timelog-note{font-size:12px;color:var(--ink)}.timelog-right{display:flex;align-items:center;gap:10px}.timelog-duration{font-size:12.5px;font-weight:700;color:var(--brand)}.activity-feed-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:4px}.activity-feed-item{font-size:11.5px;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--brand);padding-left:8px;margin-left:4px}.activity-feed-meta{color:var(--muted);font-size:10px}.actions-dropdown-container{position:relative;display:inline-block}.actions-dropdown-trigger{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.actions-dropdown-trigger:hover{background:#f1f5f9;color:var(--ink)}.actions-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:100;min-width:130px;padding:4px 0;animation:fadeIn .15s ease}.actions-dropdown-item{width:100%;padding:8px 12px;text-align:left;border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:8px}.actions-dropdown-item:hover{background:#f1f5f9}.actions-dropdown-item.danger{color:var(--danger)}.actions-dropdown-item.danger:hover{background:#fef2f2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:600px){.task-drawer{width:100vw!important;min-width:0!important;max-width:100vw!important}}.tasks-toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.tasks-toast{padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;animation:slideInUp .2s cubic-bezier(.16,1,.3,1);min-width:240px;border:1px solid transparent}.tasks-toast.success{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.tasks-toast.error{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-menu{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 25px #0f172a1f;min-width:120px;display:flex;flex-direction:column;padding:4px 0;animation:fadeIn .15s ease}.todos-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin-bottom:20px}@media(max-width:980px){.todos-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.todos-summary-grid{grid-template-columns:repeat(2,1fr)}}.todos-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;padding:12px 16px;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.todos-search-wrapper{position:relative;flex:1;min-width:200px}.todos-search-wrapper input{padding-left:36px;height:40px;font-size:14px;width:100%}.todos-search-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.todos-select{height:40px;width:auto;min-width:140px;border:1.5px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;font-size:14px;color:var(--ink)}.btn-clear-filters{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;background:#f1f5f9;color:#475569;border-radius:8px;font-weight:600;font-size:13.5px;transition:all .2s;white-space:nowrap}.btn-clear-filters:hover{background:#e2e8f0;color:#1e293b}@media(max-width:720px){.todos-toolbar{flex-direction:column;align-items:stretch}.todos-select{width:100%}.todos-search-wrapper{width:100%;flex:none}}.todo-row-actions{display:flex;gap:8px;align-items:center}.btn-todo-action{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f8fafc;color:#475569;border:1px solid var(--line);transition:all .2s}.btn-todo-action:hover{background:#f1f5f9;color:#1e293b}.btn-todo-action.danger:hover{background:#fef2f2;color:var(--danger);border-color:#fca5a5}.btn-todo-text-action{height:32px;padding:0 10px;font-size:13px;font-weight:600;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;color:#475569;border:1px solid var(--line);transition:all .2s}.btn-todo-text-action:hover{background:#eaf6fb;color:var(--brand);border-color:#bce6f2}.due-overdue{color:var(--danger)!important;font-weight:700!important}.due-today{color:#d97706!important;font-weight:700!important}.due-tomorrow{color:#854d0e!important;font-weight:600!important}.due-future{color:var(--muted)!important}.confirm-message{font-size:15px;line-height:1.5;color:#334155;margin-bottom:20px}.confirm-todo-title{display:block;font-weight:700;color:var(--ink);background:#f8fafc;border:1px solid var(--line);padding:10px 12px;border-radius:8px;margin-top:8px;font-family:monospace}.admin-view-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:8px 16px;border-radius:8px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.employees-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:20px}@media(max-width:980px){.employees-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.employees-summary-grid{grid-template-columns:repeat(2,1fr)}}.employees-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;padding:12px 16px;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.employees-search-wrapper{position:relative;flex:1;min-width:200px}.employees-search-wrapper input{padding-left:36px;height:40px;font-size:14px;width:100%}.employees-search-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.employees-select{height:40px;width:auto;min-width:140px;border:1.5px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;font-size:14px;color:var(--ink)}.btn-employees-clear{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;background:#f1f5f9;color:#475569;border-radius:8px;font-weight:600;font-size:13.5px;transition:all .2s;white-space:nowrap}.btn-employees-clear:hover{background:#e2e8f0;color:#1e293b}@media(max-width:720px){.employees-toolbar{flex-direction:column;align-items:stretch}.employees-select{width:100%}.employees-search-wrapper{width:100%;flex:none}}.modal-section-title{grid-column:span 4;font-size:14px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:14px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.form-grid .wide-row{grid-column:span 4}.profile-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.profile-section-card{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:12px 16px}.profile-section-card h4{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.profile-section-card p{margin:0;font-size:14.5px;font-weight:600;color:var(--ink)}.profile-tab-content{margin-top:16px;display:flex;flex-direction:column;gap:12px}.spinner{border:3px solid rgba(0,0,0,.05);border-top:3px solid var(--brand);border-radius:50%;width:28px;height:28px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contracts-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:20px}@media(max-width:980px){.contracts-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.contracts-summary-grid{grid-template-columns:repeat(2,1fr)}}.contracts-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;padding:12px 16px;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.contracts-search-wrapper{position:relative;flex:1;min-width:200px}.contracts-search-wrapper input{padding-left:36px;height:40px;font-size:14px;width:100%}.contracts-search-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.contracts-select{height:40px;width:auto;min-width:130px;border:1.5px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;font-size:14px;color:var(--ink)}.btn-contracts-clear{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;background:#f1f5f9;color:#475569;border-radius:8px;font-weight:600;font-size:13.5px;transition:all .2s;white-space:nowrap}.btn-contracts-clear:hover{background:#e2e8f0;color:#1e293b}@media(max-width:720px){.contracts-toolbar{flex-direction:column;align-items:stretch}.contracts-select{width:100%}.contracts-search-wrapper{width:100%;flex:none}}.announcements-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.announcements-summary-grid .stat{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;height:68px;box-sizing:border-box}.announcements-summary-grid .stat-info{display:flex;flex-direction:column;gap:2px}.announcements-summary-grid .stat-info span{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.announcements-summary-grid .stat-info strong{font-size:18px;font-weight:700;color:var(--ink);line-height:1.1}.announcements-summary-grid .stat-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.announcements-summary-grid .card-total .stat-icon{background:#176b871a;color:var(--brand)}.announcements-summary-grid .card-published .stat-icon{background:#1887611a;color:var(--good)}.announcements-summary-grid .card-pinned .stat-icon{background:#0284c71a;color:#0284c7}.announcements-summary-grid .card-drafts .stat-icon{background:#64748b1a;color:#64748b}.announcements-summary-grid .card-unread .stat-icon{background:#ef44441a;color:var(--danger)}@media(max-width:980px){.announcements-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.announcements-summary-grid{grid-template-columns:repeat(2,1fr)}}.announcements-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid var(--line);margin-bottom:20px}.announcements-search-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 10px;flex:2;min-width:200px;height:38px;box-sizing:border-box}.announcements-search-input{border:none;padding:0;width:100%;outline:none;font-size:13.5px;background:transparent;height:100%;color:var(--ink)}.announcements-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 10px;font-size:13.5px;height:38px;color:var(--ink);outline:none;flex:1;min-width:130px;box-sizing:border-box}.announcements-select:focus,.announcements-search-wrapper:focus-within{border-color:var(--brand)}.announcements-clear-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;height:38px;padding:0 12px;border-radius:6px;cursor:pointer;background:#f1f5f9;border:1px solid var(--line);color:#475569;transition:all .2s;white-space:nowrap}.announcements-clear-btn:hover{background:#e2e8f0;color:#1e293b}@media(max-width:768px){.announcements-toolbar{flex-direction:column;align-items:stretch;padding:10px;gap:8px}.announcements-search-wrapper,.announcements-select{width:100%;min-width:0}.announcements-clear-btn{width:100%;justify-content:center}}.announcement-card{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;position:relative;transition:box-shadow .2s;box-sizing:border-box}.announcement-card:hover{box-shadow:0 4px 12px #0f172a0d}.announcement-card.pinned{border-left:4px solid var(--brand)}.announcement-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.announcement-title-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.announcement-title{margin:0;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;transition:color .2s}.announcement-title:hover{color:var(--brand)}.announcement-body{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5;white-space:pre-wrap;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;WebkitLineClamp:3;WebkitBoxOrient:vertical}.announcement-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}.announcement-meta-left{display:flex;gap:16px;flex-wrap:wrap}.announcement-meta-left span{display:flex;align-items:center;gap:4px}.announcement-meta-right{display:flex;align-items:center}.read-more-btn{padding:4px 10px!important;font-size:12px!important;min-height:auto!important;height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.settings-mobile-tabs{display:none;width:100%;margin-bottom:16px}.settings-mobile-select{width:100%;padding:10px 14px;font-size:14px;font-weight:600;border-radius:8px;background-color:var(--card-bg);border:1px solid var(--line);color:var(--text);outline:none}@media(max-width:768px){.settings-desktop-tabs{display:none!important}.settings-mobile-tabs{display:block}}@media(min-width:769px){.settings-desktop-tabs{display:flex;flex-wrap:wrap}}.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:99px;padding:1px 5px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--panel)}.realtime-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid var(--line);background:#f8fafc}.realtime-status-pill .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.realtime-status-pill.live{color:var(--good);background:#eaf8f2;border-color:#18876133}.realtime-status-pill.live .dot{background:var(--good)}.realtime-status-pill.reconnecting{color:var(--warn);background:#fff7df;border-color:#b7791f33}.realtime-status-pill.reconnecting .dot{background:var(--warn);animation:pulse 1s infinite alternate}.realtime-status-pill.offline{color:var(--danger);background:#fff1f1;border-color:#c2413d33}.realtime-status-pill.offline .dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;background:#e2e8f0}.stat,.panel,.quick-actions-card{border-radius:12px!important;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003,inset 0 1px #fff9;border:1px solid var(--line)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.stat.interactive:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 20px -3px #176b8714,0 4px 6px -2px #176b8708;border-color:var(--brand)!important}.stat.warning.interactive:hover{box-shadow:0 12px 20px -3px #b7791f1a,0 4px 6px -2px #b7791f0a;border-color:var(--warn)!important}.quick-actions-card{padding:22px 24px!important;background:linear-gradient(135deg,#fffffff2,#f0f9ffcc,#f8fafcf2)!important;border:1px solid rgba(23,107,135,.18)!important;border-radius:14px!important;box-shadow:0 10px 30px -5px #0f172a0a,0 2px 6px -1px #176b870f!important;transition:all .3s ease}.quick-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.quick-actions-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.quick-actions-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 2px 6px #176b874d}.quick-actions-subtitle{font-size:12px;color:var(--muted);font-weight:500}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.btn-action{background:#fff!important;color:#0f172a!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:10px 14px!important;font-weight:700!important;font-size:13.5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 2px 4px #0f172a08,0 1px 2px #0f172a05!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;cursor:pointer}.btn-action-left{display:flex;align-items:center;gap:10px}.btn-action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.action-teal .btn-action-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;box-shadow:0 2px 6px #14b8a640}.action-green .btn-action-icon{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 2px 6px #22c55e40}.action-indigo .btn-action-icon{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 2px 6px #6366f140}.action-blue .btn-action-icon{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;box-shadow:0 2px 6px #38bdf840}.action-amber .btn-action-icon{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 2px 6px #f59e0b40}.btn-action-arrow{color:#94a3b8;opacity:.5;transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.btn-action:hover{transform:translateY(-3px)!important;box-shadow:0 12px 24px -6px #0f172a14,0 4px 8px -2px #176b8714!important;background:#fff!important}.action-teal:hover{border-color:#14b8a6!important;color:#0d9488!important}.action-green:hover{border-color:#22c55e!important;color:#16a34a!important}.action-indigo:hover{border-color:#6366f1!important;color:#4f46e5!important}.action-blue:hover{border-color:#38bdf8!important;color:#0284c7!important}.action-amber:hover{border-color:#f59e0b!important;color:#d97706!important}.btn-action:hover .btn-action-icon{transform:scale(1.1) rotate(3deg)}.btn-action:hover .btn-action-arrow{opacity:1;transform:translate(3px);color:currentColor}.checkin-card{padding:20px;background:linear-gradient(135deg,#fff,#f8fafce6);border-radius:12px!important;border:1px solid var(--line);box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;gap:16px}.checkin-status-row{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;padding:4px 10px;border-radius:20px;border:1px solid var(--line)}.checkin-timer{font-family:monospace;font-size:36px;font-weight:700;letter-spacing:-.01em;color:var(--brand);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:8px 0}.btn-checkin{padding:10px 18px!important;border-radius:8px!important;font-weight:700!important;font-size:14px!important;text-transform:none!important;letter-spacing:normal!important;transition:all .2s ease}.btn-checkin.in{background:var(--brand)!important;color:#fff!important}.btn-checkin.in:hover{background:#115065!important;transform:translateY(-1px)}.btn-checkin.break{background:#fff7df!important;color:var(--warn)!important;border:1px solid rgba(183,121,31,.2)!important}.btn-checkin.break:hover{background:#fef0cd!important;transform:translateY(-1px)}.btn-checkin.out{background:#fff1f1!important;color:var(--danger)!important;border:1px solid rgba(194,65,61,.2)!important}.btn-checkin.out:hover{background:#ffe3e3!important;transform:translateY(-1px)}.panel h2{font-size:15px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.dashboard-notifications-panel .feed-item{border-bottom:1px solid var(--line);padding-bottom:12px}.dashboard-notifications-panel .feed-item:last-child{border-bottom:0;padding-bottom:0}.dashboard-grid-main{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;align-items:start}.dashboard-col-left,.dashboard-col-right{display:flex;flex-direction:column;gap:20px}@media(max-width:1024px){.dashboard-grid-main{grid-template-columns:1fr}}.badge.global-announcement{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;font-weight:700;box-shadow:0 2px 4px #6366f133}.app-shell.collapsed{grid-template-columns:82px 1fr!important;transition:grid-template-columns .2s ease}.sidebar.collapsed{padding:18px 10px!important}.sidebar.collapsed nav button{justify-content:center!important;padding:11px 12px!important}.sidebar.collapsed nav button span{display:none!important}.sidebar.collapsed .sidebar-footer{flex-direction:column!important;padding-top:12px!important}.sidebar.collapsed .sidebar-footer-info{display:none!important}.stat.premium{padding:16px 18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:12px!important;text-align:left;border-radius:8px!important;min-height:108px!important}.stat.premium.interactive:hover{transform:translateY(-2px);box-shadow:0 6px 20px #071b4d14!important;border-color:var(--brand)!important}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#fff}.stat-icon-wrapper.income{background:var(--good)}.stat-icon-wrapper.expenses{background:var(--danger)}.stat-icon-wrapper.profit{background:var(--brand-2)}.stat-icon-wrapper.balance{background:var(--brand)}.stat-trend-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stat-trend-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600}.stat-trend-pill.up{background:#d1fae5;color:#065f46}.stat-trend-pill.down{background:#fee2e2;color:#991b1b}.stat-trend-pill.info{background:#ccfbf1;color:#0f766e}.stat-trend-label{font-size:10px;color:var(--muted)!important;font-weight:400;text-transform:lowercase}.stat-body{display:flex;flex-direction:column;gap:4px}.stat-body .stat-label{font-size:13px;color:var(--muted)!important;font-weight:400;text-transform:none}.stat-body .stat-value{font-size:20px;font-weight:600;color:var(--ink)!important;margin:0}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}@media(max-width:980px){.analytics-grid{grid-template-columns:1fr!important}}.donut-chart-container{display:flex;align-items:center;justify-content:space-around;gap:24px;min-height:190px;padding:10px 0}.donut-chart-graphic{position:relative;width:140px;height:140px;flex-shrink:0}.donut-chart-center-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut-chart-center-label strong{font-size:22px;font-weight:600;color:var(--ink)!important}.donut-chart-center-label span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.donut-chart-legend{display:flex;flex-direction:column;gap:10px;flex-grow:1;max-width:280px}.donut-chart-legend-item{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-label{color:var(--ink)}.legend-value-group{display:flex;align-items:center;gap:10px}.legend-value{color:var(--ink);font-weight:600}.legend-percent{color:var(--muted);font-size:11px;width:32px;text-align:right;font-weight:500}.bar-chart-container{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;width:100%;padding-top:15px}.bar-chart-grid{display:flex;flex-direction:column;justify-content:flex-end;height:100%;width:100%;position:relative;border-bottom:1px solid var(--line)}.bar-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:140px;width:100%;padding:0 10px}.bar-chart-col{display:flex;flex-direction:column;align-items:center;flex-grow:1;max-width:60px;height:100%;justify-content:flex-end;gap:8px}.bar-chart-col-wrapper{display:flex;align-items:flex-end;justify-content:center;height:100%;width:100%;position:relative}.bar-chart-fill{width:24px;background:var(--brand);border-radius:6px 6px 0 0;position:relative;transition:all .2s ease-in-out;cursor:pointer}.bar-chart-fill:hover{background:var(--brand-2)!important;transform:scaleX(1.1)}.bar-chart-fill:hover .bar-chart-tooltip{opacity:1;visibility:visible;transform:translate(-50%,-6px)}.bar-chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,2px);background:var(--ink);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease-out;z-index:10;box-shadow:0 4px 12px #071b4d26}.bar-chart-label{font-size:11px;color:var(--muted);font-weight:500}