@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--shell-app-bg:var(--paper-1);--shell-main-bg:var(--paper-1);--shell-main-text:var(--ink-2);--shell-sidebar-bg:var(--paper-0);--shell-sidebar-text:var(--ink-1);--shell-sidebar-border:var(--paper-3);--shell-sidebar-shadow:var(--shadow-sm);--shell-sidebar-heading:var(--ink-0);--shell-sidebar-section-text:var(--ink-1);--shell-sidebar-divider:var(--paper-3);--shell-sidebar-hover-overlay:#d2451a0a;--shell-sidebar-hover-bg:var(--paper-2);--shell-sidebar-hover-text:var(--ink-0);--shell-sidebar-active-bg:#d2451a14;--shell-sidebar-user-hover:#1b22300a;--shell-sidebar-muted-border:var(--paper-3);--shell-sidebar-top-border:var(--paper-3);--shell-toggle-bg:var(--paper-1);--shell-toggle-border:var(--paper-3);--shell-toggle-text:var(--ink-1);--shell-toggle-hover-bg:var(--paper-2);--shell-toggle-hover-text:var(--ink-0);--shell-tooltip-bg:var(--ink-0);--shell-tooltip-text:var(--paper-0)}body[data-theme=night],html[data-theme=night]{--bg:var(--paper-1);--bg-raised:var(--paper-0);--bg-hover:var(--paper-2);--color-bg:var(--paper-1);--color-surface:var(--paper-0);--color-border:var(--paper-4);--color-border-subtle:var(--paper-3);--color-text-primary:var(--ink-0);--color-text-secondary:var(--ink-1);--color-text-muted:var(--paper-4);--color-text-body:var(--ink-2);--color-text-alt:var(--ink-1);--color-accent:var(--vermilion-500);--color-accent-hover:var(--vermilion-600);--color-accent-light:var(--vermilion-200);--shell-app-bg:var(--paper-2);--shell-main-bg:var(--paper-2);--shell-main-text:var(--ink-2);--shell-sidebar-bg:var(--ink-0);--shell-sidebar-text:var(--paper-4);--shell-sidebar-border:var(--ink-2);--shell-sidebar-shadow:none;--shell-sidebar-heading:var(--paper-0);--shell-sidebar-section-text:var(--paper-4);--shell-sidebar-divider:var(--ink-2);--shell-sidebar-hover-overlay:#ffffff0a;--shell-sidebar-hover-bg:var(--ink-2);--shell-sidebar-hover-text:var(--paper-0);--shell-sidebar-active-bg:#d2451a2e;--shell-sidebar-user-hover:#ffffff0f;--shell-sidebar-muted-border:var(--ink-2);--shell-sidebar-top-border:var(--ink-2);--shell-toggle-bg:var(--ink-2);--shell-toggle-border:#ffffff1f;--shell-toggle-text:var(--paper-3);--shell-toggle-hover-bg:#ffffff14;--shell-toggle-hover-text:var(--paper-0);--shell-tooltip-bg:var(--ink-0);--shell-tooltip-text:var(--paper-0);color-scheme:light}h1,h2,h3,h4{color:var(--ink-0);font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-display);font-weight:600;margin:0}*{box-sizing:border-box}*,ol,ul{margin:0;padding:0}ol,ul{list-style:none}li{display:inline-block;margin:0;padding:0}html{font-size:15px}button:focus:not(:focus-visible){outline:none}button:focus-visible{box-shadow:var(--shadow-focus);outline:none}body,html{background-color:var(--paper-1);background-color:var(--shell-app-bg);height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink-2);color:var(--shell-main-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;line-height:1.6}.app-layout{background-color:var(--paper-1);background-color:var(--shell-app-bg);display:flex;height:100vh;overflow:hidden;width:100vw}.app-body{width:100%}.app-body,.main-content-area{display:flex;flex:1 1;overflow:hidden;position:relative}.main-content-area{background-color:var(--paper-1);background-color:var(--shell-main-bg);flex-direction:column}.content-header{align-items:center;background:var(--paper-0);background:var(--shell-sidebar-bg);border-bottom:1px solid var(--shell-sidebar-border);box-shadow:var(--shadow-xs);color:var(--ink-2);color:var(--shell-main-text);display:flex;flex-shrink:0;height:64px;justify-content:space-between;padding:0 2rem;width:100%;z-index:100}.content-header .header-organization-name{color:var(--ink-0);color:var(--shell-sidebar-heading)}.content-header .btn-sidebar-toggle{color:var(--ink-1)!important;color:var(--shell-sidebar-text)!important}.content-header .btn-sidebar-toggle:hover{background:var(--paper-2)!important;background:var(--shell-sidebar-hover-bg)!important;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-0)!important;color:var(--shell-sidebar-heading)!important}.content-header-logo{align-items:center;display:flex}.header-logo{border-radius:4px;border-radius:var(--radius-sm);height:48px;width:48px}.content-header-actions{align-items:center;display:flex;gap:.75rem}.header-user-name{color:var(--paper-3);font-size:.875rem;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.header-user-name{display:none}}.content-wrapper{background:#0000;flex:1 1;overflow-y:auto;padding:1.5rem}.sidebar{background:var(--paper-0);background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border);box-shadow:none;color:var(--ink-1);color:var(--shell-sidebar-text);display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;position:relative;transition:width var(--dur-base) var(--ease-standard);white-space:nowrap;width:220px}.btn-sidebar-create{align-items:center;background:var(--vermilion-500);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #d2451a40;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:10px;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);width:100%}.btn-sidebar-create:hover{background:var(--vermilion-400);box-shadow:0 4px 12px #d2451a59}.btn-sidebar-create:active{transform:translateY(0)}.btn-sidebar-ai{align-items:center;animation:ai-border-glow 3s ease-in-out infinite;background:#0000;border:1px solid #d2451a4d;border-radius:4px;border-radius:var(--radius-sm);color:var(--vermilion-400);display:flex;font-size:.875rem;font-weight:600;gap:.65rem;margin-bottom:.5rem;overflow:hidden;padding:.5rem .65rem;position:relative;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap;width:100%}.btn-sidebar-ai:hover{background:#d2451a1a;border-color:#d2451a8c;box-shadow:0 0 16px #d2451a33;color:var(--vermilion-400)}@keyframes ai-border-glow{0%,to{box-shadow:0 0 10px #d2451a26,inset 0 0 10px #d2451a0a}50%{box-shadow:0 0 18px #d2451a47,inset 0 0 14px #d2451a14}}.btn-sidebar-ai-label{overflow:hidden;white-space:nowrap}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 .5rem}.sidebar.collapsed .sidebar-brand{flex:0 1;justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:7px 8px}.sidebar.collapsed .logout-btn{justify-content:center;padding:.6rem 0}.sidebar-header{border-bottom:1px solid var(--shell-sidebar-top-border);flex-shrink:0;gap:.5rem;height:56px;justify-content:space-between;padding:0 .75rem 0 1rem;position:relative;z-index:1}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{flex:1 1;gap:.6rem;justify-content:flex-start;min-width:0;overflow:hidden}.sidebar-logo{border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0003;height:48px;width:48px}.sidebar-brand-text{flex:1 1;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-text,.sidebar-company-name{color:var(--ink-0);color:var(--shell-sidebar-heading);font-weight:600}.sidebar-company-name{font-size:.9rem;letter-spacing:.05em;margin-right:auto}.collapse-btn-header{align-items:center;background:#d2451a0a;background:var(--shell-sidebar-hover-overlay);border:1px solid var(--shell-sidebar-border);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);color:var(--shell-sidebar-text);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:all var(--dur-fast) var(--ease-standard)}.collapse-btn-header:hover{background:var(--paper-2);background:var(--shell-sidebar-hover-bg);box-shadow:0 2px 8px #0000001a;color:var(--ink-0);color:var(--shell-sidebar-heading);transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:18px 14px;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--paper-3);background:var(--shell-sidebar-muted-border);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--paper-3);background:var(--shell-sidebar-border)}.nav-group{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.nav-group+.nav-section-header{margin-top:10px}.nav-group+.nav-divider{margin-top:18px}.nav-label{color:var(--ink-1);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem;padding-left:.75rem;text-transform:uppercase}.nav-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);color:var(--shell-sidebar-text);display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:0;padding:7px 8px;position:relative;text-decoration:none;transition:color .15s ease,background .15s ease}.nav-item svg{color:currentColor;flex-shrink:0;height:16px;width:16px}.nav-item:hover{background:var(--paper-2);background:var(--shell-sidebar-hover-bg);color:var(--ink-0);color:var(--shell-sidebar-hover-text)}.nav-item.active{background:var(--paper-1);color:var(--ink-0);font-weight:500}.nav-item.active:before{background:var(--vermilion-500);bottom:8px;content:"";left:-14px;position:absolute;top:8px;width:2px}[data-theme=night] .nav-item.active{background:#d2451a14;background:var(--shell-sidebar-active-bg);color:var(--ink-0);color:var(--shell-sidebar-hover-text)}.nav-item.disabled{cursor:not-allowed;opacity:.4}.badge-soon{background:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);font-size:.65rem;font-weight:600;margin-left:auto;padding:3px 8px}.sidebar-top{align-items:center;display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 14px;position:relative}.sidebar-top--collapsed{align-items:center;flex-direction:column;gap:.5rem;height:auto;justify-content:center;padding:.75rem .5rem .5rem}.sidebar-brand-inner{align-items:center;display:flex;gap:10px;min-width:0;overflow:hidden}.sidebar-brand-logo{object-fit:contain}.sidebar-brand-initials,.sidebar-brand-logo{border-radius:4px;border-radius:var(--radius-sm);flex-shrink:0;height:26px;width:26px}.sidebar-brand-initials{align-items:center;background-color:var(--vermilion-500);color:var(--on-accent);display:flex;font-size:11px;font-weight:600;justify-content:center}.sidebar-brand-name{color:var(--ink-0);color:var(--shell-sidebar-heading);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapse-toggle{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);color:var(--shell-toggle-text);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:5px;position:absolute;right:.75rem;transition:all var(--dur-fast) var(--ease-standard)}.sidebar-collapse-toggle:hover{background:var(--paper-2);background:var(--shell-toggle-hover-bg);color:var(--ink-0);color:var(--shell-toggle-hover-text)}.sidebar-footer{border-top:1px solid var(--shell-sidebar-muted-border);display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;padding:12px 14px;position:relative;z-index:1}.sidebar-theme-preference{align-items:center;background:var(--paper-1);background:var(--shell-toggle-bg);border:1px solid var(--shell-toggle-border);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);color:var(--shell-toggle-text);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all var(--dur-fast) var(--ease-standard);width:100%}.sidebar-theme-preference:hover{background:var(--paper-2);background:var(--shell-toggle-hover-bg);border-color:#d2451a47;color:var(--ink-0);color:var(--shell-toggle-hover-text)}.sidebar-theme-preference-icon{align-items:center;background:#d2451a1f;border-radius:6px;border-radius:var(--radius-md);color:var(--vermilion-500);color:var(--color-accent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sidebar-theme-preference-copy{display:flex;flex-direction:column;min-width:0}.sidebar-theme-preference-title{color:inherit;font-size:.82rem;font-weight:600}.sidebar-theme-preference-subtitle{color:var(--ink-1);color:var(--shell-sidebar-text);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .sidebar-theme-preference{justify-content:center;padding:.65rem}.sidebar.collapsed .sidebar-theme-preference-icon{height:28px;width:28px}.sidebar-user-info{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:.65rem;min-width:0;padding:.5rem .35rem;transition:background .2s}.sidebar-user-info:hover{background:#1b22300a;background:var(--shell-sidebar-user-hover)}.sidebar-user-avatar{border:2px solid var(--shell-sidebar-border);border-radius:var(--radius-pill);flex-shrink:0;height:30px;object-fit:cover;width:30px}.sidebar-user-avatar-initials{align-items:center;background-color:var(--ok-500);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.sidebar-user-details{flex:1 1;min-width:0}.sidebar-user-name{color:var(--ink-0);color:var(--shell-sidebar-heading);font-size:.82rem;font-weight:600}.sidebar-user-name,.sidebar-user-role{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--ink-1);color:var(--shell-sidebar-text);font-size:.72rem;text-transform:capitalize}.sidebar.collapsed .sidebar-user-info{justify-content:center;padding:.5rem 0}.sidebar.collapsed .sidebar-footer{padding:.5rem .25rem}.sidebar.collapsed .sidebar-user-row{align-items:center;flex-direction:column;gap:2px}.sidebar.collapsed .sidebar-user-btn{justify-content:center;padding:.5rem}.collapse-btn{align-items:center;background:var(--paper-1);background:var(--shell-toggle-bg);border:1px solid var(--shell-toggle-border);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);color:var(--shell-toggle-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.7rem .75rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.collapse-btn:hover{background:var(--paper-2);background:var(--shell-toggle-hover-bg);border-color:var(--shell-sidebar-border);box-shadow:var(--shadow-sm);color:var(--ink-0);color:var(--shell-toggle-hover-text)}.sidebar.collapsed .collapse-btn{justify-content:center;padding:.6rem 0}.logout-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);color:var(--danger-500);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.7rem .75rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.logout-btn:hover{background:#ef44441a;color:var(--danger-500)}.page-header{margin-bottom:2rem}.page-header-top{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.page-title{font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif}.page-subtitle{margin-top:.25rem}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.page-header-content{margin-top:1rem}.filters-bar{align-items:center;background:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.filter-select,.filters-bar{border:1px solid var(--paper-3)}.filter-select{appearance:none;background-color:var(--paper-0);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;color:var(--ink-1);padding:.5rem 2rem .5rem .75rem;transition:border-color .2s}.filter-select:hover{border-color:var(--paper-3)}.filter-select:focus{border-color:var(--ink-1);box-shadow:0 0 0 2px #94a3b81a}.projects-header-compact{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.projects-header-left,.projects-title-compact{align-items:center;display:flex;gap:.5rem}.projects-title-compact{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0}.projects-count{color:var(--ink-1);font-size:1rem;font-weight:500}.projects-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filters-compact{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.375rem}.filter-select-compact{appearance:none;background-color:var(--paper-0);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.8125rem;font-weight:500;min-width:110px;padding:.375rem 1.75rem .375rem .625rem;transition:all var(--dur-fast) var(--ease-standard)}.filter-select-compact:hover{background-color:var(--paper-1)}.filter-select-compact:focus{background-color:var(--paper-0);box-shadow:0 0 0 2px #0f172a1a;outline:none}.filter-clear-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:.25rem;padding:0;transition:all var(--dur-fast) var(--ease-standard);width:28px}.filter-clear-btn:hover{background:var(--paper-3);color:var(--ink-0)}.view-toggle-compact{background-color:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);gap:.25rem;padding:.25rem}.view-toggle-btn-compact{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:.375rem;transition:all var(--dur-fast) var(--ease-standard);width:32px}.view-toggle-btn-compact:hover{background-color:var(--paper-3);color:var(--ink-0)}.view-toggle-btn-compact.active{background-color:var(--paper-0);box-shadow:0 1px 2px 0 #0000000d;color:#0f172a}.view-toggle-btn-compact svg{height:16px;width:16px}.btn-new-project-compact{align-items:center;background:var(--vermilion-500);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0f172a33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-new-project-compact:hover{box-shadow:0 4px 8px #0f172a4d}.btn-new-project-compact svg{height:16px;width:16px}.btn-filter-compact{align-items:center;background:#fff;border:1.5px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-filter-compact:hover{background:var(--paper-1);border-color:var(--paper-3);box-shadow:0 2px 4px #0000001a}.btn-filter-compact.active{background:#0f172a;border-color:#0000;box-shadow:0 2px 4px #0f172a33;color:#fff}.btn-filter-compact.active:hover{box-shadow:0 4px 8px #0f172a4d}.btn-filter-compact svg{height:16px;width:16px}.filter-badge{background:var(--danger-500);border:2px solid #fff;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.btn-new-project{align-items:center;background:var(--vermilion-500);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #d2451a33;color:var(--paper-0);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-new-project:hover{background:var(--vermilion-400);box-shadow:0 6px 18px #d2451a66;color:var(--paper-0)}.badge{border-radius:4px;font-size:.75rem;line-height:1;padding:.2rem .6rem;white-space:nowrap}.badge-status{text-transform:capitalize}.badge-status.to-do,.badge-status.to_do{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1)}.badge-status.in-progress,.badge-status.in_progress{background-color:var(--info-50);border:1px solid var(--info-50);color:var(--info-500)}.badge-status.in-review,.badge-status.in_review{background-color:var(--warn-50);border:1px solid var(--warn-50);color:var(--warn-500)}.badge-status.done{background-color:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.badge-status.checked{background-color:var(--info-50);border:1px solid var(--info-50);color:var(--info-500)}.badge-status.on-hold,.badge-status.on_hold{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1)}.badge-status.active{background-color:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.badge-status.inactive{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1)}.badge-priority{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;justify-content:center;letter-spacing:.04em;line-height:1;min-height:2rem;padding:.38rem .82rem;text-transform:uppercase;white-space:nowrap}.badge-priority.low{background-color:var(--info-50);color:var(--info-500)}.badge-priority.medium{background-color:var(--warn-50);color:var(--warn-500)}.badge-priority.high{background-color:var(--vermilion-50);color:var(--vermilion-700)}.badge-priority.urgent{background-color:var(--danger-50);color:var(--danger-500)}.badge-project-status{text-transform:capitalize}.badge-project-status.active{background-color:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.badge-project-status.dormant,.badge-project-status.inactive{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1)}.badge-project-status.in-discussion,.badge-project-status.in_discussion{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--vermilion-600)}.badge-project-status.progress{background-color:var(--info-50);color:var(--info-500)}.badge-project-status.on-hold,.badge-project-status.on_hold{background-color:var(--warn-50);color:var(--warn-500)}.badge-project-status.completed{background-color:var(--ok-50);color:#065f46}.badge-project-status.archived{background-color:var(--paper-1);color:var(--ink-1)}.avatar{align-items:center;background-color:var(--paper-3);border-radius:var(--radius-pill);color:var(--ink-1);display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;overflow:hidden;width:2rem}.avatar-sm{font-size:.75rem;height:1.5rem;width:1.5rem}.avatar-lg{font-size:1rem;height:2.5rem;width:2.5rem}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid var(--paper-0);margin-left:-.5rem}.avatar-group .avatar:first-child{margin-left:0}.view-toggle{background-color:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;gap:.25rem;padding:.25rem}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.view-toggle-btn:hover{color:var(--ink-0)}.view-toggle-btn.active{background-color:var(--paper-0);box-shadow:0 1px 2px 0 #0000000d;color:var(--ink-0)}.view-toggle-btn svg{height:1rem;width:1rem}.data-table-container{border-radius:10px;overflow:hidden}.data-table{color:var(--ink-0)}.data-table thead{background-color:var(--paper-1);position:sticky;top:0;z-index:10}.data-table th{border-bottom:1px solid var(--paper-3);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;padding:.68rem 1rem;text-align:left}.data-table td{border-bottom:1px solid var(--paper-2);padding:.82rem 1rem}.data-table tbody tr{transition:background-color .15s,box-shadow .15s}.data-table tbody tr:hover{background:var(--paper-1)}.data-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--vermilion-500)}.data-table tbody tr:last-child td{border-bottom:none}.kanban-board{display:flex;flex:1 1;gap:1rem;min-height:0;overflow-x:auto;padding-bottom:1rem}.kanban-column{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex;flex:0 0 320px;flex-direction:column;height:100%;padding:1rem}.kanban-column-header{align-items:center;border-bottom:2px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.kanban-column[data-status=TO_DO] .kanban-column-header,.kanban-column[data-status=to_do] .kanban-column-header{border-bottom-color:var(--ink-1)}.kanban-column[data-status=IN_PROGRESS] .kanban-column-header,.kanban-column[data-status=in_progress] .kanban-column-header{border-bottom-color:var(--vermilion-500)}.kanban-column[data-status=IN_REVIEW] .kanban-column-header,.kanban-column[data-status=in_review] .kanban-column-header{border-bottom-color:var(--warn-500)}.kanban-column[data-status=DONE] .kanban-column-header,.kanban-column[data-status=done] .kanban-column-header{border-bottom-color:var(--ok-500)}.kanban-column-title{color:var(--ink-0);font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.kanban-column-count{align-items:center;background:var(--vermilion-500);border-radius:var(--radius-pill);color:var(--paper-0);display:inline-flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .5rem}.kanban-column-cards{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto}.kanban-card{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:.75rem;transition:all var(--dur-fast) var(--ease-standard)}.kanban-card:hover{border-color:var(--vermilion-400);box-shadow:0 4px 12px #d2451a1f}.kanban-card-title{color:var(--ink-0);font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.5rem}.kanban-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.projects-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.project-card-modern{align-self:start;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card-modern:hover{border-color:#0f172a;box-shadow:0 10px 25px -5px #0f172a26,0 4px 6px -2px #0f172a1a;transform:translateY(-4px)}.project-card-modern-header{align-items:flex-start;border-bottom:2px solid var(--paper-1);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.project-card-modern-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:var(--ink-0);flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.project-card-number{background:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.project-card-modern-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-stage-badge{align-items:center;background:linear-gradient(135deg,var(--info-50) 0,#e0f2fe 100%);border:1px solid var(--info-50);border-radius:4px;border-radius:var(--radius-sm);color:var(--info-500);display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.project-card-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--ink-1);display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1.25rem;overflow:hidden}.project-card-modern-meta{display:flex;flex:1 1;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.project-card-modern-meta-item{align-items:flex-start;display:flex;gap:.75rem}.project-card-modern-meta-item svg{color:var(--ink-1);flex-shrink:0;margin-top:.125rem}.project-card-modern-meta-item>div{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.project-card-modern-meta-label{color:var(--ink-1);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.project-card-modern-meta-value{color:var(--ink-0);font-size:.875rem;font-weight:500;word-break:break-word}.project-card-modern-footer{align-items:center;border-top:2px solid var(--paper-1);display:flex;justify-content:space-between;margin-top:auto;padding-top:1.25rem}.project-budget{display:flex;flex-direction:column;gap:.25rem}.budget-label{color:var(--ink-1);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.budget-value{color:var(--ok-500);font-size:1rem}.project-card-arrow{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:6px;border-radius:var(--radius-md);color:#fff;display:flex;height:36px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:36px}.project-card-modern:hover .project-card-arrow{box-shadow:0 4px 12px #0f172a4d;transform:translateX(4px)}.task-row{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--paper-1);cursor:pointer;display:grid;gap:1rem;grid-template-columns:80px 1fr 120px 120px 100px 100px;padding:.75rem 1rem;transition:background-color .15s}.task-row:hover{background-color:var(--paper-1)}.task-row-id{color:var(--ink-1);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;font-weight:500}.task-row-title{color:var(--ink-0);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row-priority{gap:.5rem}.task-row-assignee,.task-row-priority,.task-row-status{align-items:center;display:flex}.task-row-assignee{gap:.5rem}.task-row-date{color:var(--ink-1);font-size:.75rem}.task-tabs{border-bottom:1px solid var(--paper-3);display:flex;gap:.25rem;margin-bottom:1rem;margin-top:0}.task-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--ink-1);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.task-tab.active,.task-tab:hover{color:var(--ink-0)}.task-tab.active{border-bottom-color:var(--ink-0);font-weight:600}.tab-count{align-items:center;background-color:var(--paper-1);border-radius:var(--radius-pill);color:var(--ink-1);display:inline-flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}.task-tab.active .tab-count{background-color:var(--paper-3);color:var(--ink-0)}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.register-container{align-items:center;animation:gradient-animation 15s ease infinite;background:linear-gradient(-45deg,var(--paper-1),var(--paper-3),var(--paper-1),var(--paper-3));background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.register-container:before{animation:float 10s ease-in-out infinite;background:radial-gradient(circle,#d2451a0d 0,#0000 70%);height:600px;left:-100px;top:-100px;width:600px}.register-container:after,.register-container:before{border-radius:var(--radius-pill);content:"";pointer-events:none;position:absolute}.register-container:after{animation:float 12s ease-in-out infinite reverse;background:radial-gradient(circle,#d2451a0f 0,#0000 70%);bottom:-50px;height:500px;right:-50px;width:500px}.register-background{align-items:center;display:flex;flex-direction:column;max-width:1200px;width:100%}.register-content{max-width:900px;width:100%}.register-header{margin-bottom:2rem;text-align:center}.logo-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.logo-image{border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0000001a;height:80px;width:auto}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--ink-0) 0,var(--ink-0) 100%);background-clip:text;-webkit-background-clip:text;color:var(--ink-0);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0}.brand-subtitle{color:var(--ink-1);font-size:1rem;font-weight:500;letter-spacing:.02em;margin:0}.register-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #e2e8f099;border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000005,0 20px 25px -5px #0000000d,inset 0 0 0 1px #fff9;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.register-card:hover{box-shadow:0 10px 15px -3px #00000008,0 25px 30px -5px #0000000f,inset 0 0 0 1px #fffc}.card-header-section{background:#0000;color:var(--ink-0);padding:3rem 2rem 1.5rem;text-align:center}.card-title{font-size:2rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem}.card-subtitle{color:var(--ink-1);font-size:1rem;font-weight:400;margin:0}.progress-steps{background:var(--paper-1);border-bottom:1px solid var(--paper-3);display:flex;gap:2rem;justify-content:center;padding:2rem}.step{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.5;transition:all var(--dur-fast) var(--ease-standard)}.step.active{opacity:1}.step-number{align-items:center;background:var(--paper-3);border-radius:var(--radius-pill);color:var(--ink-1);display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:40px}.step.active .step-number{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 12px #0f172a4d;color:#fff}.step-label{color:var(--ink-1);font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.step.active .step-label{color:#0f172a;font-weight:600}.message{align-items:center;display:flex;gap:.75rem;margin:1.5rem;padding:1rem 1.5rem}.message-icon{font-size:1.2rem}.register-form{padding:0 1.5rem}.form-step{padding:2rem 0}.section-title{align-items:center;border-bottom:2px solid var(--paper-1);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.section-icon{font-size:2rem}.section-title h3{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--ink-0);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.required{color:var(--danger-500);font-weight:600}.form-input,.form-textarea{background:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-0);font-size:.95rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:hover,.form-textarea:hover{background:var(--paper-0);border-color:var(--paper-3)}.form-input:focus,.form-textarea:focus{background:var(--paper-0);border-color:var(--ink-1);box-shadow:0 0 0 4px #94a3b826}.form-input.error,.form-textarea.error{border-color:var(--danger-500);box-shadow:0 0 0 3px #ef44441a}.form-input.error:focus,.form-textarea.error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px #ef444433}.form-input::placeholder,.form-textarea::placeholder{color:var(--paper-4)}.form-help{color:var(--ink-1);font-style:italic}.form-error,.form-help{font-size:.8rem;margin-top:.25rem}.form-error{align-items:center;color:var(--danger-500);display:flex;font-weight:500;gap:.25rem}.form-error:before{content:"⚠";font-size:.75rem}.step-actions{align-items:center;border-top:1px solid var(--paper-1);display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 2rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-primary{box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;overflow:hidden;position:relative}.btn-primary:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn-primary:hover:after{left:100%}.btn-primary:hover{background:#1e293b;box-shadow:0 10px 15px -3px #0f172a26,0 4px 6px -2px #0f172a1a}.btn-primary:disabled{transform:none}.btn-secondary{border:2px solid var(--paper-3)}.btn-secondary:hover{border-color:var(--paper-4)}.loading-spinner{color:var(--ink-1);font-size:1.1rem;padding:4rem;text-align:center}.card-footer{background:var(--paper-1);border-top:1px solid var(--paper-3);padding:1.5rem;text-align:center}.footer-text{color:var(--ink-1);margin:0}.link-button{background:none;border:none;color:#0f172a;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:var(--vermilion-600)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-container p{color:var(--ink-1);font-size:1.1rem;margin-top:1rem}.error-container{align-items:center;background:var(--danger-50);border:1px solid var(--danger-50);border-radius:6px;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h2{color:var(--danger-500);font-size:1.5rem;margin-bottom:1rem}.error-container p{color:#7f1d1d;font-size:1.1rem;margin-bottom:2rem}.page-header{border-bottom:1px solid var(--paper-3);padding-bottom:.25rem}.page-title{letter-spacing:-.01em}.btn-outline{background:var(--paper-0);border:2px solid #0f172a;font-size:.9rem;font-weight:600;gap:.5rem}.btn-outline:hover{background:var(--vermilion-500);box-shadow:0 4px 12px #0f172a33}.admin-register-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.admin-register-form{display:flex;flex-direction:column;gap:2rem}.form-actions{border-top:1px solid var(--paper-1);padding-top:1.5rem}.info-card{background:var(--paper-0);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;padding:2rem}.info-header{align-items:center;border-bottom:2px solid var(--paper-1);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.info-icon{font-size:1.5rem}.info-header h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.info-content{color:#4b5563}.info-list{list-style:none;margin:0;padding:0}.info-list li{border-bottom:1px solid var(--paper-1);display:block;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-list li:before{color:var(--ok-500);content:"✓";font-weight:700;left:0;position:absolute}.info-list li:last-child{border-bottom:none}@media (max-width:768px){.register-container{padding:1rem}.brand-title{font-size:2rem}.card-title{font-size:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.step-actions{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%}.progress-steps{gap:1rem;padding:1.5rem}}@media (max-width:480px){.card-header-section{padding:1.5rem}.register-form{padding:0 1rem}.form-step{padding:1.5rem 0}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:none;box-shadow:0 8px 32px #0f172a33,0 2px 8px #0000001a;padding:0}.navbar,.navbar-ultra-modern{position:sticky;top:0;z-index:1000}.navbar-ultra-modern{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffffff5;border-bottom:1px solid #e2e8f099;box-shadow:0 1px 3px #0000000a,0 1px 20px #00000005;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-container-ultra{align-items:center;display:flex;height:76px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand-ultra{align-items:center;display:flex;flex-shrink:0}.brand-link-ultra{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.brand-logo-ultra{border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;height:44px;object-fit:cover;transition:all var(--dur-fast) var(--ease-standard);width:44px}.brand-link-ultra:hover .brand-logo-ultra{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.brand-text-ultra{display:flex;flex-direction:column;gap:.25rem}.brand-name-ultra{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--ink-0) 0,var(--ink-0) 100%);background-clip:text;-webkit-background-clip:text;color:var(--ink-0);font-size:1.375rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-subtitle-ultra{color:var(--ink-1);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mobile-toggle-ultra{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:none;padding:.5rem;transition:all var(--dur-fast) var(--ease-standard)}.mobile-toggle-ultra:hover{background:var(--paper-1)}.hamburger-ultra{display:flex;flex-direction:column;gap:4px;height:18px;position:relative;width:24px}.hamburger-ultra span{background:var(--ink-1);border-radius:2px;height:2px;transform-origin:center;transition:all var(--dur-fast) var(--ease-standard);width:100%}.hamburger-ultra.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-ultra.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-ultra.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-nav-ultra{align-items:center;display:flex;gap:2rem}.nav-links-ultra{align-items:center;display:flex;gap:.5rem}.nav-item-ultra{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;letter-spacing:-.01em;line-height:1.4;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-item-ultra:before{background:linear-gradient(90deg,#0000,#3b82f61f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.nav-item-ultra:hover:before{left:100%}.nav-item-ultra:hover{background:#f8fafccc;box-shadow:0 4px 12px #3b82f626;color:#1e293b;transform:translateY(-2px) scale(1.02)}.nav-item-ultra.active{background:linear-gradient(135deg,var(--info-50) 0,#e0f2fe 100%);border:1px solid #3b82f633;box-shadow:0 4px 16px #3b82f640,0 2px 4px var(--paper-2);color:#1e293b;font-weight:600}.nav-item-ultra svg{opacity:.8;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-item-ultra:hover svg{opacity:1;transform:scale(1.15) rotate(2deg)}.nav-item-ultra.logout-btn:hover svg{opacity:1}.app-switcher{margin-bottom:1rem;position:relative}.app-switcher-trigger{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-0);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.app-switcher-trigger:hover{background:var(--paper-1);border-color:var(--paper-3)}.app-switcher-icon{font-size:1.25rem;line-height:1}.app-switcher-name{flex:1 1;font-weight:600;text-align:left}.app-switcher-arrow{color:var(--ink-1);height:12px;transition:transform .2s;width:12px}.app-switcher-arrow.open{transform:rotate(180deg)}.app-switcher-dropdown{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 10px 25px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.app-switcher-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);padding:.75rem 1rem}.app-switcher-title{color:var(--ink-1);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.app-switcher-grid{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.app-card{align-items:center;background:#0000;border:2px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all var(--dur-fast) var(--ease-standard)}.app-card:hover{background:var(--paper-1)}.app-card.active{background:var(--vermilion-500)}.app-card.active,.app-card.active .app-card-desc,.app-card.active .app-card-name{color:var(--paper-0)}.app-card.coming-soon{cursor:not-allowed;opacity:.6}.app-card-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.app-card-content{flex:1 1;min-width:0}.app-card-name{color:var(--ink-0);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.app-card-desc{color:var(--ink-1);font-size:.75rem;line-height:1.3}.app-card-badge{background:var(--warn-50);border-radius:var(--radius-pill);color:var(--warn-500);display:inline-block;font-size:.625rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;padding:.125rem .5rem;text-transform:uppercase}.sidebar.collapsed .app-switcher-arrow,.sidebar.collapsed .app-switcher-name{display:none}.sidebar.collapsed .app-switcher-trigger{justify-content:center;padding:.75rem}@media (max-width:768px){.content-header{height:56px;padding:0 1rem}.content-wrapper{padding:1rem}}@media (max-width:480px){.content-header{height:52px;padding:0 .75rem}.content-wrapper{padding:.75rem}}.nav-item-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;position:relative}.nav-item-disabled:hover{background:none!important;transform:none!important}.nav-item-disabled:hover:before{left:-100%!important}.nav-item-disabled:hover svg{opacity:.8!important;transform:none!important}.coming-soon-badge{background:var(--warn-500);border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.5px;margin-left:.5rem;padding:.2rem .4rem;text-transform:uppercase}.logout-btn-ultra,.nav-actions-ultra{align-items:center;display:flex}.logout-btn-ultra{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.9375rem;font-weight:600;gap:.625rem;letter-spacing:-.01em;line-height:1.4;overflow:hidden;padding:.875rem 1.25rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.logout-btn-ultra:before{background:linear-gradient(90deg,#0000,#ef44441a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-btn-ultra:hover:before{left:100%}.logout-btn-ultra:hover{background:#fef2f2e6;border-color:#fecacacc;box-shadow:0 6px 16px #ef444440,0 2px 4px #ef44441a;color:var(--danger-500);transform:translateY(-2px) scale(1.02)}.logout-btn-ultra svg{opacity:.8;transition:all .4s cubic-bezier(.4,0,.2,1)}.logout-btn-ultra:hover svg{opacity:1;transform:scale(1.15) rotate(-8deg)}.mobile-overlay-ultra{display:none}.navbar-modern{background:var(--paper-0);border-bottom:1px solid var(--paper-3);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:0;position:sticky;top:0;z-index:1000}.navbar-container-modern{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:70px;padding:0 2rem;position:relative}.navbar-brand-section-modern{align-items:center;display:flex;flex-shrink:0}.navbar-brand-modern{align-items:center;color:var(--ink-0);display:flex;gap:1rem;padding:.5rem 0;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.navbar-brand-modern:hover{color:#0f172a}.navbar-logo-modern{border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;height:40px;object-fit:cover;width:40px}.brand-info-modern{display:flex;flex-direction:column;gap:.25rem}.organization-name-modern{color:var(--ink-0);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.welcome-text-modern{color:var(--ink-1);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mobile-menu-toggle-modern{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:none;padding:.75rem;transition:all var(--dur-fast) var(--ease-standard);z-index:1001}.mobile-menu-toggle-modern:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--ink-0)}.navbar-nav-wrapper-modern{align-items:center;display:flex;gap:2rem}.navbar-nav-modern{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-nav-modern li{display:inline-block;margin:0}.navbar-nav-modern .nav-link-modern{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.navbar-nav-modern .nav-link-modern:hover{background:var(--paper-1);border-color:var(--paper-3);color:#0f172a}.navbar-nav-modern .nav-link-modern.active{background:var(--info-50);border-color:var(--info-50);color:#0f172a;font-weight:600}.navbar-nav-modern .nav-link-modern svg{transition:transform .2s ease}.navbar-nav-modern .nav-link-modern:hover svg{transform:scale(1.05)}.logout-button-modern,.navbar-logout-modern{align-items:center;display:flex}.logout-button-modern{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;color:var(--ink-1);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.logout-button-modern:hover{background:var(--paper-1);border-color:var(--paper-3);box-shadow:0 2px 4px #0000001a;color:var(--ink-0)}.logout-button-modern svg{transition:transform .2s ease}.logout-button-modern:hover svg{transform:scale(1.05)}.mobile-menu-overlay-modern{display:none}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:80px;padding:0 2rem;position:relative}.navbar-brand-section{align-items:center;display:flex;flex-shrink:0}.navbar-brand{align-items:center;color:#fff;display:flex;gap:1rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.navbar-brand:hover{color:#ffffffe6}.navbar-logo{box-shadow:0 4px 12px #0003;height:45px;object-fit:cover;width:45px}.brand-info{display:flex;flex-direction:column;gap:.25rem}.organization-name{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 4px #0003}.welcome-text{color:#ffffffd9;font-size:.8rem;font-weight:500;letter-spacing:.8px;text-transform:uppercase}.mobile-menu-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:none;padding:.75rem;transition:all var(--dur-fast) var(--ease-standard);z-index:1001}.mobile-menu-toggle:hover{background:#fff3;box-shadow:0 4px 12px #0000001a}.navbar-nav-wrapper{align-items:center;display:flex;gap:2rem}.navbar-nav{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-nav li{display:inline-block;margin:0}.navbar-nav .nav-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-nav .nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-nav .nav-link:hover:before{left:100%}.navbar-nav .nav-link:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;color:#fff}.navbar-nav .nav-link.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 20px #0000001a;color:#fff;font-weight:600}.navbar-nav .nav-link svg{transition:transform .3s ease}.navbar-nav .nav-link:hover svg{transform:scale(1.1)}.navbar-user-section{align-items:center;display:flex;gap:1rem}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;cursor:pointer;gap:.875rem;overflow:hidden;padding:.5rem .75rem .5rem .5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.user-info:hover:before{left:100%}.user-info:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026}.user-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid #ffffff4d;border-radius:var(--radius-pill);box-shadow:0 4px 12px #0f172a4d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:38px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:38px}.user-info:hover .user-avatar{border-color:#ffffff80;box-shadow:0 6px 20px #0f172a66;transform:scale(1.1)}.user-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-name{color:#fff;font-size:.9rem;letter-spacing:-.01em;line-height:1.2;max-width:120px}.user-role{color:#ffffffbf;font-size:.7rem;font-weight:600;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 4px 12px #0000001a;font-family:inherit;font-size:.85rem;padding:.75rem 1rem}.logout-button:hover{background:#fff3}.mobile-menu-overlay{display:none}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:2.5rem;text-align:center;width:100%}.login-logo-container{margin-bottom:1.5rem}.login-logo-container h2{color:#0f172a;font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap}.login-logo-img{border-radius:.5rem;height:auto;max-width:120px}.login-container h1{color:var(--ink-0);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.glassmorphism-login-page{align-items:center;background:linear-gradient(135deg,#0f172a 0,#1a1210 40%,var(--ink-0) 70%,#0f172a 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.glassmorphism-login-page:before{animation:twinkle 3s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,var(--paper-0),#0000),radial-gradient(1px 1px at 25% 25%,var(--paper-0),#0000),radial-gradient(2px 2px at 60% 70%,var(--paper-0),#0000),radial-gradient(1px 1px at 65% 65%,var(--paper-0),#0000),radial-gradient(2px 2px at 50% 50%,var(--paper-0),#0000),radial-gradient(1px 1px at 55% 55%,var(--paper-0),#0000),radial-gradient(1px 1px at 80% 10%,var(--paper-0),#0000),radial-gradient(2px 2px at 75% 15%,var(--paper-0),#0000),radial-gradient(2px 2px at 90% 60%,var(--paper-0),#0000),radial-gradient(1px 1px at 85% 65%,var(--paper-0),#0000),radial-gradient(1px 1px at 33% 15%,var(--paper-0),#0000),radial-gradient(2px 2px at 38% 20%,var(--paper-0),#0000),radial-gradient(1px 1px at 15% 80%,var(--paper-0),#0000),radial-gradient(2px 2px at 20% 75%,var(--paper-0),#0000),radial-gradient(2px 2px at 40% 40%,var(--paper-0),#0000),radial-gradient(1px 1px at 45% 45%,var(--paper-0),#0000),radial-gradient(1px 1px at 75% 25%,var(--paper-0),#0000),radial-gradient(2px 2px at 70% 30%,var(--paper-0),#0000),radial-gradient(1px 1px at 10% 50%,var(--paper-0),#0000),radial-gradient(2px 2px at 15% 55%,var(--paper-0),#0000),radial-gradient(2px 2px at 70% 85%,var(--paper-0),#0000),radial-gradient(1px 1px at 65% 80%,var(--paper-0),#0000),radial-gradient(1px 1px at 85% 45%,var(--paper-0),#0000),radial-gradient(2px 2px at 80% 50%,var(--paper-0),#0000),radial-gradient(2px 2px at 5% 20%,var(--paper-0),#0000),radial-gradient(1px 1px at 95% 75%,var(--paper-0),#0000),radial-gradient(1px 1px at 30% 60%,var(--paper-0),#0000),radial-gradient(2px 2px at 35% 55%,var(--paper-0),#0000),radial-gradient(1px 1px at 55% 80%,var(--paper-0),#0000),radial-gradient(2px 2px at 12% 35%,var(--paper-0),#0000),radial-gradient(1px 1px at 88% 40%,var(--paper-0),#0000),radial-gradient(2px 2px at 45% 70%,var(--paper-0),#0000),radial-gradient(1px 1px at 22% 45%,var(--paper-0),#0000),radial-gradient(2px 2px at 92% 20%,var(--paper-0),#0000),radial-gradient(1px 1px at 62% 25%,var(--paper-0),#0000),radial-gradient(2px 2px at 72% 60%,var(--paper-0),#0000),radial-gradient(1px 1px at 28% 70%,var(--paper-0),#0000),radial-gradient(2px 2px at 40% 5%,var(--paper-0),#0000),radial-gradient(1px 1px at 15% 35%,var(--paper-0),#0000),radial-gradient(2px 2px at 85% 95%,var(--paper-0),#0000),radial-gradient(1px 1px at 50% 90%,var(--paper-0),#0000);background-repeat:repeat;background-size:200% 200%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes twinkle{0%,to{opacity:.7}25%{opacity:1}50%{opacity:.8}75%{opacity:1}}.glassmorphism-meteor1{animation:meteor-fall 5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#fffc,#0000);height:100px;position:absolute;right:10%;top:-100px;width:2px}.glassmorphism-meteor2{animation:meteor3 6s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#c896ffcc,#0000);height:150px;left:20%;position:absolute;top:-100px;width:2px}.glassmorphism-meteor3{animation:meteor4 3.5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#ffc8ffb3,#0000);height:80px;position:absolute;right:30%;top:-100px;width:1px}.glassmorphism-meteor4{animation:meteor5 4.5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#ffffffe6,#0000);height:120px;left:50%;position:absolute;top:-100px;width:2px}.glassmorphism-meteor5{animation:meteor6 5.5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#b464ffcc,#0000);height:90px;position:absolute;right:60%;top:-100px;width:1px}@keyframes meteor-fall{0%{opacity:0;transform:translateY(-100px) translateX(100px) rotate(45deg)}10%{opacity:1}to{opacity:0;transform:translateY(600px) translateX(-600px) rotate(45deg)}}@keyframes meteor2{0%{opacity:0;transform:translateY(-100px) translateX(150px) rotate(60deg)}10%{opacity:1}to{opacity:0;transform:translateY(800px) translateX(-800px) rotate(60deg)}}@keyframes meteor3{0%{opacity:0;transform:translateY(-100px) translateX(200px) rotate(40deg)}10%{opacity:1}to{opacity:0;transform:translateY(700px) translateX(-700px) rotate(40deg)}}@keyframes meteor4{0%{opacity:0;transform:translateY(-100px) translateX(80px) rotate(55deg)}10%{opacity:1}to{opacity:0;transform:translateY(500px) translateX(-500px) rotate(55deg)}}@keyframes meteor5{0%{opacity:0;transform:translateY(-100px) translateX(120px) rotate(50deg)}10%{opacity:1}to{opacity:0;transform:translateY(650px) translateX(-650px) rotate(50deg)}}@keyframes meteor6{0%{opacity:0;transform:translateY(-100px) translateX(100px) rotate(45deg)}10%{opacity:1}to{opacity:0;transform:translateY(550px) translateX(-550px) rotate(45deg)}}.glassmorphism-login-container{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 #1f26875e,inset 0 0 0 1px #ffffff0d,0 0 60px #6496ff33;max-width:420px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:100%}.glassmorphism-login-container:after{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#0000);border-radius:10px;border-radius:var(--radius-lg);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.glassmorphism-login-container:before{animation:glossMove 8s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}@keyframes glossMove{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.glassmorphism-login-container>*{position:relative;z-index:2}.glassmorphism-logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.glassmorphism-logo-img{background:#ffffff1a;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 8px 16px #64b5ff4d;height:auto;margin-bottom:1rem;max-width:120px;padding:4px}.glassmorphism-brand-name{color:var(--vermilion-200);font-size:1.25rem;font-weight:600;letter-spacing:.05em;margin:0;text-align:center;text-shadow:0 2px 8px #fff3}.glassmorphism-error{background:#ef444440;border:1px solid #ef444466;border-radius:4px;border-radius:var(--radius-sm);color:#ffd4d4}.glassmorphism-error,.glassmorphism-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.glassmorphism-success{background:#22c55e40;border:1px solid #22c55e66;border-radius:4px;border-radius:var(--radius-sm);color:#c6ffd6}.glassmorphism-form{display:flex;flex-direction:column;gap:1.5rem}.glassmorphism-input-group{position:relative}.glassmorphism-label{align-items:center;color:var(--vermilion-200);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:.5rem}.glassmorphism-input-icon{color:var(--vermilion-400);font-size:1rem}.glassmorphism-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:6px;border-radius:var(--radius-md);color:var(--paper-0);font-size:.875rem;padding:.875rem 1rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.glassmorphism-input:focus{background:#ffffff1f;border-color:#d2451a99;box-shadow:0 0 0 3px #d2451a26,inset 0 0 10px #d2451a1a;outline:none}.glassmorphism-input::placeholder{color:#de5d2f80}.glassmorphism-options{align-items:center;display:flex;justify-content:space-between;margin-top:-.5rem}.glassmorphism-remember{align-items:center;color:var(--vermilion-200);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.glassmorphism-remember input[type=checkbox]{accent-color:var(--vermilion-500);cursor:pointer;height:18px;width:18px}.project-hub-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.project-hub-grid{grid-template-columns:1fr}}.hub-column{display:flex;flex-direction:column;gap:20px}.activity-log-section{padding:15px}.activity-form{background:#f8f9fa;border-radius:4px;border-radius:var(--radius-sm);margin-bottom:20px;padding:15px}.form-row{gap:10px}.activity-input,.activity-type-select{border:1px solid #ddd;border-radius:4px;border-radius:var(--radius-sm);padding:8px}.activity-input{flex:1 1}.activity-item{border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px 0}.activity-icon{font-size:24px}.activity-content{flex:1 1}.activity-header{color:#666;display:flex;font-size:.9em;gap:10px;margin-bottom:5px}.activity-user{color:#333;font-weight:600}.client-contacts-section{background:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;padding:1.5rem}.client-contacts-header{align-items:flex-start;border-bottom:2px solid var(--paper-1);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.client-contacts-title{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.client-contacts-subtitle{color:var(--ink-1);font-size:.875rem;margin:0}.contact-form-container{animation:slideDown .3s ease-out;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form-header{align-items:center;border-bottom:2px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.contact-form-header h4{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin:0}.loading-state{align-items:center;color:var(--ink-1);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--paper-3);border-radius:var(--radius-pill);border-top:4px solid #0f172a;height:40px;margin-bottom:1rem;position:relative;width:40px}.loading-spinner:before{animation:spin 1s linear infinite reverse;border:4px solid #0000;border-radius:var(--radius-pill);border-top-color:#1e293b;bottom:-4px;content:"";left:-4px;opacity:.6;position:absolute;right:-4px;top:-4px}.loading-state p{font-size:.875rem;margin:0}.empty-state-modern{padding:3rem 1rem}.empty-state-modern .empty-state-icon{color:var(--paper-3);height:64px;margin:0 auto 1rem;width:64px}.empty-state-modern h3{color:var(--ink-1);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state-modern p{font-size:.875rem;margin:0}.contacts-grid-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-card-modern{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;padding:1.25rem;transition:all var(--dur-fast) var(--ease-standard)}.contact-card-modern:hover{border-color:var(--paper-3);box-shadow:0 4px 12px #0000001a}.contact-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.contact-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-pill);box-shadow:0 2px 8px #0f172a4d;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.contact-info{flex:1 1;min-width:0}.contact-name-modern{word-wrap:break-word;color:var(--ink-0);font-size:1rem;font-weight:600;margin:0 0 .25rem}.contact-designation-modern{word-wrap:break-word;color:var(--ink-1);font-size:.875rem;margin:0}.contact-details-modern{border-top:1px solid var(--paper-1);display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.contact-detail-link{align-items:center;color:var(--ink-1);display:flex;font-size:.875rem;gap:.5rem;padding:.375rem 0;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.contact-detail-link:hover{color:#0f172a}.contact-detail-link svg{color:var(--ink-1);flex-shrink:0}.contact-detail-link:hover svg{color:#0f172a}.contact-detail-link span{word-break:break-all}.section-header{margin-bottom:15px}.contacts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.contact-card{background:var(--paper-0);border:1px solid #eee;border-radius:4px;border-radius:var(--radius-sm);padding:15px}.contact-name{font-weight:600;margin-bottom:5px}.contact-role{color:#666;font-size:.9em;margin-bottom:10px}.contact-detail{display:flex;font-size:.9em;gap:8px;margin-bottom:5px}.team-roster-section{background:#0000;padding:0}.team-roster-header{align-items:flex-start;border-bottom:2px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.team-roster-title{color:var(--ink-0);font-size:1.375rem;font-weight:600;margin:0 0 .375rem}.team-roster-subtitle{color:var(--ink-1);font-size:.9375rem;font-weight:400;margin:0}.team-grid-modern{display:flex;flex-direction:column;gap:.5rem}.team-member-card-modern{align-items:center;background:#fff;border-bottom:1px solid var(--paper-1);border-radius:0;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease}.team-member-card-modern:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.team-member-card-modern:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.team-member-card-modern:hover{background-color:var(--paper-1)}.team-member-card-modern:before{display:none}.team-member-card-header{align-items:center;display:flex;flex:1 1;gap:1rem;margin-bottom:0}.team-member-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:var(--radius-pill);box-shadow:none;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.team-member-card-modern:hover .team-member-avatar{box-shadow:none;transform:none}.team-member-info{display:flex;flex-direction:column;justify-content:center}.team-member-name{color:var(--ink-0);font-size:.9375rem;font-weight:600;line-height:1.2;margin:0}.team-member-designation{background:none;border-radius:0;color:var(--ink-1);display:block;font-size:.75rem;font-weight:400;margin:0;padding:0}.team-member-details{border:none;flex:1 1;margin:0 1.5rem;padding:0}.team-member-email{color:var(--ink-1);font-size:.875rem}.team-member-email:before{display:none}.team-member-actions{margin-top:0}.available-users-list{border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;padding-right:.5rem}.available-user-item{align-items:center;background:#fff;border:none;border-bottom:1px solid var(--paper-1);border-radius:0;box-shadow:none;display:flex;justify-content:space-between;padding:.75rem 1rem}.available-user-item:last-child{border-bottom:none}.available-user-item:hover{background:var(--paper-1);border-color:#0000;box-shadow:none;transform:none}.available-user-info{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.available-user-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:var(--radius-pill);box-shadow:none;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.available-user-name{color:var(--ink-0);font-size:.9375rem;font-weight:600;margin:0}.available-user-designation{color:var(--ink-1);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.available-user-email{color:var(--ink-1);font-size:.8125rem;font-weight:400;word-break:break-all}.team-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.team-member-card{align-items:center;border:1px solid #eee;border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.member-avatar{align-items:center;background:#007bff;border-radius:var(--radius-pill);color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.member-info{flex:1 1;overflow:hidden}.member-role{color:#666;font-size:.85em}.member-email{color:#888;font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-planner-section{background:#0000;border-radius:0;box-shadow:none;padding:0}.resource-planner-header{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.resource-planner-title{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.resource-planner-subtitle{color:var(--ink-1);font-size:.875rem;margin:0}.resource-planner-grid-container{background:#0000;border:none;border-radius:0;overflow-x:auto}.resource-planner-table{border-collapse:initial;border-spacing:0;display:table;min-width:800px;width:100%}.resource-planner-header-row{background:var(--paper-1);display:table-row;position:sticky;top:0;z-index:10}.resource-planner-header-cell{background:var(--paper-1);border-bottom:1px solid var(--paper-3);border-right:1px solid var(--paper-3);border-top:1px solid var(--paper-3);color:var(--ink-1);display:table-cell;font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:150px;padding:.5rem 1rem;text-align:center;text-transform:uppercase;vertical-align:middle}.resource-planner-header-cell.phase-name{color:var(--ink-0);font-weight:600}.resource-planner-header-cell.phase-number{color:var(--ink-1);font-size:.75rem;margin-top:.25rem}.resource-planner-row{display:table-row;transition:background-color .2s ease}.resource-planner-row:hover{background-color:var(--paper-1)}.resource-planner-sticky-column{background:var(--paper-1);border-right:1px solid var(--paper-3);left:0;position:sticky;z-index:5}.resource-planner-header-row .resource-planner-sticky-column{background:var(--paper-1);z-index:15}.resource-planner-user-cell{background:var(--paper-1);border-bottom:1px solid var(--paper-3);border-right:1px solid var(--paper-3);display:table-cell;min-width:200px;padding:.5rem 1rem;vertical-align:middle}.resource-planner-user-cell .user-name{color:var(--ink-0);font-weight:600;margin-bottom:.25rem}.resource-planner-user-cell .user-email{color:var(--ink-1);font-size:.75rem}.resource-planner-cell{background:#0000;border-bottom:1px solid var(--paper-3);border-right:1px solid var(--paper-3);cursor:pointer;display:table-cell;min-width:150px;padding:.5rem;text-align:center;transition:all var(--dur-fast) var(--ease-standard);vertical-align:middle}.resource-planner-cell:hover{background:var(--paper-1);border-color:var(--paper-3)}.resource-planner-cell.has-assignment{background:var(--info-50);border-color:var(--info-50)}.resource-planner-cell.has-assignment:hover{background:var(--info-50)}.cell-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.cell-role{color:var(--ink-0);font-size:.8125rem;font-weight:600}.cell-percentage{color:#0f172a;font-size:.875rem;font-weight:600}.cell-rate{color:var(--ink-1);font-size:.75rem}.cell-empty{color:var(--paper-3);font-size:1.5rem;font-weight:300}.btn-danger{border-color:#fca5a5}.btn-danger,.btn-danger:hover{background:var(--danger-50);color:var(--danger-500)}.btn-danger:hover{border-color:var(--danger-500)}.glassmorphism-forgot{color:var(--vermilion-400);font-size:.875rem;text-decoration:none;transition:color .3s ease}.glassmorphism-forgot:hover{color:var(--vermilion-200)}.glassmorphism-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#d2451a26;border:1px solid #ffffff4d;border-radius:6px;border-radius:var(--radius-md);color:var(--paper-0);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all var(--dur-fast) var(--ease-standard);width:100%}.glassmorphism-button:hover{background:#d2451a40;border-color:#ffffff80;box-shadow:0 4px 20px #d2451a40,inset 0 0 20px #de5d2f26}.glassmorphism-button:active{transform:translateY(0)}.form-group{text-align:left}.form-group,.form-row{margin-bottom:1.25rem}.form-row .form-group{margin-bottom:0}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid var(--paper-4);border-radius:.5rem;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2);outline:none}.form-group textarea{min-height:100px;resize:vertical}.btn-primary{background-color:var(--vermilion-500);border-radius:.5rem;justify-content:center;max-width:none;width:auto}.btn-primary:hover{background-color:#1e293b}.btn-outline{align-items:center;background-color:#fff;border-radius:.5rem;display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;text-decoration:none}.btn-outline:hover{background-color:var(--vermilion-500);color:#fff}.btn-small{align-items:center;border:none;border-radius:.375rem;display:inline-flex;font-weight:500;justify-content:center}.btn-danger{border-radius:.375rem;font-size:.75rem;padding:.5rem 1rem}.btn-danger,.btn-danger-large{background-color:var(--danger-500);transition:all var(--dur-fast) var(--ease-standard)}.btn-danger-large{border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}.btn-danger-large:hover{background-color:var(--danger-500);box-shadow:0 4px 12px #ef44444d}.alert{border:none;border-radius:.5rem;font-weight:500;margin-bottom:1rem}.alert-danger{background-color:var(--danger-50);border:1px solid var(--danger-50)}.options-link{font-size:.875rem;margin-top:1.5rem;text-align:center}.options-link a{color:#0f172a;font-weight:500;text-decoration:none}.options-link a:hover{text-decoration:underline}.main-content{margin:0 auto;max-width:1200px;padding:0 1.5rem}.page-title{font-size:1.5rem;margin-bottom:0}.page-header{gap:.75rem;margin-bottom:.75rem}.page-header,.page-header-compact{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.page-header-compact{gap:1rem;margin-bottom:1rem}.page-header .page-title{margin-bottom:0}.page-header .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.page-header .page-actions .btn-primary{flex-shrink:0;font-size:.875rem;max-width:none;padding:.5rem 1rem;width:auto}.smart-financial-card{background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.smart-financial-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.smart-financial-card.pursuit-mode:before{background:linear-gradient(90deg,#0f172a,#1e293b)}.smart-financial-card.pursuit-mode{border:1px solid var(--paper-2)}.smart-financial-card.execution-mode:before{background:linear-gradient(90deg,#14b8a6 0,var(--ok-500) 100%)}.smart-financial-card.execution-mode{border:1px solid var(--ok-50)}.smart-financial-card.closeout-mode:before{background:linear-gradient(90deg,var(--warn-500) 0,var(--warn-500) 100%)}.smart-financial-card.closeout-mode{border:1px solid var(--warn-50)}.smart-card-header{align-items:center;border-bottom:2px solid var(--paper-1);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.smart-card-title{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.stage-badge{border-radius:10px;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.stage-badge.pursuit{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.stage-badge.execution{background:linear-gradient(135deg,#14b8a6 0,var(--ok-500) 100%);color:#fff}.stage-badge.closeout{background:linear-gradient(135deg,var(--warn-500) 0,var(--warn-500) 100%);color:#fff}.smart-card-body{gap:1.5rem}.metric-primary,.smart-card-body{display:flex;flex-direction:column}.metric-primary{gap:.5rem}.metric-label{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-value{font-size:2.5rem;line-height:1}.metric-value.pursuit{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text}.metric-value.closeout{color:var(--warn-500)}.metric-value.closeout.negative{color:var(--danger-500)}.metric-value-medium{color:var(--ink-0);font-size:1.75rem;font-weight:600}.metric-value-small{color:var(--ink-0);font-size:1.25rem;font-weight:600}.metric-hint{color:var(--ink-1);font-size:.75rem;font-style:italic}.metrics-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.metric-secondary,.probability-display{display:flex;flex-direction:column;gap:.5rem}.probability-bar{background:var(--paper-3);height:8px;overflow:hidden;width:100%}.probability-bar,.probability-fill{border-radius:4px;border-radius:var(--radius-sm)}.probability-fill{background:linear-gradient(90deg,#0f172a,#1e293b);height:100%;transition:width .5s ease}.progress-bar-large{height:12px}.progress-bar-large,.progress-bar-small{background:var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden;width:100%}.progress-bar-small{height:8px}.progress-fill{border-radius:inherit;transition:width .5s ease}.progress-fill.execution{background:linear-gradient(90deg,#14b8a6 0,var(--ok-500) 100%)}.progress-fill.budget{background:linear-gradient(90deg,#0f172a,#0f172a)}.metric-section{display:flex;flex-direction:column;gap:.75rem}.metric-header{align-items:center;display:flex;justify-content:space-between}.metric-percentage{color:#14b8a6;font-size:1.125rem;font-weight:600}.metric-subtext{color:var(--ink-1);font-size:.875rem}.metric-card{background:var(--paper-1);border-radius:6px;border-radius:var(--radius-md);gap:.75rem;padding:1rem}.metric-card:hover{background:var(--paper-1);border-color:var(--paper-3)}.metric-card.execution{border-left:3px solid #14b8a6}.metric-icon-small{background:linear-gradient(135deg,#14b8a6 0,var(--ok-500) 100%);border-radius:4px;border-radius:var(--radius-sm);color:#fff;flex-shrink:0;height:36px;justify-content:center;width:36px}.alert-box,.metric-icon-small{align-items:center;display:flex}.alert-box{border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;gap:.75rem;padding:1rem}.alert-box.cash-flow{background:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.alert-box svg{flex-shrink:0}.comparison-section{align-items:center;background:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.comparison-item{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.comparison-label{font-size:.875rem;letter-spacing:.05em}.comparison-value{font-size:1.5rem;font-weight:600}.comparison-value.revenue{color:var(--ok-500)}.comparison-value.cost{color:var(--danger-500)}.comparison-divider{align-items:center;color:var(--paper-3);display:flex}.collection-status{align-items:center;border-radius:6px;border-radius:var(--radius-md);display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.collection-status.paid{background:var(--ok-50);border:1px solid var(--ok-500);color:#065f46}.collection-status.outstanding{background:var(--warn-50);border:1px solid var(--warn-500);color:var(--warn-500)}.collection-status svg{flex-shrink:0}@media (max-width:768px){.smart-financial-card{padding:1.5rem}.metric-value{font-size:2rem}.metrics-grid-2{grid-template-columns:1fr}.comparison-section{align-items:flex-start;flex-direction:column}.comparison-divider{transform:rotate(90deg)}}.project-financials-tab{padding:1rem}.financial-overview-section{margin-bottom:2rem}.financial-overview-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.financial-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.financial-stat-card.large{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000a;padding:2rem}.financial-stat-title{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.financial-chart-container{align-items:center;display:flex;gap:2rem}.financial-donut-chart{flex-shrink:0}.donut-svg{height:200px;width:200px}.donut-center-text{fill:var(--ink-0);font-size:2rem;font-weight:600}.donut-center-subtext{fill:var(--ink-1);font-size:.875rem}.financial-legend{display:flex;flex-direction:column;gap:1rem}.legend-item{gap:.75rem}.legend-color{flex-shrink:0}.legend-color.received{background:var(--ok-500)}.legend-color.outstanding{background:var(--warn-500)}.legend-details{display:flex;flex-direction:column}.legend-label{color:var(--ink-1);font-size:.875rem;font-weight:500}.legend-value{color:var(--ink-0);font-size:1.125rem;font-weight:600}.financial-metrics{display:flex;flex-direction:column;gap:1rem}.metric-card{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;padding:1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.metric-card:hover{box-shadow:0 4px 12px #00000014}.metric-icon{align-items:center;border-radius:6px;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-icon.contract{background:linear-gradient(135deg,var(--ok-500) 0,var(--ok-500) 100%)}.metric-icon.billed{background:linear-gradient(135deg,#0f172a,#1e293b)}.metric-icon.unbilled{background:linear-gradient(135deg,var(--warn-500) 0,var(--warn-500) 100%)}.metric-content{display:flex;flex-direction:column}.metric-label{color:var(--ink-1);font-size:.875rem;font-weight:500}.metric-value{color:var(--ink-0);font-size:1.5rem;font-weight:600}@media (max-width:1024px){.financial-stats-grid{grid-template-columns:1fr}.financial-chart-container{flex-direction:column}}.financial-section{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);margin-bottom:2rem;padding:1.5rem}.financial-section-header{align-items:center;border-bottom:2px solid var(--paper-1);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.financial-section-title{align-items:center;color:var(--ink-0);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.info-tooltip{align-items:center;border-radius:var(--radius-pill);cursor:help;display:inline-flex;height:20px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:20px}.info-tooltip,.info-tooltip:hover{background:var(--paper-3);color:var(--ink-1)}.info-hint{flex:0 0 auto;position:relative}.info-hint,.info-hint-trigger{align-items:center;display:inline-flex;justify-content:center}.info-hint-trigger{background:#0000;border:none;border-radius:var(--radius-pill);color:var(--ink-1);cursor:help;height:40px;padding:0;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard);width:40px}.info-hint-trigger:focus-visible,.info-hint-trigger:hover{background:var(--paper-1);color:var(--ink-0);outline:none}.info-hint-popover{text-wrap:pretty;background:var(--ink-0);border:1px solid #ffffff14;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 12px 30px #0f172a33;color:var(--paper-0);font-size:.78rem;left:50%;line-height:1.45;max-width:320px;min-width:220px;opacity:0;padding:.7rem .8rem;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),visibility var(--dur-fast) var(--ease-standard);visibility:hidden;white-space:normal;z-index:20}.info-hint-popover.is-open,.info-hint:focus-within .info-hint-popover,.info-hint:hover .info-hint-popover{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.empty-state-small{color:var(--ink-1);padding:3rem 1rem;text-align:center}.empty-state-small p{font-size:.875rem}.unbilled-revenue-card{background:linear-gradient(135deg,var(--warn-50) 0,var(--warn-50) 100%);border:1px solid var(--warn-500);border-radius:4px;border-radius:var(--radius-sm);padding:2rem;text-align:center}.unbilled-amount{color:var(--warn-500);font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.unbilled-description{color:#78350f;font-size:.875rem;margin:0}.status-paid{background:var(--ok-50);color:#065f46}.status-partial{background:var(--warn-50);color:var(--warn-500)}.status-unpaid{background:var(--danger-50);color:var(--danger-500)}.status-overdue{background:var(--danger-50);color:#7f1d1d}.status-pending{background:var(--paper-2);color:var(--ink-0)}@media (max-width:1024px){.financial-scorecard{gap:1rem;grid-template-columns:1fr}}.back-button-container{margin-bottom:1rem}.back-button{align-items:center;background:#0000;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.back-button:hover{background:var(--paper-1);border-color:var(--paper-4);color:var(--ink-0);text-decoration:none}.page-actions .btn-danger,.page-actions .btn-secondary{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:120px;padding:.5rem 1rem;text-decoration:none}.minimal-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.minimal-header h1{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0}.minimal-controls{align-items:center;display:flex;gap:.75rem}.minimal-controls .btn-minimal{margin-left:.5rem;order:1}.minimal-controls select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-0);cursor:pointer;font-size:.875rem;min-width:120px;padding:.375rem 2rem .375rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.minimal-controls select:focus{border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2);outline:none}.minimal-controls select:hover{border-color:var(--paper-4)}.btn-minimal{background:var(--vermilion-500);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-minimal:hover{background:#1e293b;box-shadow:0 4px 8px #3b82f666;color:#fff;text-decoration:none}.ultra-compact-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.header-tabs{align-items:center;display:flex;flex-shrink:0;gap:1rem}.compact-tabs{display:flex;flex-shrink:0;gap:.25rem}.compact-tab{background:#0000;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;min-width:120px;padding:.375rem .75rem;text-align:center;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap}.compact-tab:hover{background:var(--paper-1);border-color:var(--paper-4);color:var(--ink-0)}.compact-tab.active{background:var(--vermilion-500);border-color:#0f172a;box-shadow:0 2px 4px #3b82f633;color:#fff}.compact-tab.active:hover{background:#1e293b;border-color:#1e293b}.priority-low{background:var(--ok-50);color:#065f46}.priority-low,.priority-medium{border-radius:4px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.priority-medium{background:var(--warn-50)}.priority-high{background:#fed7d7;color:#c53030}.priority-high,.priority-urgent{border-radius:4px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.priority-urgent{animation:pulse 2s infinite;background:#fbb6ce;color:var(--vermilion-700)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.page-actions .btn-danger,.page-actions .btn-outline,.page-actions .btn-secondary{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.85rem;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.page-actions .btn-secondary{background:var(--ink-1);border-color:var(--ink-1);color:#fff}.page-actions .btn-secondary:hover{background:#4b5563;border-color:#4b5563;box-shadow:0 2px 6px #6b72804d}.page-actions .btn-danger{background:var(--danger-500);border-color:var(--danger-500);color:#fff}.page-actions .btn-danger:hover:not(:disabled){background:var(--danger-500);border-color:var(--danger-500);box-shadow:0 2px 6px #dc26264d}.page-actions .btn-danger:disabled{background:var(--paper-4);box-shadow:0 1px 3px #0000001a;color:var(--paper-4);cursor:not-allowed;transform:none}.page-actions .btn-outline{background:#0000;border-color:var(--paper-4);color:var(--ink-1)}.page-actions .btn-outline:hover{background:var(--paper-1);border-color:var(--paper-4);box-shadow:0 2px 6px #0000001a;color:var(--ink-0)}.modern-tasks-section{margin-top:2rem}.tasks-header{align-items:center;border-bottom:2px solid var(--paper-2);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.tasks-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.btn-add-task{border-radius:4px;box-shadow:0 1px 3px #3b82f633;display:inline-flex;font-size:.85rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;text-decoration:none}.btn-add-task:hover{box-shadow:0 4px 8px #3b82f64d}.modern-tasks-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.modern-task-card{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px 0 #0000001a;overflow:hidden;padding:1.25rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.modern-task-card:hover{border-color:var(--paper-4);box-shadow:0 4px 12px 0 #00000026}.modern-task-card .task-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.modern-task-card .task-title{color:#1f2937;flex:1 1;font-size:1.1rem;font-weight:600;margin:0;min-width:0}.modern-task-card .task-title a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.modern-task-card .task-title a:hover{color:#0f172a}.modern-task-card .task-badges{display:flex;flex-shrink:0;gap:.5rem}.modern-task-card .task-description{color:var(--ink-1);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.modern-task-card .task-description p{margin:0}.modern-task-card .no-description{color:var(--paper-4);font-style:italic}.modern-task-card .task-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modern-task-card .meta-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.modern-task-card .meta-label{color:var(--ink-1);font-weight:500}.modern-task-card .meta-value{color:#1f2937;font-weight:500}.modern-task-card .due-date.overdue,.modern-task-card .overdue-indicator{color:var(--danger-500);font-weight:600}.modern-task-card .overdue-indicator{background:var(--danger-50);border-radius:4px;border-radius:var(--radius-sm);font-size:.75rem;margin-left:.5rem;padding:.125rem .375rem}.modern-task-card .task-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.modern-task-card .task-card-actions .btn-small{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.modern-task-card .task-card-actions .btn-outline{background:#0000;border-color:var(--paper-4);color:var(--ink-1)}.modern-task-card .task-card-actions .btn-outline:hover{background:var(--paper-1);border-color:var(--paper-4);color:var(--ink-0)}.modern-task-card .task-card-actions .btn-primary{background:var(--vermilion-500);border-color:#0f172a;color:#fff}.modern-task-card .task-card-actions .btn-primary:hover{background:#1e293b;border-color:#1e293b}.modern-task-card .task-card-actions .btn-danger{color:#fff}.modern-task-card .task-card-actions .btn-danger,.modern-task-card .task-card-actions .btn-danger:hover{background:var(--danger-500);border-color:var(--danger-500)}.tasks-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.task-card{border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px 0 #0000001a;padding:1rem;transition:all var(--dur-fast) var(--ease-standard)}.task-card:hover{border-color:#0f172a;box-shadow:0 4px 12px 0 #00000026}.task-card-header{align-items:flex-start;margin-bottom:.75rem}.task-title{color:var(--ink-0);flex:1 1;font-size:1rem;line-height:1.4;margin:0 .5rem 0 0}.task-badges{flex-wrap:wrap}.priority-badge,.task-status{border-radius:4px;border-radius:var(--radius-sm);font-weight:500;padding:.25rem .5rem}.task-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;margin:0 0 .75rem;overflow:hidden}.task-meta{grid-gap:.5rem;display:grid;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.meta-item{gap:.125rem}.meta-label{font-size:.75rem;letter-spacing:.05em}.meta-value{color:var(--ink-0);font-weight:500}.project-link{color:#0f172a}.project-link:hover{color:#1e293b}.task-card-actions{flex-wrap:wrap;gap:.5rem}.task-card-actions .btn-small{border-radius:4px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;padding:.375rem .75rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.empty-state h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0}.filter-controls{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.filter-group{align-items:center;display:flex}.filter-group label{font-weight:600}.filter-group label,.filter-select{color:var(--ink-0);font-size:.875rem}.filter-select{background:#fff;border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;min-width:120px;padding:.5rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.filter-select:focus{border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2);outline:none}.filter-results{align-items:center;display:flex;margin-left:auto}.results-count{color:var(--ink-1);font-size:.875rem;font-weight:500}.btn-small{background:#fff;border:1px solid var(--paper-4);color:var(--ink-0)}.btn-small:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4)}.btn-small:disabled{opacity:.5}@media (max-width:768px){.minimal-header{align-items:stretch;flex-direction:column;gap:.5rem}.minimal-controls{flex-wrap:wrap;justify-content:center}.minimal-controls select{font-size:.8rem;min-width:100px;padding:.25rem 1.5rem .25rem .5rem}.btn-minimal{font-size:.85rem;margin-left:0;order:0;padding:.4rem .8rem}.ultra-compact-header{align-items:stretch}.header-tabs,.ultra-compact-header{flex-direction:column;gap:.75rem}.compact-tabs{flex-wrap:wrap;gap:.5rem;justify-content:center}.compact-tab{font-size:.8rem;min-width:100px;padding:.25rem .5rem}.header-tabs .btn-minimal{align-self:center}.tasks-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-actions{align-items:stretch;flex-direction:column;gap:.5rem}.page-actions .btn-danger,.page-actions .btn-outline,.page-actions .btn-secondary{font-size:.8rem;padding:.5rem .75rem;width:100%}.btn-add-task{align-self:flex-start;font-size:.8rem;padding:.4rem .8rem}.modern-tasks-grid{gap:1rem;grid-template-columns:1fr}.modern-task-card{padding:1rem}.modern-task-card .task-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.modern-task-card .task-badges{align-self:flex-start}.modern-task-card .task-card-actions{flex-direction:column;gap:.375rem}.modern-task-card .task-card-actions .btn-small{text-align:center;width:100%}.tasks-grid{gap:.75rem}.task-meta,.tasks-grid{grid-template-columns:1fr}.task-meta{gap:.375rem}.task-card-actions{flex-direction:column}.task-card-actions .btn-small{text-align:center;width:100%}}.pagination-controls{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);padding:1.5rem}.page-numbers{margin:0 .5rem}.page-ellipsis{color:var(--ink-1);font-weight:500;padding:0 .5rem}.results-count .page-info{color:var(--paper-4);font-size:.8rem;margin-left:.5rem}.btn-clear{background:#0000;border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.875rem;margin-left:auto;padding:.5rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-clear:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4);color:var(--ink-0)}.btn-clear:disabled{cursor:not-allowed;opacity:.5}.applied-filters{align-items:center;border-top:1px solid var(--paper-2);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding-top:.5rem}.filter-label{color:var(--ink-1);letter-spacing:.05em;text-transform:uppercase}.filter-label,.filter-tag{font-size:.75rem;font-weight:500}.filter-tag{align-items:center;background:var(--info-50);border:1px solid var(--info-50);border-radius:4px;border-radius:var(--radius-sm);color:var(--info-500);display:inline-flex;gap:.25rem;padding:.25rem .5rem}.filter-tag-remove{background:none;border:none;color:var(--info-500);cursor:pointer;font-size:.875rem;font-weight:700;line-height:1;margin-left:.25rem;padding:0}.filter-tag-remove:hover{color:var(--danger-500)}@media (max-width:768px){.pagination-controls{align-items:stretch;flex-direction:column;gap:1rem}.pagination-buttons{flex-wrap:wrap;justify-content:center}.page-numbers{margin:0}}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:0}.project-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1rem;transition:all var(--dur-fast) var(--ease-standard)}.project-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header h3{color:var(--ink-0);flex:1 1;font-size:1.125rem;font-weight:600;margin:0 1rem 0 0}.project-status{flex-shrink:0}.stage-preparation-brief{background-color:var(--warn-50);color:var(--warn-500)}.stage-concept-design{background-color:var(--info-50);color:var(--info-500)}.stage-design-development{background-color:var(--ok-50);color:var(--ok-500)}.stage-technical-design{background-color:#f3e8ff;color:var(--vermilion-500)}.stage-construction{background-color:var(--warn-50);color:var(--warn-500)}.stage-handover{background-color:var(--ok-50);color:var(--ok-500)}.stage-use{background-color:var(--paper-3);color:var(--ink-1)}.task-status{border-radius:.375rem;letter-spacing:.05em;white-space:nowrap}.task-status.to-do{background-color:var(--warn-50);color:var(--warn-500)}.task-status.in-progress{background-color:var(--info-50);color:var(--info-500)}.task-status.in-review{background-color:#f3e8ff;color:var(--vermilion-500)}.task-status.done{background-color:var(--ok-50);color:var(--ok-500)}.task-status.on-hold{background-color:var(--danger-50);color:var(--danger-500)}.status-in-discussion{background-color:var(--warn-50);color:var(--warn-500)}.status-progress{background-color:var(--info-50);color:var(--info-500)}.status-completed{background-color:var(--ok-50);color:var(--ok-500)}.status-archived{background-color:var(--paper-3);color:var(--ink-1)}.project-status{font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.priority-badge,.project-status{border-radius:.375rem;display:inline-block;letter-spacing:.05em;padding:.25rem .75rem}.priority-badge.low-priority{background-color:var(--ok-50);color:var(--ok-500)}.priority-badge.high-priority,.priority-badge.medium-priority{background-color:var(--warn-50);color:var(--warn-500)}.priority-badge.urgent-priority{background-color:var(--danger-50);color:var(--danger-500)}.stage-concept-design,.stage-construction,.stage-design-development,.stage-handover,.stage-preparation-brief,.stage-technical-design,.stage-use{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.project-info{margin-bottom:1.5rem}.info-row{align-items:center;border-bottom:1px solid var(--paper-1);padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{font-size:.875rem;font-weight:500}.info-value{word-wrap:break-word;font-size:.875rem;max-width:60%}.text-success{color:var(--ok-500)!important}.project-badges{display:flex;flex-wrap:wrap;gap:.5rem}.project-card h3{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.project-card p{color:var(--ink-1);line-height:1.5;margin-bottom:1rem}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tasks-list{background-color:#fff;border:1px solid var(--paper-3);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.task-item{align-items:flex-start;border-bottom:1px solid var(--paper-1);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:background-color .2s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--paper-1)}.task-info{flex:1 1}.task-status-section{align-items:center;display:flex;min-width:120px}.task-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.task-info h4{color:var(--ink-0);font-size:1rem;font-weight:600;margin-bottom:.5rem}.task-info h4 a{color:inherit;display:inline-block;max-width:200px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.task-info h4 a:hover{color:#0f172a}.task-info h4 .task-status{margin-left:.75rem}.task-info h4 .priority-badge{margin-left:.5rem}.task-info p{color:var(--ink-1);font-size:.875rem;line-height:1.5}.profile-logo-container{margin-bottom:1.5rem;padding-top:.5rem;text-align:center}.firm-logo-img{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;height:auto;max-width:150px}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-4{margin-top:1.5rem}.mt-2{margin-top:1rem}.me-2{margin-right:.5rem}.text-center{text-align:center}.p-4{padding:1.5rem}.p-2{padding:1rem}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.navbar-nav{gap:.25rem}.navbar-nav .nav-link{font-size:.85rem;padding:.5rem .75rem}.user-info{padding:.4rem .75rem}.user-details{display:none}.navbar-container-modern{padding:0 1.5rem}.navbar-nav-modern{gap:.25rem}.navbar-nav-modern .nav-link-modern{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:768px){.navbar-container{padding:0 1rem}.mobile-menu-toggle{display:block}.navbar-nav-wrapper{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:-8px 0 32px #00000026;flex-direction:column;gap:0;height:calc(100vh - 80px);overflow-y:auto;padding:2.5rem 2rem;position:fixed;right:-100%;top:80px;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}.navbar-nav-wrapper.open{right:0}.navbar-nav{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;width:100%}.navbar-nav li{width:100%}.navbar-nav .nav-link{background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;justify-content:flex-start;padding:1.25rem 1.75rem;width:100%}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{background:#ffffff40;border-color:#fff6;transform:translateX(8px)}.navbar-user-section{flex-direction:column;gap:1.75rem;margin-top:auto;width:100%}.user-info{background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;justify-content:center;padding:1rem 1.5rem;width:100%}.user-details{display:flex;text-align:center}.logout-button{border-radius:50px;font-size:1rem;justify-content:center;padding:1rem 1.5rem;width:100%}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;height:calc(100vh - 80px);left:0;position:fixed;top:80px;transition:all var(--dur-fast) var(--ease-standard);width:100%;z-index:999}.organization-name{font-size:1.1rem}.welcome-text{font-size:.7rem}.navbar-container-modern{padding:0 1rem}.mobile-menu-toggle-modern{display:block}.navbar-nav-wrapper-modern{align-items:stretch;background:var(--paper-0);border-left:1px solid var(--paper-3);box-shadow:-8px 0 32px #00000026;flex-direction:column;gap:0;height:calc(100vh - 70px);overflow-y:auto;padding:2rem;position:fixed;right:-100%;top:70px;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}.navbar-nav-wrapper-modern.open{right:0}.navbar-nav-modern{flex-direction:column;gap:.75rem;margin-bottom:2rem;width:100%}.navbar-nav-modern li{width:100%}.navbar-nav-modern .nav-link-modern{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;justify-content:flex-start;padding:1rem 1.25rem;width:100%}.navbar-nav-modern .nav-link-modern.active,.navbar-nav-modern .nav-link-modern:hover{background:var(--info-50);border-color:var(--info-50);color:#0f172a;transform:translateX(4px)}.navbar-logout-modern{margin-top:auto;width:100%}.logout-button-modern{border-radius:4px;border-radius:var(--radius-sm);font-size:1rem;justify-content:center;padding:1rem 1.25rem;width:100%}.mobile-menu-overlay-modern{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:block;height:calc(100vh - 70px);left:0;position:fixed;top:70px;transition:all var(--dur-fast) var(--ease-standard);width:100%;z-index:999}.organization-name-modern{font-size:1.1rem}.welcome-text-modern{font-size:.7rem}}@media (max-width:480px){.navbar-container{min-height:70px;padding:0 1rem}.navbar-logo{height:40px;width:40px}.organization-name{font-size:1.2rem}.welcome-text{font-size:.7rem}.navbar-nav-wrapper{padding:2rem 1.5rem;width:300px}.mobile-menu-overlay,.navbar-nav-wrapper{height:calc(100vh - 70px);top:70px}.navbar-container-modern{min-height:60px;padding:0 1rem}.navbar-logo-modern{height:36px;width:36px}.organization-name-modern{font-size:1.1rem}.welcome-text-modern{font-size:.7rem}.navbar-nav-wrapper-modern{padding:1.5rem 1.25rem;width:300px}.mobile-menu-overlay-modern,.navbar-nav-wrapper-modern{height:calc(100vh - 60px);top:60px}}@media (max-width:1024px){.navbar-container-ultra{padding:0 1.5rem}.nav-links-ultra{gap:.25rem}.nav-item-ultra{font-size:.9rem;padding:.5rem .75rem}}@media (max-width:768px){.navbar-container-ultra{height:68px;padding:0 1rem}.mobile-toggle-ultra{display:block}.navbar-nav-ultra{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-left:1px solid #e2e8f0cc;box-shadow:-8px 0 32px #0000001a;display:flex;flex-direction:column;gap:0;height:calc(100vh - 64px);overflow-y:auto;padding:2rem;position:fixed;right:-100%;top:68px;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px;z-index:1001}.navbar-nav-ultra.open{border:3px solid red!important;display:flex!important;right:0;visibility:visible!important}.nav-links-ultra{flex-direction:column;gap:.75rem;margin-bottom:2rem;width:100%}.nav-item-ultra{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);font-size:1rem;justify-content:flex-start;padding:1rem 1.25rem;width:100%}.nav-item-ultra.active,.nav-item-ultra:hover{background:var(--info-50);border-color:var(--info-50);color:#0f172a;transform:translateX(4px)}.nav-actions-ultra{margin-top:auto;width:100%}.logout-btn-ultra{border-radius:4px;border-radius:var(--radius-sm);font-size:1rem;justify-content:center;padding:1rem 1.25rem;width:100%}.mobile-overlay-ultra{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:block;height:calc(100vh - 64px);left:0;position:fixed;top:64px;transition:all var(--dur-fast) var(--ease-standard);width:100%;z-index:999}.brand-name-ultra{font-size:1.1rem}.brand-subtitle-ultra{font-size:.7rem}}@media (max-width:480px){.navbar-container-ultra{height:60px;padding:0 1rem}.brand-logo-ultra{height:36px;width:36px}.brand-name-ultra{font-size:1rem}.brand-subtitle-ultra{font-size:.65rem}.navbar-nav-ultra{padding:1.5rem 1.25rem;width:300px}.mobile-overlay-ultra,.navbar-nav-ultra{height:calc(100vh - 60px);top:60px}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;text-align:center}.page-header .page-actions{justify-content:center}.page-actions .btn-danger,.page-actions .btn-secondary{font-size:.8rem;min-width:100px;padding:.5rem .75rem}.back-button{font-size:.8rem;padding:.5rem .75rem}.projects-grid{gap:1rem;grid-template-columns:1fr}.project-card-modern{padding:1.25rem}.project-card-modern-title{font-size:1.125rem}.project-card-modern-meta{gap:.75rem}.main-content{margin:1rem auto;padding:0 1rem}.project-details-header-compact{align-items:stretch;flex-direction:column;gap:1rem;padding:.75rem 0}.project-details-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.project-details-modal{max-height:95vh;width:95%}.project-details-info-grid{gap:1.5rem;grid-template-columns:1fr}.project-details-modal-body,.project-details-modal-footer,.project-details-modal-header{padding:1.5rem}.task-filter-modal{max-height:95vh;width:95%}.task-filter-modal-body,.task-filter-modal-footer,.task-filter-modal-header{padding:1.5rem}.project-filter-modal{max-height:95vh;width:95%}.project-filter-modal-body,.project-filter-modal-footer,.project-filter-modal-header{padding:1.5rem}.btn-filter-compact{font-size:.8125rem;padding:.4375rem .875rem}.page-title{font-size:1.125rem}.project-card{padding:1.25rem}.task-item{align-items:flex-start;flex-direction:column;gap:.75rem}.task-status-section{align-self:flex-start;min-width:auto}.task-info h4 a{max-width:150px}.task-actions{align-self:stretch;justify-content:stretch;width:100%}.task-actions>*{flex:1 1;text-align:center}.project-actions{justify-content:stretch}.project-actions>*{flex:1 1;text-align:center}.projects-header-compact{align-items:stretch;flex-direction:column;gap:.75rem;padding:.5rem 0}.projects-header-right{justify-content:space-between;width:100%}.filters-compact{flex:1 1;min-width:0}.filter-select-compact{font-size:.75rem;min-width:90px;padding:.375rem 1.5rem .375rem .5rem}.view-toggle-compact{order:-1}}@media (max-width:480px){.login-container{margin:1rem;max-width:90%;padding:2rem}.login-logo-container h2{font-size:1.25rem}.glassmorphism-login-container{max-width:95%;padding:2rem 1.5rem}.glassmorphism-logo-img{max-width:100px}.glassmorphism-brand-name{font-size:1.1rem}.glassmorphism-button{font-size:.9375rem;padding:.875rem}.page-title{font-size:1.25rem}.projects-grid{gap:.75rem}.project-card{padding:1rem}}.form-group select option[value*=STAGE_01]{background-color:var(--warn-50);color:var(--warn-500)}.form-group select option[value*=STAGE_02]{background-color:var(--info-50);color:var(--info-500)}.form-group select option[value*=STAGE_03]{background-color:var(--ok-50);color:var(--ok-500)}.form-group select option[value*=STAGE_04]{background-color:#f3e8ff;color:var(--vermilion-500)}.form-group select option[value*=STAGE_05]{background-color:var(--warn-50);color:var(--warn-500)}.form-group select option[value*=STAGE_06]{background-color:var(--ok-50);color:var(--ok-500)}.form-group select option[value*=STAGE_07]{background-color:var(--paper-3);color:var(--ink-1)}.form-group select option[value=TO_DO]{background-color:var(--warn-50);color:var(--warn-500)}.form-group select option[value=IN_PROGRESS]{background-color:var(--info-50);color:var(--info-500)}.form-group select option[value=IN_REVIEW]{background-color:#f3e8ff;color:var(--vermilion-500)}.form-group select option[value=DONE]{background-color:var(--ok-50);color:var(--ok-500)}.form-group select option[value=IN_DISCUSSION]{background-color:var(--warn-50);color:var(--warn-500)}.form-group select option[value=PROGRESS]{background-color:var(--info-50);color:var(--info-500)}.form-group select option[value=ON_HOLD]{background-color:var(--danger-50);color:var(--danger-500)}.form-group select option[value=COMPLETED]{background-color:var(--ok-50);color:var(--ok-500)}.form-group select option[value=ARCHIVED]{background-color:var(--paper-3);color:var(--ink-1)}.navbar-logo{border-radius:4px;border-radius:var(--radius-sm);height:40px;margin-right:10px;width:auto}.navbar-brand-text{color:#333;font-weight:600;text-decoration:none}.admin-actions{margin-top:2rem}.admin-actions .btn{margin-bottom:1rem;margin-right:1rem}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.user-card{background:#fff;border:1px solid #e1e5e9;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .2s ease}.user-card:hover{box-shadow:0 4px 8px #00000026}.user-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.user-header h3{color:#333;font-size:1.25rem;margin:0}.role-badge{border-radius:10px;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.user{background-color:#6c757d;color:#fff}.user-details p{color:#666;margin:.5rem 0}.user-details strong{color:#333}.status-badge{margin-left:.5rem;padding:.25rem .5rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.user-actions{border-top:1px solid #e1e5e9;gap:8px;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.action-btn,.user-actions{align-items:center;display:flex}.action-btn{background:var(--paper-1);border:1px solid var(--paper-3);font-size:12px;height:32px;justify-content:center;min-width:60px;padding:6px 12px;white-space:nowrap}.action-btn:hover{box-shadow:0 2px 4px #0000001a}.action-btn:active{transform:translateY(0)}.action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.view-btn:hover{background:var(--info-50);border-color:#0f172a;color:var(--info-500)}.edit-btn:hover{background:var(--warn-50);border-color:var(--warn-500);color:var(--warn-500)}.toggle-btn:hover{background:var(--paper-2);border-color:var(--ink-1)}.toggle-btn:disabled:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--paper-4)}.modal-overlay{background-color:#00000080}.modal{background:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-header{border-bottom:1px solid #e1e5e9;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#333}.close-btn{align-items:center;border-radius:var(--radius-pill);color:#666;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close-btn:hover{background-color:#f8f9fa;color:#333}.modal-actions{border-top:1px solid #e1e5e9;gap:1rem;margin-top:2rem;padding-top:1rem}.form-group label{font-size:.875rem}.form-input,.form-textarea{border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a;outline:none}.form-input:disabled{background-color:var(--paper-2);cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical}.btn-primary{font-size:.875rem;padding:.625rem 1.25rem}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--paper-2);border:1px solid var(--paper-4);color:var(--ink-0);font-size:.875rem;padding:.625rem 1.25rem}.alert{border-radius:4px;border-radius:var(--radius-sm);font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.alert-success{background:var(--ok-50);border:1px solid #6ee7b7;color:#065f46}.alert-danger{background:var(--danger-50);border:1px solid #fca5a5;color:var(--danger-500)}.admin-dashboard{max-width:1200px}.dashboard-header{align-items:flex-start;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.header-actions{margin-left:2rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin-top:.5rem}.dashboard-overview{margin-bottom:2rem}.overview-stats{grid-gap:1rem;background:#fff;border:1px solid var(--paper-3);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:1.5rem}.stat-item{padding:.5rem 0;text-align:center}.stat-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:2rem}.stat-name{color:var(--ink-1);font-size:.875rem;font-weight:500}.dashboard-section{margin-bottom:2rem}.section-heading{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.action-list{background:#fff;border:1px solid var(--paper-3);border-radius:.5rem;overflow:hidden}.action-item{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;padding:1.5rem}.action-item:last-child{border-bottom:none}.action-info{flex:1 1}.action-item h3{color:var(--ink-0);font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-item p{color:var(--ink-1);font-size:.875rem;line-height:1.4;margin:0}@media (max-width:768px){.overview-stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.stat-value{font-size:1.5rem}.action-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.action-item button{align-self:stretch;width:100%}}.admin-dashboard{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.header-content{flex:1 1}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:var(--ink-0);font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.dashboard-subtitle{color:var(--ink-1);font-size:.875rem;font-weight:400;margin:0}.header-actions{gap:1rem}.btn-icon{align-items:center;border-radius:4px;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-icon-text{font-size:1.125rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:1rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.stat-card:hover{box-shadow:0 4px 8px #0000001a}.stat-card:before{background:linear-gradient(90deg,#0f172a,#1e293b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon{font-size:1rem;height:32px;width:32px}.users-icon{background:linear-gradient(135deg,var(--info-50),var(--info-50));color:var(--info-500)}.projects-icon{background:linear-gradient(135deg,var(--warn-50),var(--warn-50));color:var(--warn-500)}.tasks-icon{background:linear-gradient(135deg,var(--ok-50),#a7f3d0);color:#065f46}.active-icon{background:linear-gradient(135deg,var(--vermilion-50),#fbcfe8);color:var(--vermilion-700)}.stat-trend{background:var(--ok-500);border-radius:10px;border-radius:var(--radius-lg);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.stat-content{text-align:left}.stat-value{font-size:1.75rem;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--ink-0);margin-bottom:.25rem}.stat-description{color:var(--ink-1);font-size:.75rem;margin:0}.actions-section{margin-bottom:2rem}.section-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:1rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.action-card:hover{box-shadow:0 4px 8px #0000001a}.action-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.action-icon{align-items:center;background:linear-gradient(135deg,var(--paper-2),var(--paper-3));border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:.875rem;height:28px;justify-content:center;width:28px}.action-card h3{color:var(--ink-0);font-size:.875rem;font-weight:600;margin:0}.action-description{color:var(--ink-1);font-size:.75rem;line-height:1.4;margin-bottom:1rem}.action-btn{border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.primary-btn{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#1e293b,var(--info-500));box-shadow:0 4px 12px #3b82f64d}.secondary-btn{background:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-0)}.secondary-btn:hover{background:var(--paper-1);border-color:var(--paper-3);box-shadow:0 4px 12px #0000001a}.disabled-btn{border:1px solid var(--paper-3);cursor:not-allowed;opacity:.6}.disabled-btn,.disabled-btn:hover{background:var(--paper-2);color:var(--paper-4)}.disabled-btn:hover{border-color:var(--paper-3);box-shadow:none;transform:none}.logout-button,.navbar-logout{align-items:center;display:flex}.logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover:before{left:100%}.logout-button:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;color:#fff}.logout-button svg{transition:transform .3s ease}.logout-button:hover svg{transform:scale(1.1)}.quick-access-section{margin-bottom:2rem}.quick-access-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-access-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.quick-access-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.quick-access-btn span{font-size:1.25rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.header-actions{margin-left:0;width:100%}.header-actions button{width:100%}.actions-grid,.quick-access-grid,.stats-grid{grid-template-columns:1fr}.action-card,.stat-card{padding:1rem}}@media (max-width:480px){.action-header,.stat-card{flex-direction:column;text-align:center}}.profile-page{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);min-height:calc(100vh - 80px);padding:0}.profile-hero{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:0 0 2rem 2rem;box-shadow:0 8px 40px #0f172a40;margin-bottom:2rem;padding:3rem 2rem}.profile-hero-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1200px}.profile-avatar-large{background:linear-gradient(135deg,var(--warn-500) 0,var(--warn-500) 100%);border:4px solid #fff3;box-shadow:0 8px 32px #0003;color:#fff;flex-shrink:0;font-size:3rem;height:120px;width:120px}.profile-hero-info{color:#fff;display:flex;flex-direction:column;gap:1rem}.profile-name{color:#fff;font-size:2.5rem;line-height:1.1}.profile-badges{gap:.75rem}.profile-role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.profile-organization{color:#ffffffe6;font-size:1.1rem;font-weight:400;margin:0}.edit-profile-btn{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.edit-profile-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #00000026}.profile-content{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.profile-info-card{background:#fff;border:1px solid var(--paper-1);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.profile-info-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.profile-info-card.attendance-card{grid-column:1/-1}.card-header-modern{align-items:center;display:flex;justify-content:space-between}.card-header-info{gap:.75rem}.card-header-info,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a33;font-size:1.5rem;height:40px;justify-content:center;width:40px}.card-header-modern h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.info-grid-modern{gap:1rem}.info-item{padding:.75rem 0}.info-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1f2937}.info-link{font-size:.95rem}.bio-item .bio-text{color:#4b5563;font-size:.9rem;font-style:italic;line-height:1.5}.edit-form-modern{display:flex;flex-direction:column;gap:1.25rem}.form-input-modern,.form-textarea-modern{background:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.form-input-modern:focus,.form-textarea-modern:focus{box-shadow:0 0 0 3px var(--paper-2)}.form-textarea-modern{min-height:100px}.form-actions-modern{gap:.75rem;margin-top:.5rem}.btn-primary-modern{background:linear-gradient(135deg,#0f172a,#1e293b);padding:.75rem 1.5rem}.btn-primary-modern:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.btn-outline-modern{background:#0000;border:2px solid var(--paper-3);padding:.75rem 1.5rem}.btn-outline-modern:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4)}.alert-modern{border-radius:4px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin:.5rem 0;padding:.75rem 1rem}.alert-modern.alert-success{background:var(--ok-50);border:1px solid #a7f3d0;color:#065f46}.alert-modern.alert-danger{background:var(--danger-50);border:1px solid #fca5a5;color:var(--danger-500)}.status-badge-modern{font-size:.75rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge-modern.active{background:var(--ok-50);color:#065f46}.status-badge-modern.inactive{background:var(--danger-50);color:var(--danger-500)}.change-password-btn-modern{background:var(--paper-2);border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.change-password-btn-modern:hover{background:var(--paper-3);border-color:var(--paper-4);color:var(--ink-0)}.attendance-status-modern{margin-bottom:1.5rem}.status-indicator-modern,.status-info-modern{gap:.75rem}.status-dot-modern{transition:all var(--dur-fast) var(--ease-standard)}.status-dot-modern.inactive{background:var(--danger-500);box-shadow:0 0 0 4px #ef444433}.status-text-modern{color:#1f2937}.last-entry-modern{color:var(--ink-1);font-size:.875rem;padding-left:1.5rem}.attendance-actions-modern{flex-wrap:wrap}.btn-attendance-modern{min-width:140px;overflow:hidden;padding:.875rem 1.25rem;position:relative}.btn-attendance-modern.clock-in{background:linear-gradient(135deg,var(--ok-500),var(--ok-500))}.btn-attendance-modern.clock-out{background:linear-gradient(135deg,var(--danger-500),var(--danger-500))}.btn-attendance-modern.disabled{background:var(--paper-2);color:var(--paper-4)}.btn-attendance-modern:hover:not(.disabled){box-shadow:0 8px 25px #00000026}.btn-attendance-modern.clock-in:hover:not(.disabled){box-shadow:0 8px 25px #10b9814d}.btn-attendance-modern.clock-out:hover:not(.disabled){box-shadow:0 8px 25px #ef44444d}.today-attendance-modern{margin-top:1.5rem}.today-attendance-modern h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:1rem}.attendance-log-modern{display:flex;flex-direction:column;gap:.75rem}.attendance-entry-modern{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:1rem;padding:.75rem 1rem}.entry-type-modern{font-size:.875rem;font-weight:600;min-width:100px}.entry-type-modern.clock-in{color:var(--ok-500)}.entry-type-modern.clock-out{color:var(--danger-500)}.entry-time-modern{color:var(--ink-1);font-size:.875rem;font-weight:500}.entry-notes-modern{color:var(--paper-4);font-size:.8rem;font-style:italic}.loading-message-modern,.no-attendance-modern{font-style:italic;padding:1rem}.no-attendance-modern{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--paper-4);text-align:center}.password-modal-overlay-modern{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-modal-modern{animation:modalSlideIn .3s ease;background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.password-modal-header-modern{align-items:center;background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);border-bottom:1px solid var(--paper-3);border-radius:6px 16px 0 0;border-radius:var(--radius-md) 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.password-modal-header-modern h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.close-btn-modern{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all var(--dur-fast) var(--ease-standard)}.close-btn-modern:hover{background:var(--paper-2);color:var(--ink-0)}.password-form-modern{padding:2rem}.info-item{align-items:flex-start;gap:1rem;justify-content:space-between;padding:1rem 0}.info-label{color:var(--ink-1);flex-shrink:0;font-size:.9rem;font-weight:600;min-width:120px}.info-value{font-size:.95rem;line-height:1.5;text-align:right}.username-display{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:.5rem .75rem}.bio-item{align-items:stretch;flex-direction:column;text-align:left}.bio-text-modern{color:#4b5563;font-style:italic;margin:.5rem 0 0}.portfolio-link-modern{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:#0f172a;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.portfolio-link-modern:hover{background:#0f172a;box-shadow:0 4px 12px #0f172a33;color:#fff}.status-badge-modern{align-items:center;border-radius:10px;border-radius:var(--radius-lg);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge-modern.active{background:linear-gradient(135deg,var(--ok-500) 0,var(--ok-500) 100%);box-shadow:0 2px 8px #10b98133;color:#fff}.status-badge-modern.inactive{background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-500) 100%);box-shadow:0 2px 8px #ef444433;color:#fff}.empty-state{padding:2rem}.empty-icon{font-size:2rem;margin-bottom:.5rem}.edit-form,.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group-modern label{font-size:.9rem}.form-group-modern input{background:#fff;border:2px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);font-size:.95rem;padding:1rem;transition:all var(--dur-fast) var(--ease-standard)}.form-group-modern input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.modern-alert{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem}.modern-alert.success{background:var(--ok-50);border:1px solid var(--ok-500);color:#065f46}.modern-alert.error{background:var(--danger-50);border:1px solid var(--danger-500);color:var(--danger-500)}.form-actions-modern{border-top:1px solid var(--paper-1);padding-top:1rem}.btn-primary-modern{border-radius:4px;font-size:.9rem;padding:.875rem 1.5rem}.btn-primary-modern:hover{background:#1e293b;box-shadow:0 6px 20px #0f172a66}.btn-secondary-modern{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-secondary-modern:hover{background:var(--paper-1);border-color:var(--paper-3)}.password-card{grid-column:1/-1}.project-details-header-compact{align-items:center;border-bottom:2px solid var(--paper-3);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.project-details-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.project-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:var(--ink-0);font-size:1.75rem;font-weight:600;margin:0}.project-details-number{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);font-size:.875rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.project-details-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.btn-project-details{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0f172a33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-project-details:hover{box-shadow:0 4px 8px #0f172a4d}.btn-project-details svg{height:18px;width:18px}.project-details-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.project-details-modal-header{align-items:flex-start;background:linear-gradient(135deg,#0f172a0d,#764ba20d);border-bottom:2px solid var(--paper-3);display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.project-details-modal-header-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.project-details-modal-icon{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.project-details-modal-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.project-details-modal-subtitle{color:var(--ink-1);font-size:.875rem;margin:0}.project-details-modal-body{padding:2rem}.project-details-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-details-info-section{display:flex;flex-direction:column;gap:1rem}.project-details-info-section.full-width{grid-column:1/-1}.project-details-section-title{align-items:center;border-bottom:2px solid var(--paper-3);color:var(--ink-0);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0;padding-bottom:.75rem}.project-details-section-title:before{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:2px;content:"";height:20px;width:4px}.project-details-info-list{display:flex;flex-direction:column;gap:1rem}.project-details-info-item{align-items:flex-start;border-bottom:1px solid var(--paper-1);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}.project-details-info-item:last-child{border-bottom:none}.project-details-info-label{color:var(--ink-1);flex-shrink:0;font-size:.8125rem;font-weight:600;letter-spacing:.05em;min-width:120px;text-transform:uppercase}.project-details-info-value{color:var(--ink-0);flex:1 1;font-size:.9375rem;font-weight:500;text-align:right;word-break:break-word}.project-details-info-value.budget-value{color:var(--ok-500);font-size:1rem;font-weight:600}.project-details-info-value.cost-value{color:var(--danger-500);font-size:1rem;font-weight:600}.project-details-description{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);color:var(--ink-1);font-size:.9375rem;line-height:1.6;margin:0;padding:1rem}.project-details-modal-footer{background:var(--paper-1);border-top:2px solid var(--paper-3);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.task-filter-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #fff3;border-radius:10px;box-shadow:0 30px 60px -12px #0000004d;max-width:640px;overflow-y:auto;width:90%}.task-filter-modal-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a14,#764ba214);padding:2.5rem 2.5rem 2rem;position:sticky;top:0;z-index:10}.task-filter-modal-header-content{align-items:flex-start;flex:1 1;gap:1.25rem}.task-filter-modal-icon{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:6px;box-shadow:0 8px 16px #0f172a59;color:#fff;height:56px;width:56px}.task-filter-modal-title{font-size:1.75rem;letter-spacing:-.02em;margin:0 0 .5rem}.task-filter-modal-subtitle{font-size:.9375rem;font-weight:400;margin:0}.task-filter-modal-body{padding:2.5rem}.task-filter-form{gap:2.5rem}.task-filter-form .form-group{display:flex;flex-direction:column;gap:1rem}.task-filter-form>.form-group>label{align-items:center;color:var(--ink-0);display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.task-filter-form>.form-group>label svg{color:#0f172a;height:18px;width:18px}.checkbox-group,.radio-group{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.5rem}.checkbox-label:has(input:checked),.radio-label:has(input:checked){background:linear-gradient(135deg,#0f172a1a,#764ba21a);border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a,0 4px 12px #0f172a33}.checkbox-label:has(input[value=URGENT]:checked){background:linear-gradient(135deg,#ef44441f,#dc26261f);border-color:var(--danger-500);box-shadow:0 0 0 3px #ef444426,0 4px 12px #ef444440}.checkbox-label:has(input[value=HIGH]:checked){background:linear-gradient(135deg,#f59e0b1f,#d977061f);border-color:var(--warn-500);box-shadow:0 0 0 3px #f59e0b26,0 4px 12px #f59e0b40}.checkbox-label:has(input[value=MEDIUM]:checked){background:linear-gradient(135deg,#3b82f61f,#2563eb1f);border-color:#0f172a;box-shadow:0 0 0 3px #3b82f626,0 4px 12px #3b82f640}.checkbox-label:has(input[value=LOW]:checked){background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:var(--ok-500);box-shadow:0 0 0 3px #10b98126,0 4px 12px #10b98140}.checkbox-label:has(input[value=TO_DO]:checked){border-color:var(--ink-1)}.checkbox-label:has(input[value=IN_PROGRESS]:checked){background:linear-gradient(135deg,#3b82f61f,#2563eb1f);border-color:#0f172a}.checkbox-label:has(input[value=IN_REVIEW]:checked){background:linear-gradient(135deg,#8b5cf61f,#7c3aed1f);border-color:#0f172a}.checkbox-label:has(input[value=CHECKED]:checked),.checkbox-label:has(input[value=DONE]:checked){background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:var(--ok-500)}.checkbox-label,.radio-label{align-items:center;background:var(--paper-0);border:2px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.875rem;overflow:hidden;padding:1rem 1.125rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.checkbox-label:before,.radio-label:before{background:linear-gradient(135deg,#0f172a0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.checkbox-label:hover,.radio-label:hover{background:linear-gradient(135deg,#0f172a0a,#764ba20a);border-color:#0f172a;box-shadow:0 4px 12px #0f172a26}.checkbox-input:checked+.checkbox-text,.radio-input:checked+.radio-text{color:#0f172a;font-weight:600}.checkbox-label:has(.checkbox-input:checked),.radio-label:has(.radio-input:checked){background:linear-gradient(135deg,#0f172a1a,#764ba21a);border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a,0 4px 12px #0f172a33}.checkbox-input,.radio-input{accent-color:#0f172a;cursor:pointer;flex-shrink:0;height:20px;margin:0;position:relative;width:20px;z-index:1}.checkbox-text,.radio-text{color:var(--ink-1);font-size:.9375rem;font-weight:500;position:relative;transition:all .25s ease;-webkit-user-select:none;user-select:none;z-index:1}.task-filter-modal-footer{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);bottom:0;gap:1rem;justify-content:flex-end;padding:2rem 2.5rem;position:sticky;z-index:10}.task-filter-modal-footer .btn-outline-modern{background:#fff;border:2px solid #0f172a;border-radius:4px;border-radius:var(--radius-sm);color:#0f172a;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.task-filter-modal-footer .btn-outline-modern:hover:not(:disabled){background:var(--vermilion-500);box-shadow:0 6px 20px #0f172a4d;color:#fff}.task-filter-modal-footer .btn-primary-modern{background:var(--vermilion-500);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a4d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.task-filter-modal-footer .btn-primary-modern:hover{background:#1e293b;box-shadow:0 8px 24px #0f172a66}.task-filter-modal-footer .btn-outline-modern:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.task-filter-modal-footer .btn-outline-modern:disabled:hover{background:#fff;color:#0f172a}.user-search-container{margin-top:.5rem}.user-search-input-wrapper{align-items:center;display:flex}.user-search-input{background:#fff;border:2px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);font-size:.9375rem;outline:none;padding:.875rem 1rem .875rem 2.75rem;transition:all .25s ease}.user-search-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.user-search-input::placeholder{color:var(--ink-1)}.user-search-results{background:#fff;border:2px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 10px 30px #00000026;margin-top:.5rem;max-height:300px;top:100%;z-index:1000}.user-search-result-item{border-bottom:1px solid var(--paper-1);gap:1rem;padding:.875rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.user-search-result-item:last-child{border-bottom:none}.user-search-result-item:hover{background:linear-gradient(135deg,#0f172a0d,#764ba20d)}.user-search-result-avatar{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;height:40px;width:40px}.user-search-result-info{flex:1 1;min-width:0}.user-search-result-name{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.user-search-result-meta{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-users-list{gap:.75rem;margin-top:1rem}.selected-user-chip{background:linear-gradient(135deg,#0f172a1a,#764ba21a);border:2px solid #0f172a;border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.selected-user-avatar{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:4px;border-radius:var(--radius-sm);flex-shrink:0;font-size:.75rem;height:28px;width:28px}.selected-user-name{color:var(--ink-0);font-weight:600}.selected-user-remove{background:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);margin-left:.25rem;padding:.25rem;transition:all var(--dur-fast) var(--ease-standard)}.selected-user-remove:hover{background:#ef44441a}.spinner-small{border-top:2px solid #0f172a;height:18px;width:18px}@media (max-width:768px){.task-filter-modal{border-radius:6px;border-radius:var(--radius-md);max-width:95%}.task-filter-modal-header{padding:2rem 1.5rem 1.5rem}.task-filter-modal-icon{height:48px;width:48px}.task-filter-modal-title{font-size:1.5rem}.task-filter-modal-body{padding:1.5rem}.task-filter-form{gap:2rem}.checkbox-group,.radio-group{gap:.75rem;grid-template-columns:1fr}.task-filter-modal-footer{flex-direction:column;padding:1.5rem}.task-filter-modal-footer .btn-outline-modern,.task-filter-modal-footer .btn-primary-modern{justify-content:center;width:100%}}@media (max-width:480px){.task-filter-modal-header{padding:1.5rem 1rem 1rem}.task-filter-modal-body,.task-filter-modal-footer{padding:1rem}}.project-details-nav{margin-bottom:1.5rem}.back-link-modern{align-items:center;color:var(--ink-1);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.back-link-modern:hover{color:#0f172a;transform:translateX(-2px)}.back-link-modern svg{height:18px;width:18px}.project-hero-section{background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.project-hero-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.project-hero-title-section{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.project-hero-main-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.project-hero-number{background:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);font-family:Monaco,Consolas,monospace;font-size:1rem;font-weight:600;padding:.25rem .5rem}.project-hero-separator{color:var(--paper-3);font-size:1.5rem;font-weight:300}.project-hero-title{color:var(--ink-0);font-size:1.75rem;font-weight:600;line-height:1.2;margin:0}.project-hero-stage-pill{align-items:center;color:var(--ink-0);display:inline-flex;font-size:1rem;font-weight:600}.project-hero-status-dot{border-radius:var(--radius-pill);display:inline-block;height:12px;margin-right:.5rem;width:12px}.status-dot-green{background-color:var(--ok-500);box-shadow:0 0 0 2px #10b98133}.status-dot-grey{background-color:var(--ink-1);box-shadow:0 0 0 2px #94a3b833}.status-dot-red{background-color:var(--danger-500);box-shadow:0 0 0 2px #ef444433}.project-hero-badges{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.project-hero-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.project-hero-actions .btn-primary-modern{font-size:.8125rem;height:36px;padding:.5rem 1rem}.btn-icon-modern{align-items:center;background:#fff;border:1.5px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);width:36px}.btn-icon-modern:hover{background:var(--paper-1);border-color:var(--paper-3);box-shadow:0 2px 4px #0000001a;color:#0f172a}.btn-icon-modern svg{height:18px;width:18px}.btn-icon-danger{border-color:var(--danger-50);color:var(--danger-500)}.btn-icon-danger:hover{background:var(--danger-50);border-color:#fca5a5;color:var(--danger-500)}.btn-icon-danger:disabled{cursor:not-allowed;opacity:.5}.project-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.project-stat-card{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.875rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.project-stat-card:hover{border-color:var(--paper-3);box-shadow:0 4px 12px #00000014}.stat-icon{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.stat-icon svg{height:18px;width:18px}.stat-icon-progress,.stat-icon-tasks{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.stat-icon-review{background:linear-gradient(135deg,var(--warn-500) 0,var(--warn-500) 100%);color:#fff}.stat-icon-done{background:linear-gradient(135deg,var(--ok-500) 0,var(--ok-500) 100%);color:#fff}.stat-content{flex:1 1}.stat-value{font-size:1.25rem;line-height:1.2}.stat-label{font-size:.8125rem;margin-top:.125rem}.project-tabs-container{border-bottom:2px solid var(--paper-3);margin-bottom:2rem}.project-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto}.project-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.5rem;position:relative;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap}.project-tab.active,.project-tab:hover{background:#0f172a0d;color:#0f172a}.project-tab.active{border-bottom-color:#0f172a}.project-tab svg{height:18px;width:18px}.project-tab-content{min-height:400px}.project-overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-overview-card{background:#0000;border:none;border-radius:0;box-shadow:none}.project-overview-card:hover{border-color:#0000;box-shadow:none}.project-overview-card-header{background:#0000;border-bottom:none;padding:0 0 1rem}.project-overview-card-title{align-items:center;color:var(--ink-0);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0}.project-overview-card-title svg{color:#0f172a}.project-overview-card-body{padding:0}.project-tasks-tab{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.project-tasks-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);padding:1.5rem}.project-tasks-header,.project-tasks-header-content{align-items:center;display:flex;justify-content:space-between}.project-tasks-header-content{width:100%}.project-tasks-title{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.project-tasks-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1.5rem}.project-tasks-list{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.project-task-list-item{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);color:inherit;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.project-task-list-item:hover{border-color:var(--paper-3);box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.project-task-list-main{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.project-task-list-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.project-task-list-title{color:var(--ink-0);flex:1 1;font-size:1rem;font-weight:600;margin:0;min-width:200px}.project-task-list-badges{display:flex;flex-wrap:wrap;gap:.5rem}.project-task-list-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.project-task-list-meta-item{align-items:center;color:var(--ink-1);display:flex;font-size:.875rem;gap:.5rem}.project-task-list-meta-item svg{color:var(--ink-1);height:14px;width:14px}.overdue-badge,.project-task-list-meta-item.overdue,.project-task-list-meta-item.overdue svg{color:var(--danger-500)}.overdue-badge{background:var(--danger-50);border-radius:4px;border-radius:var(--radius-sm);margin-left:.25rem}.project-task-list-arrow{align-items:center;color:var(--ink-1);display:flex;flex-shrink:0;justify-content:center;transition:all var(--dur-fast) var(--ease-standard)}.project-task-list-item:hover .project-task-list-arrow{color:#0f172a;transform:translateX(4px)}.project-empty-state{padding:4rem 1.5rem;text-align:center}.empty-state-icon{color:var(--paper-3);height:80px;margin:0 auto 1.5rem;width:80px}.empty-state-title{color:var(--ink-0);font-size:1.25rem;margin:0 0 .5rem}.empty-state-description{color:var(--ink-1);font-size:.9375rem;margin:0 0 2rem}.project-pagination{align-items:center;background:var(--paper-1);border-top:1px solid var(--paper-3);display:flex;gap:1rem;justify-content:center;padding:1.5rem}.pagination-info{font-size:.9375rem;font-weight:500}.project-phases-tab{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.project-team-tab{background:#0000;border:none;border-radius:0;box-shadow:none}.project-team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:1.5rem}.project-team-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.project-team-card-header{background:#fff;border-bottom:1px solid var(--paper-3);padding:1.25rem 1.5rem}.project-team-card-title{align-items:center;color:var(--ink-0);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0}.project-team-card-title svg{color:#0f172a}.project-team-card-body{padding:1.5rem}.project-details-overview{display:flex;flex-direction:column;gap:1.5rem}.project-details-overview-section{display:flex;flex-direction:column;gap:1rem}.project-details-overview-section.full-width{width:100%}.project-details-overview-item{align-items:flex-start;border-bottom:none;display:flex;justify-content:space-between;padding:.5rem 0}.project-details-overview-item:last-child{border-bottom:none}.project-details-overview-label{color:var(--ink-1);font-size:.85rem;font-weight:500;min-width:120px}.project-details-overview-value{color:var(--ink-0);flex:1 1;font-size:.9rem;font-weight:500;text-align:left}.project-details-overview-value.budget-value{color:var(--ok-500);font-weight:600}.project-details-overview-value.cost-value{color:var(--danger-500);font-weight:600}.project-details-overview-description{color:var(--ink-1);flex:1 1;font-size:.9375rem;line-height:1.6;margin:0;text-align:left}.project-contacts-tab{background:#0000;border:none;border-radius:0;box-shadow:none}.project-contacts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1.5rem}.project-contacts-column{display:flex;flex-direction:column}.project-contacts-column .project-team-card{display:flex;flex-direction:column;height:100%}.project-contacts-column .project-team-card-body{flex:1 1;max-height:800px;overflow-y:auto}@media (max-width:1024px){.project-contacts-grid{grid-template-columns:1fr}}.project-dashboard-tab{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.project-dashboard-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);padding:1.5rem}.project-dashboard-title{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.project-dashboard-subtitle{color:var(--ink-1);font-size:.9375rem;margin:0}.project-dashboard-tab .project-stats-grid{padding:1.5rem}.project-activity-tab{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.project-activity-card{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.project-activity-card-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);padding:1.25rem 1.5rem}.project-activity-card-title{align-items:center;color:var(--ink-0);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0}.project-activity-card-title svg{color:#0f172a}.project-activity-card-body{padding:1.5rem}.lifecycle-container{height:100%;padding:1rem;width:100%}.lifecycle-track{display:flex;flex-direction:column;gap:2rem;min-height:600px;padding:2rem 0;position:relative}.lifecycle-line-bg{background-color:var(--paper-3);bottom:2rem;z-index:0}.lifecycle-line-bg,.lifecycle-line-progress{left:1.25rem;position:absolute;top:2rem;transform:translateX(-50%);width:2px}.lifecycle-line-progress{animation:gradient-flow-vertical 3s linear infinite;background:linear-gradient(180deg,#0f172a,#0f172a,#1e293b,#0f172a);background-size:100% 300%;box-shadow:0 0 8px #3b82f680;transition:height .8s cubic-bezier(.4,0,.2,1);z-index:1}.lifecycle-group{display:flex;flex-direction:column;gap:1.5rem;position:relative}.lifecycle-group-label{align-self:flex-start;background-color:var(--paper-1);border-radius:var(--radius-pill);color:var(--ink-1);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-left:3rem;padding:.25rem .75rem;position:sticky;text-transform:uppercase;top:0;z-index:2}.lifecycle-group-stages{flex-direction:column;z-index:2}.lifecycle-group-stages,.lifecycle-stage{display:flex;gap:1.5rem;position:relative}.lifecycle-stage{align-items:center;cursor:default;transition:all var(--dur-fast) var(--ease-standard)}.lifecycle-node-container{display:flex;flex-shrink:0;justify-content:center;width:2.5rem}.lifecycle-node{align-items:center;background-color:var(--paper-0);border:2px solid var(--paper-3);border-radius:var(--radius-pill);display:flex;height:1.5rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.5rem;z-index:3}.lifecycle-stage.pending .lifecycle-node{background-color:var(--paper-0);border-color:var(--paper-3)}.lifecycle-dot{background-color:var(--paper-3);border-radius:var(--radius-pill);height:.5rem;width:.5rem}.lifecycle-stage.completed .lifecycle-node{background-color:#0f172a;border-color:#0f172a;transform:scale(1.1)}.lifecycle-icon-check{stroke-width:3px;color:var(--paper-0);height:1rem;width:1rem}.lifecycle-stage.current .lifecycle-node{background-color:var(--paper-0);border-color:#0f172a;box-shadow:0 0 0 4px #3b82f633;transform:scale(1.25)}.lifecycle-pulse{background-color:#0f172a;border-radius:var(--radius-pill);height:.75rem;position:relative;width:.75rem}.lifecycle-pulse:after,.lifecycle-pulse:before{animation:ripple-effect 2s cubic-bezier(0,.2,.8,1) infinite;border:2px solid #0f172a;border-radius:var(--radius-pill);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.lifecycle-pulse:after{animation-delay:-.5s}@keyframes ripple-effect{0%{border-width:2px;height:100%;opacity:1;width:100%}to{border-width:0;height:300%;opacity:0;width:300%}}.lifecycle-content{display:flex;flex-direction:column}.lifecycle-label{color:var(--ink-1);font-size:.9375rem;font-weight:500;transition:color .3s ease}.lifecycle-stage.completed .lifecycle-label{color:var(--ink-0)}.lifecycle-stage.current .lifecycle-label{color:#0f172a;font-size:1rem;font-weight:600}.lifecycle-stage.completed.animate-in .lifecycle-node{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.1)}}.lifecycle-runner{animation:super-run .6s cubic-bezier(.36,0,.66,-.56) infinite alternate;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem;margin-left:.5rem;position:relative;z-index:10}.lifecycle-runner:after{animation:trail-lag .6s cubic-bezier(.36,0,.66,-.56) infinite alternate;animation-delay:.1s;content:"🐆";filter:blur(1px) grayscale(.5);left:-6px;opacity:.4;position:absolute;top:0;z-index:-1}.lifecycle-runner:before{animation:dust-cloud 1s linear infinite;bottom:0;content:"💨";font-size:.8rem;left:-12px;opacity:.8;position:absolute}@keyframes super-run{0%{transform:translateY(0) skewX(0deg) scale(1)}to{transform:translateY(-4px) skewX(-10deg) scale(1.05)}}@keyframes trail-lag{0%{transform:translateY(0) skewX(0deg) scale(.9)}to{transform:translateY(-4px) skewX(-10deg) scale(.95)}}@keyframes dust-cloud{0%{opacity:0;transform:translateX(0) scale(.5)}50%{opacity:.8}to{opacity:0;transform:translateX(-10px) scale(1.2)}}@keyframes gradient-flow-vertical{0%{background-position:0 0}to{background-position:0 100%}}@keyframes gradient-flow-horizontal{0%{background-position:0 0}to{background-position:100% 0}}.project-overview-grid{align-items:stretch}.project-overview-card{display:flex;flex-direction:column;height:100%}.project-overview-card-body{flex:1 1;max-height:800px;overflow-y:auto}.project-hero-lifecycle{border-top:1px solid var(--paper-3);margin-top:2rem;padding:1.5rem 0}.lifecycle-container.horizontal{padding:0;width:100%}.lifecycle-track.horizontal{display:flex;flex-direction:row;min-height:80px;padding:0;position:relative}.lifecycle-line-bg.horizontal{background:linear-gradient(90deg,var(--paper-3) 0,var(--paper-3) 100%);border-radius:2px;height:3px;left:0;position:absolute;right:0;top:20px}.lifecycle-line-progress.horizontal{animation:gradient-flow-horizontal 3s linear infinite;background:linear-gradient(90deg,#0f172a,#0f172a,#1e293b,#0f172a);background-size:300% 100%;border-radius:2px;box-shadow:0 0 8px #3b82f680;height:3px;left:0;position:absolute;top:20px;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1}.lifecycle-stages-horizontal{display:flex;justify-content:space-between;position:relative;width:100%;z-index:2}.lifecycle-stage-horizontal{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(10px);transition:all var(--dur-fast) var(--ease-standard)}.lifecycle-stage-horizontal.animate-in{opacity:1;transform:translateY(0)}.lifecycle-node-horizontal{align-items:center;background:#fff;border:3px solid var(--paper-3);border-radius:var(--radius-pill);display:flex;height:40px;justify-content:center;position:relative;transition:all var(--dur-fast) var(--ease-standard);width:40px}.lifecycle-stage-horizontal.completed .lifecycle-node-horizontal{background:linear-gradient(135deg,#0f172a,#0f172a);border-color:#0f172a;box-shadow:0 4px 12px #3b82f64d}.lifecycle-stage-horizontal.current .lifecycle-node-horizontal{animation:pulse-horizontal 2s ease-in-out infinite;background:linear-gradient(135deg,var(--ok-500) 0,var(--ok-500) 100%);border-color:var(--ok-500);box-shadow:0 4px 16px #10b98166}.lifecycle-stage-horizontal.pending .lifecycle-node-horizontal{background:#fff;border-color:var(--paper-3)}.lifecycle-label-horizontal{align-items:center;color:var(--ink-1);display:flex;font-size:.75rem;font-weight:600;gap:.25rem;text-align:center;white-space:nowrap}.lifecycle-stage-horizontal.current .lifecycle-label-horizontal{color:var(--ok-500);font-weight:600}.lifecycle-stage-horizontal.completed .lifecycle-label-horizontal{color:#0f172a}@keyframes pulse-horizontal{0%,to{box-shadow:0 4px 16px #10b98166;transform:scale(1)}50%{box-shadow:0 6px 20px #10b98199;transform:scale(1.1)}}@media (max-width:1024px){.lifecycle-stages-horizontal{overflow-x:auto;padding-bottom:1rem}.lifecycle-stage-horizontal{min-width:80px}.lifecycle-label-horizontal{font-size:.7rem}}.activity-log-section{display:flex;flex-direction:column;height:100%}.activity-list{flex:1 1;min-height:400px;overflow-y:auto}@media (max-width:768px){.project-details-page{padding:0 1rem 1.5rem}.project-hero-section{padding:1.5rem}.project-hero-header{align-items:stretch;flex-direction:column}.project-hero-title{font-size:1.5rem}.project-hero-actions{justify-content:flex-start;width:100%}.project-stats-grid{grid-template-columns:1fr}.project-tabs{gap:.25rem}.project-tab{font-size:.875rem;padding:.75rem 1rem}.project-activity-tab,.project-overview-grid,.project-tasks-grid,.project-team-grid{grid-template-columns:1fr}}.project-filter-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.project-filter-modal-header{align-items:flex-start;background:linear-gradient(135deg,#0f172a0d,#764ba20d);border-bottom:2px solid var(--paper-3);display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.project-filter-modal-header-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.project-filter-modal-icon{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.project-filter-modal-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.project-filter-modal-subtitle{color:var(--ink-1);font-size:.875rem;margin:0}.project-filter-modal-body{padding:2rem}.project-filter-form{display:flex;flex-direction:column;gap:1.5rem}.project-filter-form .form-group{display:flex;flex-direction:column;gap:.5rem}.project-filter-form label{align-items:center;color:var(--ink-1);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.project-filter-form label svg{color:#0f172a;height:16px;width:16px}.project-filter-form .form-control{background:#fff;border:1.5px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-0);font-size:.9375rem;padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.project-filter-form .form-control:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.project-filter-modal-footer{background:var(--paper-1);border-top:2px solid var(--paper-3);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.project-filter-modal-footer .btn-outline-modern:disabled{cursor:not-allowed;opacity:.5}.project-filter-modal-footer .btn-outline-modern:disabled:hover{box-shadow:none;transform:none}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-info-card.attendance-card{grid-column:1}}@media (max-width:768px){.profile-hero{padding:2rem 1.5rem}.profile-hero-content{flex-direction:column;gap:1.5rem;text-align:center}.profile-avatar-large{font-size:2.5rem;height:100px;width:100px}.profile-name{font-size:2rem}.profile-content{padding:0 1.5rem 2rem}.profile-grid{gap:1.5rem}.card-content{padding:1.25rem}.card-header-modern{align-items:stretch;gap:1rem;padding:1rem 1.25rem}.attendance-actions-modern,.card-header-modern{flex-direction:column}.btn-attendance-modern{min-width:auto}.password-modal-modern{margin:1rem;width:95%}.password-modal-header-modern{padding:1.25rem 1.5rem}.password-form-modern{padding:1.5rem}.card-header-modern{padding:1.25rem 1.5rem}.info-item{align-items:stretch;flex-direction:column;gap:.5rem}.info-item,.info-value{text-align:left}.form-actions-modern{flex-direction:column}.btn-primary-modern,.btn-secondary-modern{justify-content:center;width:100%}}@media (max-width:480px){.profile-hero{padding:1.5rem 1rem}.profile-avatar-large{font-size:2rem;height:80px;width:80px}.profile-name{font-size:1.75rem}.profile-badges{justify-content:center}.profile-content{padding:0 1rem}.card-content{padding:1rem}.card-header-modern{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.btn-secondary-modern,.card-header-info{justify-content:center}.btn-secondary-modern{width:100%}.profile-grid{gap:1rem;grid-template-columns:1fr}.attendance-entry-modern{align-items:flex-start;flex-direction:column;gap:.5rem}.entry-type-modern{min-width:auto}.password-modal-modern{border-radius:4px;border-radius:var(--radius-sm);margin:.5rem;width:100%}.password-modal-header-modern{padding:1rem 1.25rem}.password-form-modern{padding:1.25rem}}.task-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}@media (max-width:1024px){.task-details-grid{gap:1.5rem;grid-template-columns:1fr}}.card-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.task-badges{display:flex;gap:.5rem}.task-status{border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.status-to-do{background-color:var(--paper-1);color:var(--ink-1)}.status-in-progress{background-color:var(--warn-50);color:var(--warn-500)}.status-in-review{background-color:var(--info-50);color:#1e293b}.status-done{background-color:var(--ok-50);color:var(--ok-500)}.status-checked{background-color:#e0f2fe;border:1px solid #81d4fa;color:#0277bd;font-weight:600}.status-on-hold{background-color:var(--danger-50);color:var(--danger-500)}.priority-badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;justify-content:center;letter-spacing:.04em;line-height:1;min-height:2rem;padding:.38rem .82rem;text-transform:uppercase;white-space:nowrap}.priority-high{background-color:var(--vermilion-50);color:var(--vermilion-700)}.priority-urgent{background-color:var(--danger-50);color:var(--danger-500)}.priority-medium{background-color:var(--warn-50);color:var(--warn-500)}.priority-low{background-color:var(--info-50);color:var(--info-500)}.project-link{color:#1e293b;font-weight:500;text-decoration:none}.project-link:hover{text-decoration:underline}.client-name{color:var(--ink-1);font-size:.875rem}.user-info{font-weight:500}.user-email{font-size:.875rem;font-weight:400}.overdue-badge{background-color:var(--danger-500);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.time-logs-list{display:flex;flex-direction:column;gap:1rem}.time-log-item{background-color:var(--paper-1);border:1px solid var(--paper-3);border-radius:.5rem;padding:1rem}.time-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.hours-badge{background-color:#1e293b;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.date-logged{color:var(--ink-1);font-size:.875rem}.time-log-description{color:var(--ink-0);margin-bottom:.5rem}.time-log-user{color:var(--ink-1);font-size:.75rem}.total-time{background-color:var(--info-50);border:1px solid var(--info-50);border-radius:.5rem;color:#0c4a6e;margin-top:1rem;padding:1rem;text-align:center}.empty-state{color:var(--ink-1);padding:3rem 1rem}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.text-danger{color:var(--danger-500)!important}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin-top:2rem}@media (max-width:768px){.profile-layout{gap:1.5rem;grid-template-columns:1fr}}.profile-summary{background:#fff;border:1px solid var(--paper-3);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;height:fit-content;padding:2rem}.profile-avatar{margin:0 auto 1.5rem}.profile-summary-info{text-align:center}.profile-summary-info h2{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.edit-profile-btn{align-self:center;background:#0000;border:1px solid #0f172a;border-radius:.375rem;color:#0f172a;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.edit-profile-btn:hover{background:#0f172a;color:#fff}.professional-info{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);margin:1rem 0;padding:1rem}.professional-info .info-row{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:.5rem 0}.professional-info .info-row:last-child{border-bottom:none}.professional-info .label{color:var(--ink-1);font-size:.875rem;font-weight:500;min-width:100px}.professional-info .value{color:var(--ink-0);flex:1 1;font-size:.875rem;text-align:right}.professional-info .value-link{color:#0f172a;font-size:.875rem;font-weight:500;text-decoration:none}.professional-info .value-link:hover{text-decoration:underline}.profile-card{margin-bottom:2rem}.profile-card .card-header{padding:1rem 1.5rem}.profile-card .card-header h3{font-size:1.125rem}.top-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.profile-summary-card{min-height:400px}@media (max-width:768px){.top-row{gap:1.5rem;grid-template-columns:1fr}}.professional-info-card{background:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.professional-info-card .card-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);padding:1rem 1.5rem}.professional-info-card .card-header h3{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin:0}.professional-details{padding:1.5rem}.professional-details .info-row{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;padding:.75rem 0}.professional-details .info-row:last-child{border-bottom:none}.professional-details .label{color:var(--ink-1);font-weight:500;min-width:120px}.professional-details .value{color:var(--ink-0);flex:1 1;text-align:right}.portfolio-link{color:#0f172a;font-weight:500;text-decoration:none}.portfolio-link:hover{text-decoration:underline}.section-header{margin-bottom:16px}.change-password-btn{background:var(--vermilion-500);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all var(--dur-fast) var(--ease-standard)}.change-password-btn:hover{background:#1e293b;box-shadow:0 2px 4px #3b82f64d}.change-password-btn:active{box-shadow:0 1px 2px #3b82f64d;transform:translateY(0)}.password-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.password-modal{background:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 10px 25px #0003;max-height:90vh;max-width:400px;overflow-y:auto;padding:0;width:90%}.password-modal-header{align-items:center;background:var(--paper-1);border-bottom:1px solid var(--paper-3);border-radius:4px 8px 0 0;border-radius:var(--radius-sm) 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.password-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all var(--dur-fast) var(--ease-standard)}.close-btn:hover{background:var(--paper-2);color:var(--ink-0)}.password-modal .password-form{padding:24px}.password-modal .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.profile-role{margin-bottom:.25rem}.profile-org,.profile-role{color:var(--ink-1);font-size:.875rem}.profile-org{margin-bottom:1rem}.status-badge{display:inline-block;font-size:.75rem;padding:.25rem .75rem}.status-badge.active{background-color:var(--ok-50);color:var(--ok-500)}.status-badge.inactive{background-color:var(--danger-50);color:var(--danger-500)}.profile-details{background:#fff;border:1px solid var(--paper-3);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.detail-section{border-bottom:1px solid var(--paper-3);padding:2rem}.detail-section:last-child{border-bottom:none}.detail-section h3,.section-header{margin-bottom:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h3{margin-bottom:0}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:start;justify-content:space-between;padding:.75rem 0}.info-row .label{color:var(--ink-1);font-weight:500}.info-row .value{color:var(--ink-0);text-align:right}.value-link{color:#1e293b;text-decoration:none}.value-link:hover{text-decoration:underline}.bio-row{align-items:start}.bio-text{text-align:right}.attendance-status{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:.5rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.status-info{flex:1 1}.status-indicator{gap:.5rem;margin-bottom:.25rem}.status-dot{display:inline-block;height:10px;width:10px}.status-dot.active{box-shadow:0 0 0 2px #10b9814d}.status-dot.inactive{background-color:var(--ink-1)}.last-entry{color:var(--ink-1);font-size:.875rem}.btn-attendance{align-items:center;border-radius:.375rem;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem}.btn-attendance.clock-in,.btn-attendance.clock-in:hover:not(:disabled){background-color:var(--ok-500)}.btn-attendance.clock-out,.btn-attendance.clock-out:hover:not(:disabled){background-color:var(--danger-500)}.btn-attendance.disabled{background-color:var(--paper-3);color:var(--paper-4)}.btn-attendance:disabled{cursor:not-allowed;opacity:.6}.today-attendance{margin-top:1.5rem}.today-attendance h4{color:var(--ink-0);font-size:1rem;font-weight:600;margin-bottom:1rem}.attendance-log{display:flex;flex-direction:column;gap:.5rem}.attendance-entry{background:#fff;border:1px solid var(--paper-3);border-radius:.375rem;box-shadow:0 1px 2px #0000000d;justify-content:space-between;padding:.75rem}.attendance-entry,.entry-type{align-items:center;display:flex}.entry-type{font-weight:500;gap:.25rem;min-width:100px}.entry-type.clock-in{color:var(--ok-500)}.entry-type.clock-out{color:var(--danger-500)}.entry-time{background:var(--paper-1);border-radius:.25rem;font-family:Menlo,Monaco,Courier New,monospace;font-weight:500;padding:.25rem .5rem}.entry-notes,.entry-time{color:var(--ink-1);font-size:.875rem}.entry-notes{flex:1 1;font-style:italic;text-align:right}.no-attendance{background:var(--paper-1);border:1px dashed var(--paper-3);border-radius:.375rem;padding:2rem}.loading-message,.no-attendance{color:var(--ink-1);text-align:center}.loading-message{font-style:italic;padding:1rem}@media (max-width:768px){.attendance-status{flex-direction:column;gap:1rem;text-align:center}.attendance-actions{justify-content:center}.attendance-entry{flex-direction:column;gap:.5rem;text-align:center}.entry-time{order:-1}}.tasks-tabs{border-bottom:1px solid var(--paper-3);display:flex;gap:.5rem;margin:2rem 0 1.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--ink-1);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.tab-button.active,.tab-button:hover{background-color:var(--paper-1);color:#1e293b}.tab-button.active{border-bottom-color:#1e293b}.tab-icon{font-size:1rem}.tasks-content{margin-top:1.5rem}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}}.task-card{background:#fff;border:1px solid var(--paper-3);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:box-shadow .2s}.task-card:hover{box-shadow:0 4px 6px #0000001a}.task-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.task-title{font-size:1.125rem;font-weight:600;margin:0}.task-title a{color:var(--ink-0);text-decoration:none}.task-title a:hover{color:#1e293b}.task-card-content{margin-bottom:1.5rem}.task-description{color:var(--ink-1);line-height:1.5;margin-bottom:1rem}.task-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{font-size:.875rem;justify-content:space-between}.due-date,.stage-info{color:var(--ink-0)}.due-date.overdue{color:var(--danger-500);font-weight:600}.user-details-container{margin:0 auto;max-width:1200px;padding:0 20px}.detail-section{background:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.detail-section.compact{margin-bottom:16px;padding:16px}.detail-section h3{border-bottom:2px solid var(--paper-3);color:var(--ink-0);font-size:1.25rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px}.info-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.info-item{align-items:center;gap:8px;padding:6px 0}.bio-section{border-top:1px solid var(--paper-3);margin-top:16px;padding-top:16px}.personal-info-section{margin-top:24px}.info-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.info-card-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);padding:12px 16px}.info-card-header h4{color:var(--ink-0);font-size:1rem;font-weight:600;margin:0}.info-card-content{padding:16px}.info-card .info-row{align-items:flex-start;display:flex;gap:24px;margin-bottom:16px}.info-card .info-row:last-child{margin-bottom:0}.info-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.info-field.full-width{flex:1 1 100%}.field-label{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.field-value{color:#1f2937}.field-link,.field-value{font-size:1rem;font-weight:500}.field-link{color:#0f172a;text-decoration:none}.field-link:hover{text-decoration:underline}.info-card .bio-text{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0;padding:0;text-align:left;white-space:pre-wrap}.info-row{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.info-row .label{color:var(--ink-0);flex-shrink:0;font-weight:600;min-width:120px}.info-row .value{color:#1f2937;flex:1 1}.info-row .value-link{color:#0f172a;text-decoration:none}.info-row .value-link:hover{text-decoration:underline}.bio-row{align-items:flex-start;flex-direction:column}.bio-text{color:#4b5563;line-height:1.6;margin-top:4px;white-space:pre-wrap}.status-badge{border-radius:4px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;padding:4px 8px}.status-active{background-color:var(--ok-50);color:var(--ok-500)}.status-inactive{background-color:var(--danger-50);color:var(--danger-500)}.attendance-calendar{background:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;padding:24px}.calendar-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.calendar-navigation{align-items:center;display:flex;gap:16px}.calendar-actions{align-items:center;display:flex;gap:8px}.export-btn{align-items:center!important;border-radius:4px!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:6px!important;padding:8px 16px!important;transition:all var(--dur-fast) var(--ease-standard)!important}.export-btn:hover{background:var(--vermilion-400)!important;box-shadow:0 4px 12px #d2451a4d!important;transform:translateY(-1px)!important}.export-btn:active{transform:translateY(0)!important}.export-dropdown-container{display:inline-block;position:relative}.export-dropdown{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 10px 25px #00000026;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.export-option{align-items:center!important;background:#fff!important;border:none!important;color:var(--ink-0)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:12px!important;padding:12px 16px!important;text-align:left!important;transition:all var(--dur-fast) var(--ease-standard)!important;width:100%!important}.export-option:hover{background:var(--paper-1)!important;color:var(--ink-0)!important}.export-option:active{background:var(--paper-3)!important}.export-icon{font-size:1rem;text-align:center;width:20px}.export-dropdown{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0}.attendance-stats{grid-gap:16px;background-color:var(--paper-1);border-radius:4px;border-radius:var(--radius-sm);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:16px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.875rem;font-weight:500}.stat-value{color:#1f2937;font-size:1.5rem}.stat-value.present{color:var(--ok-500)}.stat-value.absent{color:var(--danger-500)}.calendar-grid{grid-gap:1px;background-color:var(--paper-3);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day-header{background-color:var(--paper-1);color:var(--ink-1);font-size:.875rem;font-weight:600;padding:12px 8px;text-align:center}.calendar-day{align-items:center;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px;position:relative;transition:background-color .2s}.calendar-day.empty,.calendar-day:hover{background-color:var(--paper-1)}.calendar-day.empty{cursor:default}.calendar-day.weekend{background-color:var(--paper-1)}.calendar-day.weekend:hover{background-color:var(--paper-3)}.day-number{color:var(--ink-0);font-size:.875rem;font-weight:500}.attendance-indicator{align-items:center;border-radius:var(--radius-pill);color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.attendance-indicator.present{background-color:var(--ok-500)}.attendance-indicator.absent{background-color:var(--danger-500)}.calendar-day.attendance-present{background-color:var(--ok-50);border:2px solid var(--ok-500)}.calendar-day.attendance-absent{background-color:var(--danger-50);border:2px solid var(--danger-500)}.calendar-day.attendance-no-data{background-color:var(--paper-1);border:1px solid var(--paper-3)}.calendar-day.today{background-color:var(--info-50)!important;border:2px solid #0f172a!important;font-weight:600}.calendar-day.today .day-number{color:var(--info-500);font-weight:600}.calendar-legend{border-top:1px solid var(--paper-3);display:flex;gap:24px;justify-content:center;margin-top:20px;padding-top:16px}.legend-item{align-items:center;color:var(--ink-1);display:flex;font-size:.875rem;gap:8px}.legend-color{border-radius:4px;border-radius:var(--radius-sm);height:16px;width:16px}.legend-color.present{background-color:var(--ok-500)}.legend-color.absent{background-color:var(--danger-500)}.legend-color.today{background-color:#0f172a}.legend-color.weekend{background-color:var(--paper-3)}.legend-color.no-data{background-color:var(--paper-2);border:1px solid var(--paper-4)}.attendance-calendar-error,.attendance-calendar-loading{color:var(--ink-1);padding:40px;text-align:center}.attendance-calendar-error .error-text{color:var(--danger-500);margin-bottom:16px}.btn-small{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-block;font-size:.875rem;padding:6px 12px;text-align:center;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-info{background-color:#3b82f6;border-color:#0f172a;color:#fff}.btn-info:hover{background-color:#1e293b;border-color:#1e293b}.btn-small:disabled{cursor:not-allowed}.btn-small:disabled,.btn-small:disabled:hover{background-color:var(--paper-2);border-color:var(--paper-3);color:var(--paper-4)}.update-time{color:var(--ink-1)}.task-card-actions{display:flex;gap:.75rem}.profile-container{background:var(--paper-1);margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem}.profile-header{align-items:flex-start;background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-pill);box-shadow:0 8px 32px #0f172a4d;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}.profile-basic-info{display:flex;flex-direction:column;gap:.5rem}.profile-name{color:var(--ink-0);font-size:1.75rem;font-weight:600;line-height:1.2;margin:0}.profile-role{color:#0f172a;font-size:1.1rem;font-weight:500;margin:0}.profile-organization{color:var(--ink-1);font-size:1rem;margin:0 0 1rem}.profile-professional-info{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding:.75rem 1rem}.professional-item{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.prof-label{color:var(--ink-1);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.prof-value{color:var(--ink-0)}.prof-link,.prof-value{font-size:.875rem;font-weight:500}.prof-link{color:#0f172a;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.prof-link:hover{color:#1e293b;text-decoration:underline}.profile-actions{display:flex;flex-shrink:0;gap:1rem}.profile-section-header{margin:2rem 0 1rem;padding:0 .5rem}.profile-section-header h2{border-bottom:2px solid var(--paper-3);color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0;padding-bottom:.5rem}.profile-content-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.profile-card.personal-info-card{max-width:600px;width:100%}.profile-card.personal-info-card .card-content{padding:1rem 1.5rem}.profile-card{box-shadow:0 4px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{box-shadow:0 8px 32px #0000001f}.profile-card .card-header{align-items:center;background:var(--paper-1);border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.profile-card .card-header h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.profile-card .card-content{padding:1.5rem}.info-section{gap:.75rem}.info-item,.info-section{display:flex;flex-direction:column}.info-item{border-bottom:1px solid var(--paper-1);gap:.25rem;padding-bottom:.75rem}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{color:var(--ink-1);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--ink-0);font-size:.9rem;font-weight:500}.info-link{color:#0f172a;font-size:1rem;font-weight:500;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.info-link:hover{color:#1e293b;text-decoration:underline}.bio-item{gap:.5rem}.bio-text{color:var(--ink-1);font-size:.875rem;line-height:1.5;margin:0}.profile-edit-form{display:flex;flex-direction:column;gap:1rem}.profile-edit-form .form-group{display:flex;flex-direction:column;gap:.375rem}.profile-edit-form label{color:var(--ink-0);font-size:.875rem;font-weight:500}.profile-edit-form input,.profile-edit-form textarea{background:var(--paper-0);border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);font-size:1rem;padding:.75rem 1rem;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow .2s ease}.profile-edit-form input:focus,.profile-edit-form textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.profile-edit-form textarea{min-height:100px;resize:vertical}.attendance-status{display:flex;flex-direction:column;gap:1.5rem}.status-indicator{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:1rem;padding:1rem}.status-dot{flex-shrink:0;height:12px;width:12px}.status-dot.active{background:var(--ok-500);box-shadow:0 0 0 4px #10b98133}.status-dot.inactive{background:var(--ink-1)}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-text{color:var(--ink-0);font-size:1rem;font-weight:500}.last-entry-time{color:var(--ink-1);font-size:.875rem}.attendance-actions{flex-wrap:wrap;gap:1rem}.btn-attendance{border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-width:140px;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-attendance.clock-in{background:var(--ok-500);color:#fff}.btn-attendance.clock-in:hover:not(.disabled){background:var(--ok-500);box-shadow:0 4px 12px #10b9814d}.btn-attendance.clock-out{background:var(--danger-500);color:#fff}.btn-attendance.clock-out:hover:not(.disabled){background:var(--danger-500);box-shadow:0 4px 12px #ef44444d}.btn-attendance.disabled{background:var(--paper-4);box-shadow:none;color:var(--ink-1);cursor:not-allowed;transform:none}.message{border-radius:4px;border-radius:var(--radius-sm);font-weight:500;margin:1rem 0;padding:1rem}.message.error{background:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.message.success{background:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.form-actions{gap:1rem;margin-top:1rem}.btn-primary{border-radius:4px}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-secondary{border:none;border-radius:4px}.btn-outline{border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.profile-professional-info{grid-template-columns:1fr 1fr}}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{gap:1.5rem;padding:1rem}.profile-avatar-section,.profile-header{flex-direction:column;text-align:center}.profile-avatar{font-size:1.75rem;height:70px;width:70px}.profile-name{font-size:1.5rem}.profile-actions{flex-direction:column;width:100%}.profile-actions button{width:100%}.profile-professional-info{flex-direction:column;gap:.5rem}.professional-item{min-width:auto}.profile-content-grid{grid-template-columns:1fr}.profile-card.personal-info-card{max-width:100%}}@media (max-width:480px){.profile-header{padding:1.5rem}.profile-avatar{font-size:1.75rem;height:70px;width:70px}.profile-name{font-size:1.5rem}.attendance-actions{flex-direction:column}.btn-attendance{min-width:auto}}.pagination-controls{border-top:1px solid var(--paper-3);flex-direction:column;margin-top:2rem;padding:1rem}.pagination-info{font-size:.875rem;text-align:center}.pagination-buttons{gap:.5rem;justify-content:center}.page-numbers{align-items:center;display:flex;gap:.25rem}.pagination-buttons .btn-small{align-items:center;display:flex;font-size:.875rem;height:2.5rem;justify-content:center;min-width:2.5rem}.pagination-buttons .btn-small:disabled{background-color:var(--paper-1);border-color:var(--paper-3);color:var(--paper-4);cursor:not-allowed;opacity:.5}.pagination-buttons .btn-small:disabled:hover{background-color:var(--paper-1);box-shadow:none;color:var(--paper-4);transform:none}@media (max-width:768px){.pagination-controls{gap:.75rem}.pagination-buttons{gap:.25rem}.pagination-buttons .btn-small{font-size:.75rem;height:2rem;min-width:2rem;padding:.25rem .5rem}.page-numbers{gap:.125rem}}.modal-overlay{animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;z-index:2000}.modal-container-modern{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;margin:1rem;max-height:90vh;max-width:600px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-modern{border-bottom:1px solid var(--paper-3);gap:1rem;padding:1.5rem}.modal-icon-wrapper{background:var(--paper-1);color:var(--ink-1);flex-shrink:0}.modal-title{font-size:1.25rem}.modal-close-button{background:#0000}.modal-close-button:hover{background:var(--paper-1);color:var(--ink-1)}.modal-body-modern{overflow-y:auto;padding:1.5rem}.search-input-modern{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-0);font-size:.9375rem;padding:.75rem 1rem .75rem 2.5rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.search-input-modern:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.search-input-container{position:relative}.modal-content{border-radius:4px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.btn-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-close:hover{background:var(--paper-2);color:var(--ink-0)}.task-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);font-size:.875rem;padding:.75rem;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow .2s ease;width:100%}.form-control:focus{border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2);outline:none}.form-row{grid-gap:1rem;gap:1rem}.form-actions{border-top:1px solid var(--paper-3);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}@media (max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.btn-danger,.btn-danger-large,.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:2.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-primary{background:var(--vermilion-500)}.btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a4d}.btn-secondary{background:#0f172a;color:#fff}.btn-secondary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #3b82f64d}.btn-outline{background:#0000;border:1px solid #0f172a;color:#0f172a}.btn-outline:hover:not(:disabled){background:#0f172a;box-shadow:0 4px 12px #0f172a4d;color:#fff}.btn-danger,.btn-danger-large{background:var(--danger-500);color:#fff}.btn-danger-large:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--danger-500);box-shadow:0 4px 12px #ef44444d}.btn-small{font-size:.75rem;min-height:2.25rem;padding:.5rem 1rem}.btn-danger-large:disabled,.btn-danger:disabled,.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled{background:var(--paper-2)!important;border-color:var(--paper-3)!important;box-shadow:none;color:var(--paper-4)!important;cursor:not-allowed;opacity:.6;transform:none}.page-actions>*+*{margin-left:1rem}@media (max-width:768px){.btn-danger,.btn-danger-large,.btn-outline,.btn-primary,.btn-secondary{font-size:.8rem;padding:.625rem 1.25rem}.page-actions{gap:.75rem}.page-actions>*+*{margin-left:0}}.modern-admin-dashboard{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header-compact{align-items:center;background:#0000;display:flex;justify-content:center;margin-bottom:2rem;padding:0}.dashboard-title-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:var(--ink-0);font-size:2rem;font-weight:600;margin:0}.btn-compact-primary{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-compact-primary:hover{box-shadow:0 4px 8px -2px #3b82f666}.dashboard-header-modern{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.dashboard-title-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:var(--ink-0);font-size:2.5rem;font-weight:800;margin:0}.dashboard-subtitle-modern{color:var(--ink-1);font-size:1rem;font-weight:500;margin:.5rem 0 0}.header-actions-modern{display:flex;gap:1rem}.btn-modern-primary{border-radius:4px;border-radius:var(--radius-sm);font-size:.9rem}.btn-icon{font-size:1.1rem;font-weight:600}.stats-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card-modern{background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.stat-card-modern:before{background:linear-gradient(90deg,#0f172a,#1e293b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-users:before{background:linear-gradient(90deg,var(--ok-500),var(--ok-500))}.stat-projects:before{background:linear-gradient(90deg,var(--warn-500),var(--warn-500))}.stat-tasks:before{background:linear-gradient(90deg,#0f172a,var(--vermilion-500))}.stat-active:before{background:linear-gradient(90deg,var(--danger-500),var(--danger-500))}.stat-card-modern:hover{box-shadow:0 12px 20px -4px #00000026;transform:translateY(-4px)}.stat-icon-modern{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);margin-bottom:1rem}.stat-users .stat-icon-modern{background:linear-gradient(135deg,var(--ok-50) 0,#a7f3d0 100%);color:var(--ok-500)}.stat-projects .stat-icon-modern{background:linear-gradient(135deg,var(--warn-50) 0,var(--warn-50) 100%);color:var(--warn-500)}.stat-tasks .stat-icon-modern{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);color:var(--vermilion-500)}.stat-active .stat-icon-modern{background:linear-gradient(135deg,var(--danger-50) 0,var(--danger-50) 100%);color:var(--danger-500)}.stat-content-modern{gap:.5rem}.stat-value-modern{font-size:2.5rem;font-weight:800}.stat-label-modern{color:var(--ink-0);font-size:1rem;font-weight:600}.stat-trend-modern{color:var(--ink-1);font-size:.875rem;font-weight:500}.actions-section-modern{margin-bottom:2rem}.section-title-modern{color:var(--ink-0);font-size:1.875rem;font-weight:600;margin:0 0 2rem;text-align:center}.actions-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card-modern{background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.action-card-modern:before{background:linear-gradient(90deg,var(--ink-1),#4b5563);content:"";height:4px;left:0;position:absolute;right:0;top:0}.action-primary:before,.action-standard:before{background:linear-gradient(90deg,#0f172a,#1e293b)}.action-secondary:before{background:linear-gradient(90deg,var(--ok-500),var(--ok-500))}.action-disabled:before{background:linear-gradient(90deg,var(--paper-4),var(--ink-1))}.action-card-modern:hover{box-shadow:0 12px 20px -4px #00000026;transform:translateY(-4px)}.action-header-modern{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.action-icon-modern{align-items:center;background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);border-radius:6px;border-radius:var(--radius-md);color:var(--ink-1);display:flex;height:40px;justify-content:center;width:40px}.action-primary .action-icon-modern,.action-standard .action-icon-modern{background:linear-gradient(135deg,var(--info-50) 0,var(--info-50) 100%);color:#1e293b}.action-secondary .action-icon-modern{background:linear-gradient(135deg,var(--ok-50) 0,#a7f3d0 100%);color:var(--ok-500)}.action-disabled .action-icon-modern{background:linear-gradient(135deg,var(--paper-2) 0,var(--paper-3) 100%);color:var(--paper-4)}.action-title-modern{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.action-description-modern{color:var(--ink-1);flex-grow:1;font-size:.9rem;line-height:1.6;margin:0 0 auto}.action-btn-modern{border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;text-align:center;text-transform:none;transition:all var(--dur-fast) var(--ease-standard);width:100%}.action-btn-standard{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff}.action-btn-standard:hover{box-shadow:0 8px 15px -3px #3b82f666}.action-btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff}.action-btn-primary:hover{box-shadow:0 8px 15px -3px #3b82f666}.action-btn-secondary{background:linear-gradient(135deg,var(--ok-500) 0,var(--ok-500) 100%);box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.action-btn-secondary:hover{box-shadow:0 8px 15px -3px #10b98166}.action-btn-disabled{background:linear-gradient(135deg,var(--paper-4) 0,var(--ink-1) 100%);color:#fff;cursor:not-allowed;opacity:.6}.action-btn-disabled:hover{box-shadow:0 4px 6px -1px #9ca3af4d;transform:none}@media (max-width:768px){.modern-admin-dashboard{padding:1rem}.dashboard-title-compact{font-size:1.75rem}.dashboard-header-modern{flex-direction:column;gap:1.5rem;text-align:center}.dashboard-title-modern{font-size:2rem}.actions-grid-modern,.stats-grid-modern{gap:1rem;grid-template-columns:1fr}.action-card-modern,.stat-card-modern{padding:1.5rem}}.modern-profile-container{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.modern-profile-header{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.profile-avatar-section{align-items:center;display:flex;gap:1.5rem}.modern-profile-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-pill);box-shadow:0 8px 16px -4px #3b82f64d;color:#fff;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}.profile-info{display:flex;flex-direction:column;gap:.5rem}.modern-profile-name{color:var(--ink-0);font-size:2rem;font-weight:600;margin:0}.profile-username{color:var(--ink-1);font-size:1rem;font-weight:500;margin:0}.profile-professional-badges{display:flex;gap:1rem;margin-top:.5rem}.professional-badge{align-items:center;background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);border-radius:10px;border-radius:var(--radius-lg);color:var(--ink-1);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.profile-actions-modern{display:flex;gap:1rem}.btn-modern-secondary{align-items:center;background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-modern-secondary:hover{background:linear-gradient(135deg,var(--paper-3) 0,var(--paper-3) 100%)}.btn-modern-outline{align-items:center;background:#0000;border:1px solid #0f172a;border-radius:6px;border-radius:var(--radius-md);color:#0f172a;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-modern-outline:hover{background:#0f172a;color:#fff}.modern-profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.modern-profile-card{background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.card-header-modern{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);border-bottom:1px solid var(--paper-3);padding:1.5rem 2rem}.card-title-section{align-items:center;display:flex;gap:.75rem}.card-title-section svg{color:#0f172a}.card-title-section h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.card-content-modern{padding:2rem}.info-grid-modern{display:flex;flex-direction:column;gap:1.5rem}.info-item-modern{display:flex;flex-direction:column;gap:.5rem}.info-label-modern{color:var(--ink-1);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value-modern{color:var(--ink-0);font-size:1rem;font-weight:500}.bio-item-modern{grid-column:1/-1}.bio-text-modern{background:var(--paper-1);border-left:4px solid #0f172a;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);font-size:1rem;line-height:1.6;padding:1rem}.modern-profile-form{display:flex;flex-direction:column;gap:1.5rem}.modern-input,.modern-textarea{background:#fff;border:1px solid var(--paper-4);border-radius:4px;border-radius:var(--radius-sm);font-size:1rem;padding:.75rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.modern-input:focus,.modern-textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2);outline:none}.modern-textarea{min-height:100px;resize:vertical}.form-actions-modern{margin-top:1rem}.btn-modern-primary{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-modern-primary:hover{box-shadow:0 8px 15px -3px #3b82f666}.attendance-status-modern{display:flex;flex-direction:column;gap:1.5rem}.status-indicator-modern{align-items:center;display:flex;gap:1rem}.status-dot-modern{border-radius:var(--radius-pill);height:12px;position:relative;width:12px}.status-dot-modern.active{background:var(--ok-500);box-shadow:0 0 0 4px #10b98133}.status-dot-modern.inactive{background:var(--ink-1);box-shadow:0 0 0 4px #6b728033}.status-info-modern{display:flex;flex-direction:column;gap:.25rem}.status-text-modern{color:var(--ink-0);font-size:1rem;font-weight:600}.last-entry-time-modern{color:var(--ink-1);font-size:.875rem}.attendance-actions-modern{display:flex;gap:1rem}.btn-attendance-modern{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-attendance-modern.clock-in{background:linear-gradient(135deg,var(--ok-500) 0,var(--ok-500) 100%);box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.btn-attendance-modern.clock-out{background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-500) 100%);box-shadow:0 4px 6px -1px #ef44444d;color:#fff}.btn-attendance-modern.clock-in:hover:not(.disabled){box-shadow:0 8px 15px -3px #10b98166}.btn-attendance-modern.clock-out:hover:not(.disabled){box-shadow:0 8px 15px -3px #ef444466}.btn-attendance-modern.disabled{background:linear-gradient(135deg,var(--paper-4) 0,var(--ink-1) 100%);color:#fff;cursor:not-allowed;opacity:.6}.modern-message{border-radius:4px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-top:1rem;padding:1rem}.modern-message.success{background:var(--ok-50);border:1px solid #a7f3d0;color:#065f46}.modern-message.error{background:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}@media (max-width:768px){.modern-profile-container{padding:1rem}.modern-profile-header{gap:1.5rem}.modern-profile-header,.profile-avatar-section{flex-direction:column;text-align:center}.modern-profile-content{gap:1.5rem;grid-template-columns:1fr}.attendance-actions-modern,.form-actions-modern{flex-direction:column}}.modern-task-card-new{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px -1px #0000001a;overflow:hidden;padding:1rem;position:relative;transition:all var(--dur-fast) var(--ease-standard)}.modern-task-card-new:before{background:linear-gradient(90deg,#0f172a,#1e293b);content:"";height:3px;left:0;position:absolute;right:0;top:0}.modern-task-card-new:hover{border-color:#0f172a;box-shadow:0 8px 16px -4px #00000026}.task-card-header-new{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.task-title-section{flex:1 1;min-width:0}.task-title-new{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:var(--ink-0);display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.task-title-new a{color:inherit;text-decoration:none;transition:color .3s ease}.task-title-new a:hover{color:#0f172a}.task-badges-new{display:flex;flex-wrap:wrap;gap:.375rem}.task-status-new{border-radius:6px;border-radius:var(--radius-md);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.task-status-new.status-todo{background:linear-gradient(135deg,var(--paper-2) 0,var(--paper-3) 100%);color:var(--ink-1)}.task-status-new.status-in-progress{background:linear-gradient(135deg,var(--info-50) 0,var(--info-50) 100%);color:#1e293b}.task-status-new.status-done{background:linear-gradient(135deg,var(--ok-50) 0,#a7f3d0 100%);color:var(--ok-500)}.task-status-new.status-checked{background:linear-gradient(135deg,var(--paper-2) 0,var(--paper-3) 100%);color:var(--vermilion-600)}.priority-badge-new{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.04em;line-height:1;min-height:2rem;padding:.38rem .82rem;text-transform:uppercase;white-space:nowrap}.priority-badge-new.priority-low{background:var(--info-50);color:var(--info-500)}.priority-badge-new.priority-medium{background:var(--warn-50);color:var(--warn-500)}.priority-badge-new.priority-high{background:var(--vermilion-50);color:var(--vermilion-700)}.priority-badge-new.priority-urgent{background:var(--danger-50);color:var(--danger-500)}.task-actions-new{display:flex;flex-shrink:0;gap:.375rem}.btn-task-action{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.375rem .6rem;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.btn-task-action.btn-view{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-1) 100%);border-color:var(--paper-3);color:var(--ink-1)}.btn-task-action.btn-view:hover{background:linear-gradient(135deg,var(--paper-3) 0,var(--paper-3) 100%);color:var(--ink-1)}.btn-task-action.btn-edit{border-color:var(--info-50);color:#1e293b}.btn-task-action.btn-edit,.btn-task-action.btn-edit:hover{background:linear-gradient(135deg,var(--info-50) 0,var(--info-50) 100%)}.btn-task-action.btn-edit:hover{color:var(--info-500)}.btn-task-action.btn-time{background:linear-gradient(135deg,var(--ok-50) 0,#a7f3d0 100%);border-color:#6ee7b7;color:var(--ok-500)}.btn-task-action.btn-time:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#047857}.btn-task-action.btn-delete{border-color:var(--danger-50)}.btn-task-action.btn-delete,.btn-task-action.btn-delete:hover{background:linear-gradient(135deg,var(--danger-50) 0,var(--danger-50) 100%);color:var(--danger-500)}.task-card-content-new{margin-bottom:.75rem}.task-description-new{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:var(--ink-1);display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.task-meta-new{display:flex;gap:1.5rem}.task-meta-left,.task-meta-right{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.meta-item-new{gap:.6rem;padding:.375rem 0}.meta-icon,.meta-item-new{align-items:center;display:flex}.meta-icon{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);flex-shrink:0;height:28px;justify-content:center;width:28px}.meta-content{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.meta-label-new{color:var(--ink-1);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value-new{color:var(--ink-0);font-size:.8rem;font-weight:500;word-break:break-word}.project-link-new{color:#0f172a;text-decoration:none;transition:color .3s ease}.project-link-new:hover{color:#1e293b;text-decoration:underline}.due-date-new.overdue{color:var(--danger-500);font-weight:600}.overdue-indicator{background:var(--danger-500);border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.05em;margin-left:.5rem;padding:.1rem .3rem;text-transform:uppercase}@media (max-width:768px){.modern-task-card-new{padding:.75rem}.task-card-header-new{align-items:flex-start;flex-direction:column;gap:.75rem}.task-actions-new{justify-content:space-between;width:100%}.btn-task-action{flex:1 1;justify-content:center}.task-meta-new{gap:.375rem}.meta-item-new{padding:.25rem 0}.task-meta-new{flex-direction:column;gap:.75rem}.task-meta-left,.task-meta-right{gap:.375rem}}.profile-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:350px 1fr}@media (max-width:1024px){.profile-container{grid-template-columns:1fr}}.profile-card{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:hidden}.profile-cover{background:linear-gradient(135deg,var(--vermilion-500) 0,#0f172a 100%);height:120px}.profile-header-content{padding:0 1.5rem 1.5rem;position:relative;text-align:center}.profile-avatar-large{align-items:center;background:var(--paper-1);border:4px solid #fff;border-radius:var(--radius-pill);box-shadow:0 4px 6px -1px #0000001a;color:var(--ink-1);display:flex;font-size:2.5rem;font-weight:600;height:100px;justify-content:center;margin:-50px auto 1rem;overflow:hidden;position:relative;width:100px}.profile-avatar-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar-clickable:hover{box-shadow:0 8px 12px -3px #00000026;transform:scale(1.05)}.profile-avatar-image{border-radius:var(--radius-pill);height:100%;object-fit:cover;width:100%}.avatar-edit-overlay{align-items:center;background:#00000080;border-radius:var(--radius-pill);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--dur-fast) var(--ease-standard)}.avatar-edit-overlay svg{color:#fff}.profile-avatar-clickable:hover .avatar-edit-overlay{opacity:1}.profile-image-upload{width:100%}.upload-zone{align-items:center;background:var(--paper-1);border:2px dashed var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;min-height:200px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all var(--dur-fast) var(--ease-standard)}.upload-zone.drag-over,.upload-zone:hover{background:var(--paper-1);border-color:var(--vermilion-500)}.upload-zone.drag-over{border-style:solid}.upload-zone.uploading{opacity:.7;pointer-events:none}.upload-zone.has-image{border-color:var(--paper-3);border-style:solid;padding:0}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:var(--ink-1)}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-main-text{color:var(--ink-0);font-size:1rem;font-weight:600}.upload-sub-text{color:var(--ink-1);font-size:.875rem}.image-preview-container{height:200px;position:relative;width:100%}.profile-image-preview{height:100%;object-fit:cover;width:100%}.image-overlay,.profile-image-preview{border-radius:6px;border-radius:var(--radius-md)}.image-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--dur-fast) var(--ease-standard)}.upload-zone:hover .image-overlay{opacity:1}.overlay-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem}.overlay-text{color:#fff;font-size:.875rem;font-weight:500}.delete-btn{align-items:center;background:#ef4444e6;border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:32px;justify-content:center;transition:transform .2s ease,background .2s ease;width:32px}.delete-btn:hover{background:var(--danger-500);transform:scale(1.1)}.upload-progress-overlay{align-items:center;background:#ffffffe6;border-radius:6px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;position:absolute}.progress-container{background:var(--paper-3);border-radius:3px;height:6px;overflow:hidden;width:80%}.progress-bar{background:linear-gradient(90deg,var(--vermilion-500) 0,#0f172a 100%);border-radius:3px;height:100%;transition:width .2s ease}.progress-text{color:var(--vermilion-500);font-size:.875rem;font-weight:600}.upload-error{align-items:center;background:var(--danger-50);border:1px solid var(--danger-50);border-radius:4px;border-radius:var(--radius-sm);color:var(--danger-500);display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.error-icon{font-size:1rem}.image-upload-modal{max-width:480px}.image-upload-modal .modal-content{padding:1.5rem}.upload-tip{color:var(--ink-1);font-size:.875rem;margin-top:1rem;text-align:center}.profile-name-large{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.profile-username-large{color:var(--ink-1);font-size:.875rem;margin-bottom:1rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.profile-info-list{border-top:1px solid var(--paper-3);padding:1.5rem}.profile-info-item{border-bottom:1px solid var(--paper-1);display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 0}.profile-info-item:last-child{border-bottom:none}.profile-info-label{color:var(--ink-1);font-weight:500}.profile-info-value{color:var(--ink-0);font-weight:500;text-align:right}.profile-section-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.profile-section-header h3{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin:0}.profile-section-content{padding:1.5rem}.attendance-status-box{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.status-badge-large{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.status-badge-large.active{background-color:var(--ok-50);color:var(--ok-500)}.status-badge-large.inactive{background-color:var(--paper-1);color:var(--ink-1)}.attendance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.attendance-grid{grid-template-columns:1fr}}.login-modern-container{align-items:center;background:var(--paper-0);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-modern-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;max-width:400px;overflow:hidden;width:100%}.login-modern-header{padding:2rem 2rem 1.5rem;text-align:center}.login-modern-card .login-brand-logo{border-radius:4px;border-radius:var(--radius-sm);height:48px;margin-bottom:1rem;width:48px}.login-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-subtitle{font-size:.875rem}.login-modern-form{padding:0 2rem 2rem}.login-form-group{margin-bottom:1.25rem}.login-label{color:var(--ink-0);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.login-input{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-0);font-size:.925rem;padding:.75rem 1rem;width:100%}.login-input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a;outline:none}.login-options{font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem}.login-checkbox,.login-options{align-items:center;display:flex}.login-checkbox{color:var(--ink-1);cursor:pointer;gap:.5rem}.login-forgot-link{color:var(--vermilion-500);font-weight:500;text-decoration:none}.login-forgot-link:hover{color:#1e293b}.login-btn{background:linear-gradient(135deg,var(--vermilion-500) 0,#1e293b 100%);border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:600;padding:.75rem}.login-btn:hover{box-shadow:0 4px 12px #4f46e533}.login-footer{background-color:var(--paper-1);border-top:1px solid var(--paper-1);color:var(--ink-1);font-size:.875rem;padding:1.5rem;text-align:center}.login-footer-link{color:var(--vermilion-500);font-weight:600;margin-left:.25rem;text-decoration:none}.login-footer-link:hover{text-decoration:underline}@keyframes float-gentle{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.login-modern-card{perspective:1000px;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275)}.login-modern-card:hover{box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d;transform:translateY(-12px) scale(1.01)}.login-btn{overflow:hidden;position:relative;transition:all var(--dur-fast) var(--ease-standard);z-index:1}.login-btn:hover{box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;transform:translateY(-3px)}.login-btn:after{background-color:#fff3;border-radius:4px;border-radius:var(--radius-sm);bottom:0;content:"";height:100%;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%;z-index:-1}.login-btn:hover:after{transform:scaleX(1);transform-origin:bottom left}.login-input{transition:all var(--dur-fast) var(--ease-standard)}.login-input:focus{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-header-modern{border-bottom:2px solid var(--paper-3);padding-bottom:1.5rem}.page-title-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0 0 .5rem}.page-subtitle{font-size:.95rem;margin:0}.project-form-container{background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.project-form-modern{padding:2rem}.form-section{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);margin-bottom:2.5rem;padding:1.5rem}.form-section:last-of-type{margin-bottom:0}.form-section-header{align-items:center;border-bottom:2px solid var(--paper-3);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.form-section-icon{align-items:center;background:linear-gradient(135deg,#0f172a1a,#764ba21a);border-radius:6px;border-radius:var(--radius-md);color:#0f172a;display:flex;font-size:1.25rem;height:36px;justify-content:center;width:36px}.form-section-title{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin:0}.form-section-content{display:flex;flex-direction:column;gap:1.25rem}.form-group-modern{display:flex;flex-direction:column;gap:.5rem}.form-group-modern label{align-items:center;color:var(--ink-0);display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.required-asterisk{color:var(--danger-500);font-weight:600}.form-input-modern,.form-textarea-modern{background:#fff;border:2px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);color:var(--ink-0);font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input-modern:hover,.form-textarea-modern:hover{background:var(--paper-1);border-color:var(--paper-3)}.form-input-modern:focus,.form-textarea-modern:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 4px #0f172a1a;outline:none}.form-textarea-modern{font-family:inherit;min-height:120px;resize:vertical}.form-help-text{align-items:center;color:var(--ink-1);display:flex;font-size:.8rem;gap:.375rem;margin-top:.25rem}.form-row-modern{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.client-select-wrapper{align-items:flex-start;display:flex;gap:.75rem}.client-select-input{flex:1 1}.btn-new-client{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0f172a33;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn-new-client:hover{box-shadow:0 4px 12px #0f172a4d}.btn-new-client:active{transform:translateY(0)}.form-actions-modern{border-top:2px solid var(--paper-3);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-primary-modern{align-items:center;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0f172a4d;display:flex;font-size:.95rem;gap:.5rem;padding:.875rem 2rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-primary-modern:hover:not(:disabled){background:#1e293b;box-shadow:0 6px 20px #0f172a66}.btn-primary-modern:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-outline-modern{border:2px solid #0f172a;border-radius:6px;border-radius:var(--radius-md);color:#0f172a;display:flex;font-size:.95rem;font-weight:600;padding:.875rem 2rem}.btn-outline-modern:hover:not(:disabled){background:#0f172a;box-shadow:0 4px 12px #0f172a33;color:#fff}.btn-outline-modern:disabled{opacity:.6;transform:none}.modal-content-modern{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:6px;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-modern{align-items:flex-start;background:linear-gradient(135deg,#0f172a0d,#764ba20d);border-bottom:2px solid var(--paper-3);display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.modal-header-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a4d;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.modal-title{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.modal-subtitle{color:var(--ink-1);font-size:.875rem;margin:0}.modal-close-button{background:var(--paper-1);border:none;border-radius:4px;font-size:1rem;height:36px;transition:all var(--dur-fast) var(--ease-standard);width:36px}.modal-close-button:hover{background:var(--paper-3);transform:rotate(90deg)}.modal-body-modern{padding:2rem}.client-form-modern{display:flex;flex-direction:column;gap:1.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--paper-4);font-size:1rem;left:1rem;pointer-events:none;position:absolute;z-index:1}.input-icon-top{align-self:flex-start;top:1rem}.input-wrapper .form-input-modern,.input-wrapper .form-textarea-modern{padding-left:2.75rem}.input-wrapper .form-textarea-modern{padding-top:1rem}.alert-danger-modern{align-items:center;background:var(--danger-50);border:1px solid #fca5a5;border-radius:6px;border-radius:var(--radius-md);color:var(--danger-500);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-danger-modern i{font-size:1.125rem}.modal-actions-modern{border-top:2px solid var(--paper-3);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}@media (max-width:768px){.page-header-modern{flex-direction:column;gap:1rem}.form-row-modern{grid-template-columns:1fr}.client-select-wrapper{flex-direction:column}.btn-new-client{justify-content:center;width:100%}.form-actions-modern,.modal-actions-modern{flex-direction:column}.btn-outline-modern,.btn-primary-modern{justify-content:center;width:100%}.modal-content-modern{max-height:95vh;width:95%}.modal-body-modern,.modal-header-modern{padding:1.5rem}}.profile-tabs{border-bottom:1px solid var(--paper-3);display:flex;gap:2rem;margin-bottom:2rem;padding:0 .5rem}.profile-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--ink-1);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:1rem .5rem;transition:all var(--dur-fast) var(--ease-standard)}.profile-tab:hover{color:var(--ink-0)}.profile-tab.active{border-bottom-color:var(--vermilion-500);color:var(--vermilion-500)}.profile-tab-icon{font-size:1.1rem}.profile-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr}.profile-main-col,.profile-side-col{display:flex;flex-direction:column;gap:1.5rem}.profile-card-modern{background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.profile-card-modern:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025)}.profile-cover-modern{background:linear-gradient(135deg,var(--vermilion-500) 0,#0f172a 100%);height:140px;position:relative}.profile-header-modern{padding:0 2rem 2rem;position:relative;text-align:center}.profile-avatar-wrapper{display:inline-block;margin-bottom:1rem;margin-top:-60px;position:relative}.profile-avatar-modern{background:var(--paper-1);border:4px solid #fff;border-radius:var(--radius-pill);box-shadow:0 4px 6px -1px #0000001a;height:120px;overflow:hidden;position:relative;width:120px}.profile-avatar-modern img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:var(--paper-1);color:var(--ink-1);display:flex;font-size:3rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-name-modern{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.profile-username-modern{color:var(--ink-1);font-size:.95rem;margin:0 0 1rem}.profile-badges-modern{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.profile-stats-grid{grid-gap:1rem;border-top:1px solid var(--paper-3);display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding-top:1.5rem}.profile-stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.75rem;letter-spacing:.05em}.settings-section{background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);margin-bottom:2rem;overflow:hidden}.settings-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:1.5rem 2rem}.settings-title{color:var(--ink-0);font-size:1.1rem;font-weight:600;margin:0}.settings-content{padding:2rem}.settings-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.full-width{grid-column:1/-1}.attendance-widget{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.attendance-info{align-items:center;display:flex;gap:1rem}.attendance-status-indicator{background:var(--paper-3);border-radius:var(--radius-pill);box-shadow:0 0 0 4px var(--paper-1);height:12px;width:12px}.attendance-status-indicator.active{background:var(--ok-500);box-shadow:0 0 0 4px var(--ok-50)}.attendance-text h4{color:var(--ink-0);font-size:1rem;margin:0 0 .25rem}.attendance-text p{color:var(--ink-1);font-size:.875rem;margin:0}.attendance-actions{display:flex;gap:.75rem}@media (max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.profile-side-col{order:-1}}@media (max-width:640px){.settings-form-grid{grid-template-columns:1fr}.attendance-widget{align-items:flex-start;flex-direction:column}.attendance-actions{width:100%}.attendance-actions button{flex:1 1}}.tab-header-standard{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.tab-header-title{align-items:center;color:var(--ink-0);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.project-hero-meta{align-items:center;color:var(--ink-1);display:flex;font-size:.9rem;gap:1.5rem;margin-top:.5rem}.project-hero-meta-item{align-items:center;display:flex;gap:.5rem}.project-hero-meta-item svg{color:var(--ink-1);height:16px;width:16px}.page-header-modern{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title-modern{color:var(--ink-0);font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-display);font-size:1.875rem;font-weight:600;line-height:1.2;margin:0}.btn-outline-modern{align-items:center;background:#fff;border-radius:4px;display:inline-flex;gap:.5rem;padding:.5rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-outline-modern:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--ink-0)}.project-details-grid{grid-gap:2rem;display:grid;gap:2rem}.project-card{background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000d;overflow:hidden}.project-card-header{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;padding:1.5rem}.project-card-title{color:var(--ink-0);font-size:1.125rem;font-weight:600;margin:0}.project-card-body{padding:1.5rem}.stats-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-modern{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:1rem;padding:1.25rem}.stat-icon-modern{align-items:center;border-radius:6px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-modern.primary{background:var(--info-50);color:#0f172a}.stat-icon-modern.success{background:var(--ok-50);color:var(--ok-500)}.stat-content-modern{display:flex;flex-direction:column}.stat-value-modern{color:var(--ink-0);font-size:1.5rem;font-weight:600;line-height:1;margin-bottom:.25rem}.stat-label-modern{color:var(--ink-1);font-size:.875rem;font-weight:500}.empty-state-modern{background:var(--paper-1);border:1px dashed var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);padding:3rem;text-align:center}.permissions-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.permission-group-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:6px;border-radius:var(--radius-md);padding:1.25rem}.permission-group-title{border-bottom:1px solid var(--paper-3);color:var(--ink-0);font-size:.9375rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.permission-tags{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;color:var(--ink-1);display:inline-flex;font-size:.8125rem;font-weight:500;padding:.375rem .75rem}.lifecycle-container.vertical.single-stage{min-height:auto;padding:0}.lifecycle-group-label-small{color:var(--ink-1);font-size:.75rem;font-weight:500;margin-top:.25rem}.hidden-mobile{display:flex}@media (max-width:768px){.hidden-mobile{display:none!important}.page-header-top{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;width:100%}.page-title{font-size:1.25rem}.content-header{padding:0 1rem}.app-layout{height:100vh}}.nav-section-header{align-items:center;color:var(--ink-1);color:var(--shell-sidebar-section-text);display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin:0;padding:14px 8px 6px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.nav-divider{background-color:var(--paper-3);background-color:var(--shell-sidebar-divider);height:1px;margin:12px 8px}.btn-quick-create{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-quick-create:hover{background-color:var(--vermilion-600)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sidebar-user-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;padding:7px 8px;text-align:left;transition:background .2s}.sidebar-user-btn:hover{background:#1b22300a;background:var(--shell-sidebar-user-hover)}.sidebar-user-row{align-items:center;display:flex;gap:4px}.sidebar-footer-actions{display:flex;flex-shrink:0;gap:2px}.sidebar-footer-icon{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--ink-1);color:var(--shell-sidebar-text);cursor:pointer;display:flex;justify-content:center;padding:5px}.sidebar-footer-icon:hover{background:var(--paper-2);background:var(--shell-sidebar-hover-bg);color:var(--ink-0);color:var(--shell-sidebar-hover-text)}.sidebar-footer-icon--danger:hover{background:var(--danger-50);color:var(--danger-500)}.page-title{font-size:1.625rem;line-height:1.2;margin:0}.page-subtitle{color:var(--ink-1);font-family:var(--font-body);font-size:.875rem;line-height:1.5;margin:.25rem 0 0}.btn-primary{align-items:center;background:var(--vermilion-500)!important;border:1px solid #0000!important;border-radius:var(--radius-sm)!important;color:var(--on-accent)!important;display:inline-flex;font-family:var(--font-body)!important;font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--vermilion-600)!important}.btn-primary:active:not(:disabled){background:var(--vermilion-700)!important;transform:translateY(1px)}.btn-accent:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-accent:focus:not(:focus-visible),.btn-primary:focus:not(:focus-visible),.btn-secondary:focus:not(:focus-visible){outline:none}.btn-primary:disabled,.btn-primary[disabled]{opacity:.45;pointer-events:none;transform:none!important}.btn-secondary{align-items:center;background:var(--paper-0)!important;border:1px solid var(--paper-3)!important;border-radius:var(--radius-sm)!important;color:var(--ink-2)!important;display:inline-flex;font-family:var(--font-body)!important;font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--paper-1)!important}.btn-secondary:active:not(:disabled){background:var(--paper-2)!important;transform:translateY(1px)}.btn-secondary:disabled,.btn-secondary[disabled]{opacity:.45;pointer-events:none}.workspace-action-btn{align-items:center;background:var(--vermilion-500)!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--on-accent)!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1.2;min-height:40px;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.workspace-action-btn:hover:not(:disabled){background:var(--vermilion-600)!important;box-shadow:none!important}.btn-filter-compact.workspace-action-btn,.btn-new-project.workspace-action-btn,.btn-primary-modern.workspace-action-btn{background:var(--vermilion-500)!important;border:none!important;box-shadow:none!important;color:var(--on-accent)!important}.btn-filter-compact.workspace-action-btn:hover:not(:disabled),.btn-new-project.workspace-action-btn:hover:not(:disabled),.btn-primary-modern.workspace-action-btn:hover:not(:disabled){background:var(--vermilion-600)!important;box-shadow:none!important;color:var(--on-accent)!important;transform:none!important}.btn-filter-compact.workspace-action-btn:active:not(:disabled),.btn-new-project.workspace-action-btn:active:not(:disabled),.btn-primary-modern.workspace-action-btn:active:not(:disabled){background:var(--vermilion-700)!important;transform:translateY(1px)!important}.workspace-action-btn:disabled,.workspace-action-btn[disabled]{opacity:.45;pointer-events:none;transform:none!important}.btn-accent{align-items:center;background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn-accent:hover:not(:disabled){background:var(--vermilion-600)}.btn-accent:active:not(:disabled){background:var(--vermilion-700);transform:translateY(1px)}.btn-accent:disabled,.btn-accent[disabled]{opacity:.45;pointer-events:none;transform:none}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;padding:1.25rem}.app-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.app-card-title{color:var(--ink-0);font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0}.badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-body);font-size:12px;font-weight:500;gap:6px;line-height:1.4;padding:3px 8px}.badge-success{background:var(--ok-50);color:var(--ok-500)}.badge-warning{background:var(--warn-50);color:var(--warn-500)}.badge-danger{background:var(--danger-50);color:var(--danger-500)}.badge-info{background:var(--info-50);color:var(--info-500)}.badge-neutral{background:var(--paper-2);color:var(--ink-1)}.form-input,.form-select,.form-textarea,.main-content-area input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),.main-content-area select,.main-content-area textarea{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-2);font-family:var(--font-body);font-size:14px;line-height:1.5;outline:none;padding:9px 12px;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);width:100%}.form-input,.form-select,.main-content-area input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),.main-content-area select{min-height:40px}.form-textarea,.main-content-area textarea{min-height:96px;resize:vertical}.form-input::placeholder,.form-textarea::placeholder,.main-content-area input::placeholder,.main-content-area textarea::placeholder{color:var(--paper-4)}.form-input:hover:not(:disabled):not([readonly]),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled):not([readonly]),.main-content-area input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):hover:not(:disabled):not([readonly]),.main-content-area select:hover:not(:disabled),.main-content-area textarea:hover:not(:disabled):not([readonly]){border-color:var(--paper-4)}.form-input:focus,.form-select:focus,.form-textarea:focus,.main-content-area input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):focus,.main-content-area select:focus,.main-content-area textarea:focus{border-color:var(--vermilion-500);box-shadow:var(--shadow-focus);outline:none}.form-input:disabled,.form-input[readonly],.form-select:disabled,.form-textarea:disabled,.form-textarea[readonly],.main-content-area input:disabled,.main-content-area input[readonly],.main-content-area select:disabled,.main-content-area textarea:disabled,.main-content-area textarea[readonly]{background:var(--paper-1);color:var(--ink-1);cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error,.main-content-area input[aria-invalid=true],.main-content-area select[aria-invalid=true],.main-content-area textarea[aria-invalid=true]{border-color:var(--danger-500)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus,.main-content-area input[aria-invalid=true]:focus,.main-content-area select[aria-invalid=true]:focus,.main-content-area textarea[aria-invalid=true]:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px #b91c1c24}.form-label,.main-content-area .edit-user-field>label,.main-content-area .form-group-modern>label,.main-content-area .form-group>label,.main-content-area .invoice-form-field>label{color:var(--ink-1);display:block;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:0;line-height:1.35;margin-bottom:6px;text-transform:none}.form-group,.form-group-modern,.main-content-area .form-group,.main-content-area .form-group-modern{display:flex;flex-direction:column;gap:6px}.form-row,.form-row-modern,.main-content-area .form-row,.main-content-area .form-row-modern{gap:16px}.edit-user-help,.form-help,.form-helper,.form-hint,.main-content-area .form-help,.main-content-area .form-helper,.main-content-area .form-hint{color:var(--ink-1);font-size:12px;line-height:1.45;margin:2px 0 0}.form-error,.form-inline-error,.invoice-inline-error,.main-content-area .form-error,.main-content-area .form-inline-error{align-items:center;background:#0000;border:none;color:var(--danger-500);display:flex;font-size:12px;font-weight:500;gap:6px;line-height:1.45;margin:2px 0 0;padding:0}.form-error:before{content:none}.form-actions,.form-actions-modern,.main-content-area .form-actions,.main-content-area .form-actions-modern{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.section-divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.empty-state{align-items:center;color:var(--paper-4);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-title{color:var(--ink-1);font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0}.empty-state-text{color:var(--paper-4);font-size:.875rem;margin:0}.data-mono,.hours-value,.invoice-amount,.kpi-value,.metric-value,.stat-number{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:-.01em}.main-content-area h1,.main-content-area h2,.main-content-area h3,.main-content-area h4{color:var(--ink-0);font-family:var(--font-display)}.main-content-area button,.main-content-area input,.main-content-area label,.main-content-area p,.main-content-area select,.main-content-area span,.main-content-area textarea{font-family:var(--font-body)}:root{--paper-0:#fff;--paper-1:#f7f8f9;--paper-2:#eef0f2;--paper-3:#e1e4e8;--paper-4:#afb4bb;--ink-1:#5a6170;--ink-2:#2b3240;--ink-0:#1b2230;--vermilion-50:#fceae3;--vermilion-100:#f8cdbe;--vermilion-200:#f0a084;--vermilion-400:#de5d2f;--vermilion-500:#d2451a;--vermilion-600:#b33a14;--vermilion-700:#8e2d0e;--ok-50:#e8f1ea;--ok-500:#2f6b43;--warn-50:#fbf1dc;--warn-500:#b07f1f;--danger-50:var(--vermilion-50);--danger-500:var(--vermilion-500);--info-50:#eeeeed;--info-500:var(--ink-1);--bg:var(--paper-0);--bg-raised:var(--paper-1);--bg-hover:var(--paper-2);--border:var(--paper-3);--border-strong:var(--paper-4);--fg:var(--ink-2);--fg-strong:var(--ink-0);--fg-muted:var(--ink-1);--fg-subtle:var(--paper-4);--accent:var(--vermilion-500);--accent-hover:var(--vermilion-600);--accent-press:var(--vermilion-700);--accent-soft:var(--vermilion-50);--on-accent:var(--paper-0);--link:var(--vermilion-600);--font-display:"Inter Tight",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-heading:var(--font-display);--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--fs-4xl:60px;--fs-5xl:84px;--lh-display:1.05;--lh-heading:1.18;--lh-body:1.5;--lh-tight:1.3;--tracking-display:-0.025em;--tracking-heading:-0.015em;--tracking-body:0;--tracking-micro:0.06em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-0:0;--space-px:1px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:96px;--space-14:128px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--border-hair:1px solid var(--border);--border-line:1px solid var(--border-strong);--border-strong-line:1.5px solid var(--ink-0);--shadow-xs:0 1px 0 #1312100a;--shadow-sm:0 1px 2px #1312100f,0 1px 1px #1312100a;--shadow-md:0 6px 16px -4px #13121014,0 2px 4px #1312100a;--shadow-lg:0 18px 40px -12px #13121024,0 4px 10px #1312100d;--shadow-focus:0 0 0 3px #d2451a47;--shadow-inset-hair:inset 0 0 0 1px var(--border);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-emphasized:cubic-bezier(0.3,0,0,1);--dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms;--container-sm:720px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;--content-measure:68ch;--color-bg:var(--paper-0);--color-surface:var(--paper-0);--color-border:var(--paper-3);--color-border-subtle:var(--paper-2);--color-text-primary:var(--ink-0);--color-text-secondary:var(--ink-1);--color-text-muted:var(--paper-4);--color-text-body:var(--ink-2);--color-text-alt:var(--ink-1);--color-shell-bg:var(--paper-1);--color-accent:var(--vermilion-500);--color-accent-hover:var(--vermilion-600);--color-accent-light:var(--vermilion-200);--color-success:var(--ok-500);--color-warning:var(--warn-500);--color-danger:var(--danger-500);--color-info:var(--info-500)}body,html{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-body);font-size:15px;font-size:var(--fs-base);line-height:1.5;line-height:var(--lh-body);text-rendering:optimizeLegibility}body,html{color:#2b3240;color:var(--fg)}.display,.h1,h1{text-wrap:balance;font-size:44px;font-size:var(--fs-3xl)}.display,.display-xl,.h1,h1{color:#1b2230;color:var(--fg-strong);font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-display);font-weight:600;font-weight:var(--fw-semibold);letter-spacing:-.025em;letter-spacing:var(--tracking-display);line-height:1.05;line-height:var(--lh-display)}.display-xl{font-size:84px;font-size:var(--fs-5xl)}.h2,h2{font-size:32px;font-size:var(--fs-2xl)}.h2,.h3,h2,h3{color:#1b2230;color:var(--fg-strong);font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-display);font-weight:600;font-weight:var(--fw-semibold);letter-spacing:-.015em;letter-spacing:var(--tracking-heading);line-height:1.18;line-height:var(--lh-heading)}.h3,h3{font-size:24px;font-size:var(--fs-xl)}.h4,h4{font-size:20px;font-size:var(--fs-lg);font-weight:600;font-weight:var(--fw-semibold)}.h4,.h5,h4,h5{color:#1b2230;color:var(--fg-strong);font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-display);line-height:1.18;line-height:var(--lh-heading)}.h5,h5{font-size:17px;font-size:var(--fs-md);font-weight:500;font-weight:var(--fw-medium)}.body,p{color:#2b3240;color:var(--fg);font-size:15px;font-size:var(--fs-base);line-height:1.5;line-height:var(--lh-body)}.lead{text-wrap:pretty;font-size:20px;font-size:var(--fs-lg);line-height:1.45}.lead,.small{color:#5a6170;color:var(--fg-muted)}.small{font-size:13px;font-size:var(--fs-sm)}.eyebrow,.micro{color:#5a6170;color:var(--fg-muted);font-size:12px;font-size:var(--fs-xs)}.eyebrow{font-weight:500;font-weight:var(--fw-medium);letter-spacing:.06em;letter-spacing:var(--tracking-micro);text-transform:uppercase}.code,.eyebrow,.mono,code{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono)}.code,.mono,code{color:#2b3240;color:var(--fg);font-size:.92em}.numeric{font-feature-settings:"tnum";font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}a{color:#b33a14;color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .12s cubic-bezier(.2,0,0,1);transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:#8e2d0e;color:var(--accent-press)}:where(a,button,input,select,textarea,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 3px #d2451a47;box-shadow:var(--shadow-focus);outline:none}hr{border:0;border-top:1px solid #e1e4e8;border-top:var(--border-hair);margin:32px 0;margin:var(--space-8) 0}::selection{background:#f8cdbe;background:var(--vermilion-100);color:#1b2230;color:var(--ink-0)}.confirm-overlay{align-items:center;animation:confirm-fade-in .18s ease both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:99998}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:confirm-scale-in .22s cubic-bezier(.34,1.56,.64,1) both;background:var(--paper-0);border-radius:var(--radius-md);box-shadow:0 20px 48px #00000026,0 4px 12px #00000014;max-width:400px;padding:1.75rem;width:calc(100% - 2rem)}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.confirm-icon-wrap{align-items:center;border-radius:var(--radius-pill);display:flex;height:44px;justify-content:center;margin-bottom:1rem;width:44px}.confirm-icon-wrap.danger{background:var(--danger-50);color:var(--danger-500)}.confirm-icon-wrap.warning{background:var(--warn-50);color:var(--warn-500)}.confirm-icon-wrap.info{background:var(--info-50);color:var(--info-500)}.confirm-title{color:var(--ink-0);font-size:1rem;font-weight:600;margin:0 0 .5rem}.confirm-message{color:var(--ink-1);font-size:.875rem;line-height:1.6;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.625rem;justify-content:flex-end}.confirm-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.125rem;transition:all var(--dur-fast) var(--ease-standard)}.confirm-btn-cancel{background:var(--paper-1);color:var(--ink-1)}.confirm-btn-cancel:hover{background:var(--paper-3);color:var(--ink-0)}.confirm-btn-confirm{color:var(--paper-0)}.confirm-btn-confirm.danger,.confirm-btn-confirm.danger:hover{background:var(--danger-500)}.confirm-btn-confirm.warning,.confirm-btn-confirm.warning:hover{background:var(--warn-500)}.confirm-btn-confirm.info,.confirm-btn-confirm.info:hover{background:var(--info-500)}.profile-popup-overlay{animation:fadeIn .22s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a7a;inset:0;position:fixed;z-index:1999}.profile-popup{animation:modalSlideUp .24s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,var(--paper-0),var(--paper-1));border:1px solid #e2e8f0f2;border-radius:22px;box-shadow:0 30px 80px #0f172a38;display:flex;flex-direction:column;left:50%;max-height:min(88vh,860px);overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(92vw,680px);z-index:2000}.profile-popup-header{align-items:center;background:radial-gradient(circle at top right,#d2451a1a,#0000 28%),linear-gradient(180deg,var(--paper-0),var(--paper-1));border-bottom:1px solid var(--paper-3);display:flex;gap:1rem;justify-content:space-between;padding:1.2rem 1.35rem}.profile-popup-title-group{align-items:center;display:flex;gap:.6rem}.profile-popup-title-group h2,.profile-popup-title-group h3,.profile-popup-title-group h4{color:var(--ink-0);font-size:1.05rem;font-weight:600;margin:0}.profile-popup-close{align-items:center;background:#ffffffd9;border:1px solid var(--paper-3);border-radius:var(--radius-pill);color:var(--ink-1);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background var(--dur-fast) var(--ease-standard),color .15s ease,border-color .15s ease,transform .15s ease;width:36px}.profile-popup-close:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--ink-0)}.profile-popup-content{display:flex;flex:1 1;flex-direction:column;gap:1.2rem;overflow-y:auto;padding:1.35rem}.profile-popup-loading{color:var(--ink-1);padding:3rem;text-align:center}.profile-popup-header-section{grid-gap:1.1rem;align-items:center;background:radial-gradient(circle at top right,#d2451a14,#0000 24%),linear-gradient(180deg,var(--paper-0),var(--paper-1));border:1px solid var(--paper-3);border-radius:var(--radius-md);display:grid;gap:1.1rem;grid-template-columns:auto 1fr auto;padding:1.35rem}.profile-popup-avatar{border:4px solid var(--paper-0);border-radius:var(--radius-pill);box-shadow:0 18px 40px #0f172a1f;cursor:pointer;flex-shrink:0;height:92px;overflow:hidden;position:relative;width:92px}.profile-popup-avatar img{height:100%;object-fit:cover;width:100%}.profile-popup-avatar-placeholder{background:linear-gradient(135deg,var(--ok-500),var(--ok-500));display:flex;font-size:1.65rem;font-weight:600;height:100%;width:100%}.profile-popup-avatar-badge,.profile-popup-avatar-placeholder{align-items:center;color:var(--paper-0);justify-content:center}.profile-popup-avatar-badge{background:var(--ok-500);border:2px solid var(--paper-0);border-radius:var(--radius-pill);bottom:2px;display:inline-flex;height:26px;position:absolute;right:2px;width:26px}.profile-popup-info{min-width:0}.profile-popup-info h3{color:var(--ink-0);font-size:1.32rem;font-weight:600;margin:0 0 .2rem}.profile-popup-meta-line{align-items:center;color:var(--ink-1);display:flex;font-size:.92rem;gap:.42rem}.profile-popup-meta-line.is-secondary{font-size:.86rem;margin-top:.2rem}.profile-popup-meta-line.is-tertiary{color:var(--ink-1);font-size:.78rem;margin-top:.7rem}.profile-popup-meta-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.profile-popup-chip{align-items:center;background:var(--paper-1);border:1px solid var(--info-50);border-radius:var(--radius-pill);color:var(--vermilion-700);display:inline-flex;font-size:.78rem;font-weight:600;padding:.38rem .68rem}.profile-popup-edit-section,.profile-popup-view{display:flex;flex-direction:column;gap:1.2rem}.profile-popup-password-panel,.profile-popup-section,.profile-popup-theme-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:1rem 1.05rem}.profile-popup-theme-card{align-items:center;display:flex;gap:1rem;justify-content:space-between}.profile-popup-theme-copy{align-items:center;color:var(--ink-0);display:flex;gap:.65rem}.profile-popup-theme-copy span,.profile-popup-theme-copy strong{display:block}.profile-popup-theme-copy strong{font-size:.92rem}.profile-popup-theme-copy span{color:var(--ink-1);font-size:.8rem}.profile-popup-link-btn{background:none;border:none;color:var(--vermilion-700);cursor:pointer;font-size:.82rem;font-weight:600}.profile-popup-section-surface{background:linear-gradient(180deg,var(--paper-0),var(--paper-1))}.profile-popup-section-title{align-items:center;color:var(--ink-1);display:flex;font-size:.8rem;font-weight:600;gap:.42rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.profile-popup-about-text,.profile-popup-section-value{color:var(--ink-0);font-size:.92rem;line-height:1.6;margin:0}.profile-popup-role-badge{align-items:center;background:var(--info-50);border-radius:var(--radius-pill);color:var(--ok-500);display:inline-flex;font-size:.78rem;font-weight:600;padding:.36rem .7rem}.profile-popup-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-popup-portfolio-link{align-items:center;color:var(--vermilion-700);display:inline-flex;font-size:.9rem;font-weight:600;gap:.35rem;text-decoration:none}.profile-popup-edit-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.9rem}.profile-popup-form{grid-gap:1rem;display:grid;gap:1rem}.profile-popup-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-popup-label{color:var(--ink-1);display:block;font-size:.82rem;font-weight:600;margin-bottom:.45rem}.profile-popup-input{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--ink-0);font-size:.94rem;min-height:44px;outline:none;padding:.75rem .9rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.profile-popup-input:focus{border-color:var(--ink-1);box-shadow:0 0 0 4px #94a3b829}.profile-popup-textarea{min-height:108px;resize:vertical}.profile-popup-form-actions,.profile-popup-signout-wrap{margin-top:.25rem}.profile-popup-primary-btn,.profile-popup-secondary-btn,.profile-popup-signout-btn{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.45rem;justify-content:center;min-height:40px;padding:.72rem 1rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.profile-popup-primary-btn{background:var(--vermilion-700);border:1px solid #0000;color:var(--paper-0)}.profile-popup-primary-btn:hover:not(:disabled){background:var(--vermilion-700);box-shadow:0 14px 30px #4f46e538}.profile-popup-secondary-btn{background:var(--paper-0);border:1px solid var(--paper-3);color:var(--ink-0)}.profile-popup-secondary-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-3)}.profile-popup-signout-btn{border:1px solid var(--danger-50);color:var(--danger-500);width:100%}.profile-popup-signout-btn,.profile-popup-signout-btn:hover:not(:disabled){background:var(--danger-50)}.profile-popup-primary-btn.is-full,.profile-popup-secondary-btn.is-full{width:100%}.profile-popup-password-title{margin-bottom:1rem}.profile-popup-upload-modal{border-radius:var(--radius-md);overflow:hidden}.profile-popup-upload-header{background:var(--paper-1)}.profile-popup-upload-header h3{font-size:1.1rem;font-weight:600;margin:0}.profile-popup-upload-content{padding:2rem}.profile-popup-upload-tip{color:var(--ink-1);margin-top:1.5rem}@media (max-width:640px){.profile-popup{border-radius:var(--radius-md);max-height:calc(100vh - 1rem);width:calc(100vw - 1rem)}.profile-popup-content,.profile-popup-upload-content{padding:1rem}.profile-popup-form-grid,.profile-popup-grid,.profile-popup-header-section{grid-template-columns:1fr}.profile-popup-edit-header,.profile-popup-theme-card{align-items:flex-start;flex-direction:column}.profile-popup-primary-btn,.profile-popup-secondary-btn{width:100%}}.login-page-container{background:var(--paper-1);color:var(--ink-2);display:grid;grid-template-columns:minmax(480px,1fr) minmax(0,1fr);min-height:100vh;overflow:hidden;position:relative;width:100%}.login-page-container:before{background-image:linear-gradient(90deg,rgba(27,34,48,.045) 1px,#0000 0),linear-gradient(0deg,rgba(27,34,48,.038) 1px,#0000 0);background-size:40px 40px;content:"";inset:0;opacity:.42;pointer-events:none;position:absolute}.login-left-panel{align-items:flex-end;background:#0000;border-right:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-8) var(--space-10) clamp(var(--space-8),8vw,var(--space-13));position:relative;z-index:1}.login-content-wrapper{margin:0;max-width:392px;position:relative;width:100%;z-index:1}.login-brand{align-items:center;color:var(--ink-0);cursor:pointer;display:inline-flex;gap:10px;margin-bottom:var(--space-9);transition:opacity var(--dur-fast) var(--ease-standard)}.login-brand:hover{opacity:.72}.login-brand-logo{color:var(--ink-0);display:block}.login-header{margin-bottom:var(--space-7)}.login-heading{color:var(--ink-0);font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:var(--tracking-heading);line-height:var(--lh-heading);margin:0}.login-subtitle{color:var(--ink-1);font-size:14px;line-height:1.5;margin:var(--space-3) 0 0}.login-page-container .form-group{margin-bottom:var(--space-5)}.login-page-container .form-label{color:var(--ink-2);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.login-page-container .form-input{-webkit-text-fill-color:var(--ink-0)!important;background:#ffffffdb!important;border:1px solid var(--paper-3)!important;border-radius:var(--radius-sm);caret-color:var(--ink-0);color:var(--ink-0)!important;font-size:14px;height:40px;line-height:1.2;outline:none;padding:0 12px!important;transform:none!important;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);width:100%}.login-page-container .form-input::placeholder{-webkit-text-fill-color:var(--paper-4)!important;color:var(--paper-4)!important}.login-page-container .form-input:-webkit-autofill,.login-page-container .form-input:-webkit-autofill:focus,.login-page-container .form-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink-0)!important;border-color:var(--paper-3)!important;box-shadow:0 0 0 1000px var(--paper-0) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-page-container .form-input:hover{background:var(--paper-0)!important;border-color:var(--paper-4)!important}.login-page-container .form-input:focus{background:var(--paper-0)!important;border-color:var(--vermilion-500)!important;box-shadow:var(--shadow-focus)!important}.auth-password-toggle,.onboard-password-toggle{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:13px;font-weight:500;height:32px;min-width:40px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.auth-password-toggle:hover,.onboard-password-toggle:hover{background:var(--paper-2);color:var(--ink-0)}.login-page-container .form-actions{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin:var(--space-4) 0 var(--space-6)}.login-page-container .remember-me{align-items:center;color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:13px;gap:8px}.login-page-container .remember-me input{accent-color:var(--vermilion-500)}.login-page-container .forgot-password{color:var(--vermilion-700);font-size:13px;font-weight:500;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.login-page-container .forgot-password:hover{color:var(--vermilion-500)}.login-btn{background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);cursor:pointer;font-size:14px;font-weight:500;min-height:40px;padding:8px 14px;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);width:100%}.login-btn:hover:not(:disabled){background:var(--vermilion-600)}.login-btn:active:not(:disabled){background:var(--vermilion-700);transform:translateY(1px)}.login-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.auth-alert{border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:13px;line-height:1.45;margin-bottom:var(--space-5);padding:10px 12px}.auth-alert-danger{background:var(--danger-50);border-color:var(--vermilion-100);color:var(--danger-500)}.auth-alert-warning{background:var(--warn-50);border-color:#b07f1f3d;color:#7a581a}.auth-alert-info{background:var(--vermilion-50);border-color:var(--vermilion-100);color:var(--vermilion-700)}.auth-alert-stack{display:flex;flex-direction:column;gap:var(--space-3)}.auth-alert-title{color:inherit;font-size:13px;font-weight:600;margin:0}.auth-alert-copy{color:inherit;font-size:13px;margin:4px 0 0}.auth-alert-inline-success{background:var(--ok-50);color:var(--ok-500);padding:6px 8px}.auth-alert-inline-success,.auth-inline-action{border-radius:var(--radius-sm);font-size:13px;margin-top:var(--space-3);width:fit-content}.auth-inline-action{background:var(--vermilion-500);border:1px solid #0000;color:var(--on-accent);cursor:pointer;font-weight:500;min-height:36px;padding:7px 10px}.auth-inline-action:hover:not(:disabled){background:var(--vermilion-600)}.auth-inline-action:disabled{cursor:not-allowed;opacity:.45}.login-right-panel{align-items:center;background:#0000;display:flex;justify-content:center;padding:var(--space-10) clamp(var(--space-8),7vw,var(--space-12));position:relative}.auth-hero-figure{aspect-ratio:5/4;background:radial-gradient(circle,var(--paper-3) 1px,#0000 1px) 0 0 /16px 16px,#f7f8f9b8;border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--ink-0);overflow:hidden;position:relative;width:min(520px,100%);z-index:1}.auth-hero-figure svg{height:100%;inset:0;position:absolute;width:100%}.auth-hero-path{stroke:var(--vermilion-500)}.auth-hero-label,.auth-hero-point{fill:var(--vermilion-500)}.auth-hero-label{font-family:var(--font-mono);font-size:10px}@media (max-width:1024px){.login-page-container{display:flex;flex-direction:column;overflow-y:auto}.login-left-panel{align-items:stretch;border-bottom:1px solid #e1e4e8b8;border-right:0;min-width:0;min-width:auto;padding:var(--space-8);width:100%}.login-content-wrapper{margin:0 auto}.login-right-panel{min-height:320px;padding:var(--space-8)}}@media (max-width:640px){.login-left-panel,.login-right-panel{padding:var(--space-7) var(--space-5)}.form-actions{align-items:flex-start;flex-direction:column}.login-heading{font-size:28px}.auth-hero-figure{width:100%}}.reveal{opacity:0;transform:translateY(8px);transition:opacity var(--dur-slow) var(--ease-standard),transform var(--dur-slow) var(--ease-standard);will-change:opacity,transform}.reveal.is-revealed{opacity:1;transform:none;will-change:auto}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}.lp{--lp-content-max:1200px;--lp-page-gutter:32px;--lp-content-inner:calc(var(--lp-content-max) - var(--lp-page-gutter)*2);background:var(--paper-0);color:var(--ink-0);font-family:var(--font-body);min-height:100vh;overflow-x:clip;position:relative;z-index:1}.desktop-only{display:flex}.lp-nav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid var(--paper-3);box-shadow:none;position:sticky;top:0;transition:background var(--dur-base) var(--ease-standard);z-index:100}.lp-nav--scrolled{background:#ffffffeb!important;box-shadow:none!important}.lp-nav-inner{gap:2.5rem;height:68px;justify-content:space-between;margin:0 auto;max-width:var(--lp-content-max);padding:0 var(--lp-page-gutter)}.lp-nav-inner,.lp-nav-logo{align-items:center;display:flex}.lp-nav-logo{color:var(--ink-0);flex-shrink:0;font-size:1.25rem;font-weight:800;gap:.35rem;letter-spacing:-.03em;line-height:1;text-decoration:none}.lp-nav-logo svg{flex-shrink:0;height:30px;width:30px}.lp-nav-logo-text{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em}.lp-nav-logo-accent,.lp-nav-logo-text{color:var(--ink-0)}.landing-logo{align-items:center;color:var(--paper-0);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:800;gap:.35rem;letter-spacing:-.03em;line-height:1;text-decoration:none}.landing-logo svg{flex-shrink:0;height:1.1em;width:1.1em}.lp-nav-links{flex:1 1;gap:1rem;justify-content:center}.lp-nav-link,.lp-nav-links{align-items:center;display:flex}.lp-nav-link{border-radius:6px;color:var(--ink-1);cursor:pointer;font-size:1rem;font-weight:500;gap:.3rem;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease,background .15s ease;white-space:nowrap}.lp-nav-link:hover{background:var(--paper-2);color:var(--ink-0)}.lp-nav-dropdown-wrap{position:relative}.lp-nav-dropdown{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.25rem;left:50%;min-width:260px;opacity:0;padding:.4rem;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transform:translateX(-50%) translateY(-4px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;visibility:hidden;z-index:200}.lp-nav-dropdown-wrap:hover .lp-nav-dropdown{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.lp-nav-dropdown-item{align-items:flex-start;border-radius:var(--radius-sm);color:var(--ink-2);display:flex;gap:.75rem;padding:.65rem .75rem;text-decoration:none;transition:background .15s ease}.lp-nav-dropdown-item:hover{background:var(--paper-2)}.lp-nav-dropdown-item svg{color:var(--vermilion-500);flex-shrink:0;margin-top:1px}.lp-nav-dropdown-title{color:var(--ink-0);font-size:.875rem;font-weight:600;line-height:1.2}.lp-nav-dropdown-sub{color:var(--paper-4);font-size:.775rem;margin-top:2px}.lp-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.lp-nav-ghost{border-radius:var(--radius-sm);color:var(--ink-1);font-size:.95rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease,background .15s ease}.lp-nav-ghost:hover{background:var(--paper-2);color:var(--ink-0)}.lp-nav-cta{align-items:center;background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);box-shadow:none;color:var(--on-accent);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.45rem;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.lp-nav-cta:hover{background:var(--vermilion-600)}.lp-nav-cta:active{background:var(--vermilion-700);transform:translateY(1px)}.mobile-menu-btn{background:#0000;border:none;border-radius:6px;color:var(--ink-2);cursor:pointer;display:none;padding:.35rem}.lp-mobile-menu{backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);background:#ffffffe0;display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:1.25rem 1.5rem 2rem;position:fixed;z-index:1000}.lp-mobile-menu-header{align-items:center;border-bottom:1px solid #e2e8f0cc;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.lp-mobile-close{background:#0000;border:none;color:var(--ink-1);cursor:pointer;padding:.35rem}.lp-mobile-links{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.lp-mobile-link{border-bottom:1px solid #f1f5f9e6;color:var(--ink-2);font-size:1rem;font-weight:500;padding:.75rem .5rem;text-decoration:none;transition:color .15s ease}.lp-mobile-link:hover{color:var(--vermilion-500)}.lp-mobile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.lp-eyebrow{color:var(--vermilion-500);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.lp-eyebrow--light{color:#ffffffbf}.hero{display:flex;min-height:calc(100svh - 68px);padding:0}.hero,.hero-inner{align-items:center;width:100%}.hero-inner{grid-gap:clamp(48px,6vw,80px);box-sizing:border-box;display:grid;gap:clamp(48px,6vw,80px);grid-template-columns:1.05fr .95fr;margin:0 auto;max-width:var(--lp-content-max);min-height:inherit;padding:72px var(--lp-page-gutter) 56px}.hero-eyebrow{color:var(--vermilion-500);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:0;text-transform:uppercase}.hero h1{text-wrap:pretty;color:var(--ink-0);font-family:var(--font-display);font-size:64px;font-weight:600;letter-spacing:-.028em;line-height:1.04;margin:18px 0 22px}.hero h1 em{color:var(--vermilion-500);font-style:normal}.hero-inner>div>p{color:var(--ink-1);font-size:18px;line-height:1.55;margin:0 0 32px;max-width:480px}.hero-ctas{align-items:center;display:flex;gap:12px}.hero-btn-primary{align-items:center;background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:15px;font-weight:500;gap:8px;padding:12px 22px;text-decoration:none;transition:background .12s var(--ease-standard)}.hero-btn-primary:hover{background:var(--vermilion-600)}.hero-btn-primary:hover .hero-arrow{transform:translate(1px,-1px)}.hero-arrow{transition:transform .12s var(--ease-standard)}.hero-meta{align-items:center;color:var(--ink-1);display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-top:28px}.hero-meta span{align-items:center;display:inline-flex;gap:6px}.hero-check{color:var(--vermilion-500)}.hero-figure{background:#0000;border:0;border-radius:0;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#0000,#0000008c 8%,#000 18%,#000),linear-gradient(180deg,#000000b8,#000 14%,#000);mask-image:linear-gradient(90deg,#0000,#0000008c 8%,#000 18%,#000),linear-gradient(180deg,#000000b8,#000 14%,#000);min-width:0;overflow:hidden;position:relative}.hero-figure:after{content:none}.hero-figure-poster,.hero-figure-video{display:block;height:auto;transform:scale(1.05);transform-origin:center;width:100%}.hero-figure-poster{filter:saturate(.98) contrast(.98);inset:0;object-fit:cover;opacity:1;position:absolute}.hero-figure-video{mix-blend-mode:normal;opacity:0;position:relative;transition:opacity var(--dur-base) var(--ease-standard)}.hero-figure-video.is-ready{opacity:1}.logos{border-bottom:1px solid var(--paper-3);border-top:1px solid var(--paper-3);margin-top:-1px;overflow-x:auto}.logos-inner{align-items:center;display:flex;gap:32px;justify-content:space-between;margin:0 auto;max-width:var(--lp-content-max);padding:20px var(--lp-page-gutter)}.logos-lab{color:var(--ink-1);flex-shrink:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.logos-row{color:var(--paper-4);display:flex;flex-wrap:wrap;font-family:var(--font-display);font-size:15px;gap:36px;letter-spacing:-.02em}.logos-row,.lp-btn-primary{align-items:center;font-weight:500}.lp-btn-primary{background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);cursor:pointer;display:inline-flex;font-size:14px;gap:.45rem;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.lp-btn-primary:hover{background:var(--vermilion-600)}.lp-btn-primary:active{background:var(--vermilion-700);transform:translateY(1px)}.lp-btn-primary--white{background:var(--paper-0);color:var(--vermilion-500)}.lp-btn-primary--white:hover{background:var(--vermilion-50);color:var(--vermilion-600)}.lp-btn-primary--white:active{background:var(--vermilion-100);color:var(--vermilion-700)}.lp-hero-img{border-radius:0;display:block;height:auto;max-height:min(80svh,calc(100svh - 5.5rem));max-width:1140px;width:min(126%,1140px)}.lp-float{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:none;min-width:160px;padding:.85rem 1rem;position:absolute}.lp-float-1{animation:float-bob 5s ease-in-out infinite;min-width:180px;right:2%;top:14%}.lp-float-2{align-items:center;animation:float-bob 6s ease-in-out 1s infinite;bottom:22%;display:flex;gap:.65rem;left:4%;min-width:200px}.lp-float-3{animation:float-bob 5.5s ease-in-out 2s infinite;bottom:6%;min-width:170px;right:4%}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.lp-float{animation:none!important}}.lp-float-label{color:var(--ink-0);font-size:.78rem;font-weight:600;margin-bottom:.35rem}.lp-float-status{align-items:center;color:var(--ink-1);display:flex;font-size:.72rem;gap:.4rem;margin-bottom:.5rem}.lp-float-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.lp-float-dot--amber,.lp-float-dot--purple{background:var(--vermilion-500)}.lp-float-bar{background:var(--paper-3);border-radius:999px;height:4px;overflow:hidden}.lp-float-bar-fill{background:var(--vermilion-500);border-radius:999px;height:100%}.lp-float-pct{color:var(--paper-4);font-size:.68rem;margin-top:.3rem;text-align:right}.lp-float-icon{align-items:center;background:#d2451a1a;border-radius:8px;color:var(--vermilion-500);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.lp-float-sub{color:var(--paper-4);font-size:.68rem;margin-top:1px}.lp-float-avatars{display:flex;margin-top:.45rem}.lp-float-avatar{align-items:center;border:2px solid #fffc;border-radius:50%;color:#fff;display:flex;font-size:.52rem;font-weight:700;height:22px;justify-content:center;width:22px}section.block{border-top:1px solid var(--paper-3);margin:0 auto;max-width:var(--lp-content-max);padding:92px var(--lp-page-gutter)}.comparison-block+section.block,.logos+section.block{border-top:0}.comparison-block{border-bottom:1px solid var(--paper-3)}.comparison-head{margin:0 auto;max-width:var(--lp-content-max);padding:88px var(--lp-page-gutter) 28px}.comparison-wrap{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;margin:0 auto;max-width:1040px;padding:0 1.5rem 4rem;position:relative}.comparison-panel{border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:1.4rem;padding:2rem}.comparison-panel--before{background:var(--paper-1);border:1px solid var(--paper-3)}.comparison-panel--after{background:var(--vermilion-50);border:1px solid var(--vermilion-100);box-shadow:var(--shadow-sm)}.comparison-label{color:var(--ink-1);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.comparison-label--after{color:var(--vermilion-700)}.comparison-items{grid-gap:.95rem;display:grid;gap:.95rem;list-style:disc;list-style-position:outside;margin:0;padding:0 0 0 1.1rem}.comparison-item{color:var(--ink-1);display:list-item;font-size:.95rem;line-height:1.6;text-align:left}.comparison-item--after{color:var(--ink-0);font-weight:500}.comparison-panel--before .comparison-items{color:var(--paper-4)}.comparison-panel--after .comparison-items{color:var(--vermilion-500)}.comparison-logo-area{align-items:center;display:flex;justify-content:flex-start;overflow:visible;position:relative}.comparison-waves{height:320px;margin-right:-10px;overflow:visible;width:100%}.cw-path{stroke:#d2451ae6;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cw-flow 2.6s linear infinite;animation-delay:0s;animation-delay:var(--cw-delay,0s);opacity:0}.cw-path--soft{stroke:#d2451a4d;stroke-width:1.2}.comparison-logo-mark{align-items:center;display:flex;position:absolute;right:-6px;top:50%;transform:translateY(-50%)}.comparison-logo-plaque{align-items:center;background:linear-gradient(180deg,#fffffffa,#ffffffeb);border-radius:16px;box-shadow:0 0 0 1px #d2451a1f,0 0 24px #d2451a2e,var(--shadow-sm);display:inline-flex;height:64px;justify-content:center;width:64px}@keyframes cw-flow{0%{stroke-dashoffset:1;opacity:0}12%{opacity:1}88%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (max-width:768px){.comparison-wrap{gap:1rem;grid-template-columns:1fr;padding:3rem 1.5rem}.comparison-logo-area{display:none}}.block-eyebrow{color:var(--vermilion-500);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:0;text-transform:uppercase}.section-head{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1.6fr;margin-bottom:56px}.section-head h2{color:var(--ink-0);font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.022em;line-height:1.1;margin:12px 0 0}.section-head p{align-self:end;color:var(--ink-1);font-size:17px;line-height:1.55;margin:0}.features{grid-gap:1px;background:var(--paper-3);border:1px solid var(--paper-3);border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);overflow:hidden}.feature{background:var(--paper-0);display:flex;flex-direction:column;gap:14px;padding:32px}.feature-icon{align-items:center;background:var(--paper-1);border-radius:var(--radius-md);color:var(--ink-0);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.feature-icon--accent{background:var(--vermilion-50);color:var(--vermilion-500)}.feature h3{color:var(--ink-0);font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.018em;margin:0}.feature p{color:var(--ink-1);font-size:14px;line-height:1.6;margin:0}section.block.product-band{background:var(--paper-1);border-bottom:1px solid var(--paper-3);margin:0;max-width:none;padding:96px var(--lp-page-gutter) 80px}.product-band-cta{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin:40px auto 0;max-width:var(--lp-content-inner)}.product-band-cta-note{color:var(--ink-1);font-size:13px}.product-band>.frame,.product-band>.section-head{margin-left:auto;margin-right:auto;max-width:var(--lp-content-inner)}.product-band .frame{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:16px;overflow:hidden}.product-band .frame-bar{align-items:center;background:var(--paper-0);border-bottom:1px solid var(--paper-3);display:flex;gap:8px;padding:10px 14px}.product-band .frame-dot{background:var(--paper-3);border-radius:50%;height:10px;width:10px}.product-band .frame-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:360px}.product-band .side{background:var(--paper-0);border-right:1px solid var(--paper-3);display:flex;flex-direction:column;gap:4px;padding:18px 14px}.product-band .side .group{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;padding:14px 8px 6px;text-transform:uppercase}.product-band .side .item{align-items:center;border-radius:var(--radius-sm);color:var(--ink-1);display:flex;font-size:13px;font-weight:500;gap:10px;min-width:0;padding:7px 8px}.product-band .side .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-band .side .item svg{color:currentColor;flex-shrink:0}.product-band .side .item.active{background:var(--paper-1);color:var(--ink-0);position:relative}.product-band .side .item.active:before{background:var(--vermilion-500);bottom:8px;content:"";left:-14px;position:absolute;top:8px;width:2px}.product-slides-outer{flex:1 1;min-width:0;overflow:hidden}.product-slides{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.product-slide{flex:0 0 100%;min-width:0}.product-band .main{min-width:0}.product-band .main,.product-band .product-slide{background:var(--paper-0);display:flex;flex-direction:column;gap:18px;padding:22px}.product-row-last{align-items:center;display:flex;gap:8px}.product-row-actions{display:flex;gap:3px}.product-row-action{align-items:center;background:var(--paper-2);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;height:22px;justify-content:center;transition:background .12s var(--ease-standard),color .12s var(--ease-standard);width:22px}.product-row-action:hover{background:var(--paper-3);color:var(--ink-0)}.product-frame-dots{align-items:center;border-top:1px solid var(--paper-3);display:flex;gap:7px;justify-content:center;padding:12px 0}.product-frame-dot{background:var(--paper-3);border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:background .2s var(--ease-standard),transform .2s var(--ease-standard);width:6px}.product-frame-dot--active{background:var(--vermilion-500);transform:scale(1.5)}.product-band .breadcrumb{color:var(--ink-1);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.product-band .main h4{text-wrap:balance;color:var(--ink-0);font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.18;margin:8px 0 0}.product-band .stat-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.product-band .stat{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);min-width:0;padding:12px 14px}.product-band .stat .v{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}.product-band .stat .k{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.product-band .table{border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.product-band .table .tr{grid-gap:12px;align-items:center;border-bottom:1px solid var(--paper-3);color:var(--ink-2);display:grid;font-size:13px;gap:12px;grid-template-columns:minmax(150px,2fr) minmax(120px,1fr) minmax(78px,.75fr) minmax(116px,.95fr);line-height:1.4;padding:11px 14px}.product-band .table .tr:last-child{border-bottom:0}.product-band .table .th{background:var(--paper-1);color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.product-band .table .num{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.product-band .pill{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11.5px;font-weight:500;gap:6px;padding:2px 8px;white-space:nowrap}.product-band .pill .dot{background:currentColor;border-radius:50%;height:6px;width:6px}.product-band .pill.ok{background:var(--ok-50);color:var(--ok-500)}.product-band .pill.warn{background:var(--warn-50);color:var(--warn-500)}.product-band .pill.due{background:var(--danger-50);color:var(--danger-500)}@media (max-width:900px){.section-head{gap:24px;grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.product-band .frame-body{grid-template-columns:180px minmax(0,1fr)}.product-band .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.product-band .table{overflow-x:auto}.product-band .table .tr{min-width:640px}}@media (max-width:640px){section.block,section.block.product-band{padding:72px var(--lp-page-gutter)}.section-head h2{font-size:30px}.features,.product-band .frame-body{grid-template-columns:1fr}.product-band .side{border-bottom:1px solid var(--paper-3);border-right:0;max-height:188px;overflow:hidden}.product-band .main{padding:18px}.product-band .stat-row{grid-template-columns:1fr}}.lp-strip{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffff8c;border-bottom:1px solid #e2e8f099;border-top:1px solid #fffc;box-shadow:inset 0 1px 0 #ffffffe6;gap:2rem;justify-content:space-between;overflow-x:auto;padding:1.25rem 6rem}.lp-strip,.lp-strip-item{align-items:center;display:flex}.lp-strip-item{flex-shrink:0;gap:.65rem;white-space:nowrap}.lp-strip-icon{color:var(--vermilion-500)}.lp-strip-label{color:var(--ink-0);font-size:.88rem;font-weight:600}.lp-strip-sub{color:var(--paper-4);font-size:.75rem}.lp-feature-story{background:#fbfaf8;height:100svh;position:relative;z-index:1}.lp-fluid-bg{inset:0;overflow:hidden;position:fixed}.lp-fluid-bg,.lp-top-mask{pointer-events:none;z-index:0}.lp-top-mask{background:linear-gradient(180deg,#ffffffd1 30%,#ffffff4d 70%,#0000);height:130vh;left:0;position:absolute;right:0;top:0}.lp-fluid-orb{border-radius:60% 40% 70% 30%/50% 60% 40% 50%;filter:blur(90px);opacity:1;position:absolute}.lp-fluid-orb--1{animation:orb-morph-1 14s ease-in-out infinite alternate;background:#d2451a2e;height:900px;left:-18%;top:30%;width:900px}.lp-fluid-orb--2{animation:orb-morph-2 11s ease-in-out infinite alternate;background:#d2451a21;bottom:5%;height:700px;right:-15%;width:700px}.lp-fluid-bg:after{animation:orb-morph-2 17s ease-in-out 4s infinite alternate;background:#ffa05a1a;border-radius:45% 55% 65% 35%/55% 45% 55% 45%;content:"";filter:blur(100px);height:600px;left:40%;pointer-events:none;position:absolute;top:60%;width:600px}@keyframes orb-morph-1{0%{border-radius:60% 40% 70% 30%/50% 60% 40% 50%;transform:translate(0)}33%{border-radius:40% 60% 30% 70%/60% 40% 55% 45%;transform:translate(60px,40px)}66%{border-radius:55% 45% 65% 35%/45% 55% 35% 65%;transform:translate(-30px,80px)}to{border-radius:35% 65% 45% 55%/55% 45% 65% 35%;transform:translate(40px,-20px)}}@keyframes orb-morph-2{0%{border-radius:50% 50% 40% 60%/40% 60% 50% 50%;transform:translate(0)}33%{border-radius:65% 35% 55% 45%/50% 50% 60% 40%;transform:translate(-50px,-30px)}66%{border-radius:40% 60% 70% 30%/60% 40% 45% 55%;transform:translate(30px,-60px)}to{border-radius:60% 40% 45% 55%/35% 65% 50% 50%;transform:translate(-20px,40px)}}.lp-feature-stage{background:#fbfaf8;height:100svh;overflow:hidden;position:sticky;top:0}.lp-feature-screen{background:#fbfaf8;inset:0;position:absolute}.lp-feature-screen--active{animation:lp-feature-fade-in .22s ease-out}.lp-feature-screen:before{background:linear-gradient(90deg,#0f172a0a 1px,#0000 0),linear-gradient(0deg,rgba(15,23,42,.035) 1px,#0000 0);background-size:72px 72px;content:"";inset:0;opacity:.18;pointer-events:none;position:absolute}.lp-feature-screen-inner{grid-gap:4rem;align-items:center;box-sizing:border-box;display:grid;gap:4rem;grid-template-columns:minmax(20rem,.75fr) minmax(0,1.25fr);margin:0 auto;max-width:1320px;min-height:100%;padding:6.25rem 4rem 4rem;position:relative;z-index:1}.lp-feature-screen-copy{color:#1f2937;display:flex;flex-direction:column;max-width:33rem;min-width:0;padding:0}.lp-feature-screen-top{align-items:center;display:flex;gap:.9rem;margin-bottom:1.25rem}.lp-feature-screen-eyebrow{color:#9a6a51;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lp-feature-screen-icon{align-items:center;background:#fff4ef;border:1px solid #d2451a2e;border-radius:8px;color:var(--vermilion-500)!important;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.lp-feature-screen-kicker{align-items:center;display:flex;gap:.75rem;margin-bottom:1.4rem;min-width:0}.lp-feature-screen-caption,.lp-feature-screen-count{font-feature-settings:"tnum";color:#8b6f61;font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.12em}.lp-feature-screen-line{background:#8b6f6147;flex-shrink:0;height:1px;width:4.5rem}.lp-feature-screen-title{text-wrap:balance;color:var(--ink-0);font-family:var(--font-display);font-size:3.6rem;font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:0 0 1rem}.lp-feature-screen-summary{text-wrap:pretty;color:var(--ink-0);font-size:1.08rem;font-weight:600;line-height:1.55;margin:0 0 .9rem;max-width:31rem}.lp-feature-screen-detail{text-wrap:pretty;color:var(--ink-1);font-size:.98rem;line-height:1.7;margin:0;max-width:31rem}.lp-feature-screen-progress{align-items:center;display:flex;gap:.5rem;margin-top:2rem}.lp-feature-screen-dot{background:#94a3b861;border-radius:999px;height:2px;transition:background .18s ease,width .18s ease;width:1.8rem}.lp-feature-screen-dot--active{background:var(--vermilion-500);width:3.4rem}.lp-feature-screen-preview{align-items:center;display:flex;justify-content:center;min-width:0;padding-top:0}.app-mockup-wrap{background:var(--paper-0);border:1px solid #0000001a;border-radius:8px;box-shadow:0 18px 44px #0f172a1a;display:flex;flex-direction:column;margin-top:0;max-width:680px;min-height:min(68vh,43rem);overflow:hidden;width:100%}.app-mockup-kpis{background:var(--paper-1);border-bottom:1px solid var(--paper-3);display:grid;flex-shrink:0;grid-template-columns:repeat(3,1fr)}.app-mockup-kpis span{border-right:1px solid var(--paper-3);color:var(--ink-2);font-size:.68rem;font-weight:700;min-width:0;overflow:hidden;padding:.55rem .8rem;text-overflow:ellipsis;white-space:nowrap}.app-mockup-kpis span:last-child{border-right:none}.app-mockup-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.mockup-main{background:var(--paper-0);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.mockup-header{align-items:center;border-bottom:1px solid var(--paper-2);display:flex;flex-shrink:0;justify-content:space-between;padding:.7rem 1rem}.mockup-project-name{color:var(--ink-0);font-size:.84rem;font-weight:750;letter-spacing:0}.mockup-project-sub{color:var(--paper-4);font-size:.65rem;margin-top:1px}.mockup-icon-btn{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:6px;color:var(--ink-1);height:28px;justify-content:center;width:28px}.mockup-icon-btn,.mockup-new-btn{align-items:center;cursor:pointer;display:flex}.mockup-new-btn{background:var(--vermilion-500);border-radius:6px;color:var(--paper-0);font-size:.68rem;font-weight:600;gap:3px;padding:.3rem .6rem}.mockup-tabs{background:var(--paper-0);border-bottom:1px solid var(--paper-3);display:flex;flex-shrink:0;gap:0;padding:0 1rem}.mockup-tab{border-bottom:2px solid #0000;color:var(--paper-4);cursor:pointer;font-size:.7rem;font-weight:600;margin-bottom:-1px;padding:.55rem .75rem;white-space:nowrap}.mockup-tab.active{border-bottom-color:var(--vermilion-500);color:var(--vermilion-500);font-weight:600}.mockup-phase-list{flex:1 1;overflow-y:auto;padding:.5rem 0}.mockup-phase{border-bottom:1px solid var(--paper-1)}.mockup-phase-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem 1rem;transition:background .15s ease}.mockup-phase-header:hover{background:var(--paper-1)}.mockup-phase-name{color:var(--ink-0);font-size:.78rem;font-weight:600}.mockup-phase-count{background:var(--paper-2);border-radius:999px;color:var(--paper-4);font-size:.65rem;padding:1px 6px}.mockup-task-list{background:#fafafa;padding:.25rem 0 .5rem}.mockup-task-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.45rem 1rem .45rem 2rem;transition:background .1s ease}.mockup-task-row:hover{background:var(--paper-2)}.mockup-task-title{color:var(--ink-2);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-task-title.done{color:var(--paper-4);text-decoration:line-through}@keyframes lp-feature-fade-in{0%{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.lp-feature-screen--active{animation:none!important}}.hiw-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-bottom:1px solid #e2e8f080;border-top:1px solid #fffc;padding:6rem 2rem}.hiw-inner{margin:0 auto;max-width:1100px;text-align:center}.hiw-eyebrow{color:var(--vermilion-500);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.hiw-headline{color:var(--ink-0);font-family:var(--font-display);font-size:3rem;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 3.5rem}.hiw-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);position:relative;text-align:left}.hiw-step{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffa6;border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 4px 24px #0f172a0f,0 1px 4px #0f172a0a,inset 0 1px 0 #fffffff2;display:flex;flex-direction:column;gap:1rem;padding:1.75rem;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.hiw-step:hover{border-color:#d2451a2e;box-shadow:0 16px 40px #0f172a1a,0 2px 8px #d2451a14,inset 0 1px 0 #fffffff2;transform:translateY(-3px)}.hiw-step-num{background:#d2451a14;border:1px solid #d2451a33;border-radius:6px;color:var(--vermilion-500);font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:.25rem .55rem;width:fit-content}.hiw-connector{display:none}.hiw-step-body{display:flex;flex-direction:column;gap:.4rem}.hiw-step-tag{color:var(--paper-4);font-size:.72rem;font-weight:500;letter-spacing:.03em}.hiw-step-title{color:var(--ink-0);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.hiw-step-desc{color:var(--ink-1);font-size:.875rem;line-height:1.6;margin:0}.lp-switch{background:linear-gradient(180deg,var(--paper-0) 0,#fffdfb 16%,#fbfaf8 100%);overflow:hidden;padding:6.5rem 2rem 7rem;position:relative}.lp-switch:after,.lp-switch:before{content:"";height:7rem;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100vw;z-index:0}.lp-switch:before{background:linear-gradient(180deg,var(--paper-0) 0,#fff0 100%);top:0}.lp-switch:after{background:linear-gradient(180deg,#fbfaf800,#fbfaf8);bottom:0}.lp-switch-inner{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:minmax(0,.74fr) 4.5rem minmax(0,1.26fr);margin:0 auto;max-width:1180px;position:relative;z-index:1}.lp-switch-side{min-width:0}.lp-switch-side--old{max-width:26rem;padding-left:.25rem}.lp-switch-side--new{min-width:0}.lp-switch-kicker{color:var(--vermilion-500);display:inline-flex;font-size:.68rem;font-weight:800;letter-spacing:.14em;margin-bottom:1rem;text-transform:uppercase}.lp-switch-title{text-wrap:balance;color:var(--ink-0);font-family:var(--font-display);font-size:2.35rem;font-weight:600;letter-spacing:-.045em;line-height:1.04;margin:0 0 1.7rem}.lp-switch-side--old .lp-switch-title{font-size:clamp(1.85rem,2.35vw,2.25rem);max-width:9.5em}.lp-switch-side--new .lp-switch-title{font-size:clamp(2.65rem,3.65vw,4.05rem);line-height:.98;margin-bottom:2.1rem;max-width:11em}.lp-switch-stack{grid-gap:0;display:grid;gap:0;position:relative}.lp-switch-tool{grid-gap:.8rem;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:.8rem;grid-template-columns:2.5rem minmax(0,1fr);min-height:4rem}.lp-switch-tool-icon{align-items:center;background:var(--paper-0);border:1px solid #d8dee6;border-radius:8px;color:var(--paper-4);display:inline-flex;height:2rem;justify-content:center;width:2rem}.lp-switch-tool-name{color:var(--ink-0);display:block;font-size:.88rem;font-weight:750;line-height:1.2}.lp-switch-tool-job{color:var(--ink-1);display:block;font-size:.78rem;margin-top:.1rem}.lp-switch-middle{align-items:center;display:flex;height:24rem;justify-content:center;position:relative}.lp-switch-brace{border:1px solid var(--paper-3);border-left:none;border-radius:0 18px 18px 0;bottom:3.5rem;left:.2rem;position:absolute;top:3.5rem;width:2.1rem}.lp-switch-arrow{align-items:center;background:var(--paper-0);border:1px solid var(--paper-2);border-radius:999px;box-shadow:0 14px 34px #0f172a14;color:var(--vermilion-500);display:flex;height:3.3rem;justify-content:center;width:3.3rem;z-index:1}.lp-switch-flow{grid-gap:3.25rem;align-items:center;display:grid;gap:3.25rem;grid-template-columns:minmax(0,1.12fr) 10.25rem;isolation:isolate;position:relative}.lp-switch-benefits{grid-gap:1rem;display:grid;gap:1rem;position:relative;z-index:2}.lp-switch-benefit{grid-gap:.75rem;align-items:center;border-bottom:1px solid #e5e7eb;color:var(--ink-0);display:grid;font-size:.96rem;font-weight:650;gap:.75rem;grid-template-columns:2.25rem minmax(0,1fr);min-height:3.35rem;position:relative}.lp-switch-benefit svg{stroke-width:2;color:var(--vermilion-500)}.lp-switch-signal-field{height:16.25rem;overflow:visible;pointer-events:none;position:absolute;right:6.9rem;top:50%;transform:translateY(-50%);width:19.5rem;z-index:1}.lp-switch-signal-path{fill:none;stroke:url(#switch-signal-gradient);stroke-width:1.25;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.76}.lp-switch-signal-pulse{fill:none;stroke:#d2451abd;stroke-width:1.45;stroke-linecap:round;stroke-dasharray:1 16;stroke-dashoffset:0;vector-effect:non-scaling-stroke;animation:switch-signal-flow 1.8s linear infinite;filter:url(#switch-signal-glow);opacity:.9}.lp-switch-logo-card{align-items:center;background:radial-gradient(circle at 50% 36%,#d2451a1c,#0000 46%),linear-gradient(180deg,#fffffffa,#fffaf7eb);border:1px solid #d2451a1f;border-radius:30px;box-shadow:0 30px 70px #d2451a1f,0 14px 34px #0f172a12,inset 0 1px 0 #fffffff2;display:flex;height:9.4rem;justify-content:center;position:relative;width:9.4rem;z-index:3}.lp-switch-logo-card:before{animation:switch-logo-breathe 5.5s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#d2451a33,#0000 52%),conic-gradient(from 20deg,#0000,#d2451a2e,#0000 38%);border-radius:38px;content:"";filter:blur(12px);inset:-1.25rem;opacity:.68;position:absolute;z-index:-1}.lp-switch-logo-card:after{border:1px solid #d2451a14;border-radius:23px;content:"";inset:.55rem;pointer-events:none;position:absolute}.lp-switch-logo-card svg{color:var(--vermilion-500);filter:drop-shadow(0 10px 18px rgba(210,69,26,.16));height:4.5rem;width:4.5rem}@keyframes switch-signal-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-34}}@keyframes switch-logo-breathe{0%,to{opacity:.46;transform:scale(.96)}50%{opacity:.68;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.lp-switch-logo-card:before,.lp-switch-signal-pulse{animation:none!important}}.lp-india-title{text-wrap:balance;color:var(--ink-0);font-family:var(--font-display);font-size:3.15rem;font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:.75rem 0 1rem}.lp-india{background:#fbfaf8;border-bottom:1px solid var(--paper-2);border-top:1px solid var(--paper-2);padding:5rem 2rem}.lp-india-inner{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin:0 auto;max-width:1180px}.lp-india-list{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.lp-india-item{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:8px;color:var(--ink-2);display:flex;font-size:.92rem;font-weight:600;gap:.7rem;padding:.95rem 1rem}.lp-india-item svg{color:var(--vermilion-500);flex-shrink:0}.lp-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-top:1px solid #e2e8f080;padding:6rem 2rem}.lp-stats-inner{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}.lp-stats-copy{display:flex;flex-direction:column}.lp-stats-title{color:var(--ink-0);font-family:var(--font-display);font-size:3rem;font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:.75rem 0 0}.lp-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.lp-stat{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffa6;border:1px solid #ffffffe6;border-radius:14px;box-shadow:0 4px 24px #0f172a0f,inset 0 1px 0 #fffffff2;padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.lp-stat:hover{border-color:#d2451a2e;box-shadow:0 12px 36px #0f172a1a,0 2px 8px #d2451a0f,inset 0 1px 0 #fffffff2;transform:translateY(-3px)}.lp-stat-value{color:var(--vermilion-500);font-family:var(--font-display);font-size:3rem;font-weight:600;line-height:1;margin-bottom:.5rem}.lp-stat-label{color:var(--ink-1);font-size:.82rem;line-height:1.4}.lp-closing{flex-direction:column;min-height:calc(100svh - 68px)}.lp-closing,.lp-cta{background:var(--vermilion-500);display:flex}.lp-cta{align-items:center;box-sizing:border-box;flex:1 1 auto;justify-content:center;min-height:0;overflow:hidden;padding:clamp(3rem,6vh,4.5rem) 2rem}.lp-cta-inner{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:760px;text-align:center}.lp-cta-title{color:var(--paper-0);font-family:var(--font-display);font-size:clamp(3.1rem,5vw,4.8rem);font-weight:600;letter-spacing:-.01em;line-height:1.02;margin:.75rem 0 1rem}.lp-cta-desc{color:#ffffffbf;font-size:1.02rem;line-height:1.65;margin:0 0 2.25rem;max-width:540px}.lp-cta-actions{gap:.75rem;margin-bottom:1.5rem}.lp-cta-actions,.lp-cta-trust{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.lp-cta-trust{color:#fff9;font-size:.8rem;gap:1.5rem}.lp-cta-trust span{align-items:center;display:flex;gap:.35rem}.landing-footer{background:#0f0d0c;border-top:1px solid #ffffff0f;flex:0 0 auto}.footer-main{grid-gap:3.25rem;align-items:start;display:grid;gap:3.25rem;grid-template-columns:1fr auto;margin:0 auto;max-width:1200px;padding:2.55rem 3rem 1.8rem}.footer-brand{display:flex;flex-direction:column;gap:.6rem;max-width:260px}.footer-logo{align-items:center;color:var(--paper-0);display:flex;font-size:.95rem;font-weight:700;gap:.45rem;text-decoration:none}.footer-logo svg{height:22px;width:22px}.footer-tagline{color:#52525b;font-size:.82rem;line-height:1.55;margin:0}.footer-social{display:flex;gap:.5rem;margin-top:.25rem}.footer-social-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#71717a;display:flex;height:34px;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;width:34px}.footer-social-btn:hover{background:#d2451a1f;border-color:#d2451a4d;color:var(--vermilion-500)}.footer-cols{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.footer-col{display:flex;flex-direction:column;gap:.65rem}.footer-col-heading{color:#3f3f46;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.35rem;text-transform:uppercase}.footer-link{color:#52525b;font-size:.85rem;line-height:1;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--paper-0)}.footer-bottom{align-items:center;border-top:1px solid #ffffff0a;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.9rem 3rem}.footer-copy{color:#3f3f46;font-size:.78rem;margin:0}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-link{color:#3f3f46;font-size:.78rem;text-decoration:none;transition:color .15s ease}.footer-bottom-link:hover{color:#71717a}@media (max-width:900px){.lp-hero{grid-gap:1.25rem;align-items:center;display:grid!important;gap:1.25rem;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;padding:2rem 1.25rem 0}.lp-hero-title{font-size:clamp(2.15rem,5vw,2.75rem);max-width:none}.lp-hero-desc{font-size:.82rem;margin-bottom:1rem;max-width:100%;text-align:left}.lp-hero-feature-line{display:none}.lp-hero-actions{justify-content:flex-start}.lp-hero-content{align-items:flex-start!important;justify-content:flex-start;max-width:none;text-align:left!important;transform:none}.lp-hero-content,.lp-hero-visual{flex-shrink:0;height:auto;width:100%!important}.lp-hero-visual{align-items:center;display:flex!important;margin-top:0;max-height:none;padding-top:0}.lp-hero-img{border-radius:10px;height:auto;-webkit-mask-image:none!important;mask-image:none!important;max-height:none;transform:none;width:100%!important}.lp-feature-screen-inner{gap:1.5rem;grid-template-columns:1fr;padding:6.25rem 1.5rem 2rem}.lp-feature-screen-copy{max-width:38rem}.lp-feature-screen-title{font-size:clamp(2.8rem,7vw,4rem)}.app-mockup-wrap{max-width:none;min-height:min(42vh,24rem);transform:scale(.7);transform-origin:center center;width:100%}.lp-india-inner,.lp-switch-inner{gap:1.75rem;grid-template-columns:1fr}.lp-switch-middle{height:4rem}.lp-switch-brace{display:none}.lp-switch-arrow{margin:0 auto;transform:rotate(90deg)}.lp-switch-flow{grid-template-columns:1fr}.lp-switch-signal-field{display:none}.lp-switch-logo-card{height:7rem;margin:0 auto;width:7rem}.lp-india-title,.lp-switch-title{font-size:2.35rem}.lp-switch-side--new .lp-switch-title,.lp-switch-side--old{max-width:none}.lp-switch-side--new .lp-switch-title{font-size:2.55rem}.lp-india-list,.lp-stats-inner{grid-template-columns:1fr}.lp-stats-inner{gap:3rem}.lp-stats-title{font-size:2.4rem}.hiw-steps{gap:1rem;grid-template-columns:1fr;text-align:left}.hiw-headline{font-size:2.2rem}.lp-cta-title{font-size:2.4rem}.lp-cta-trust{gap:1rem}}@media (max-width:820px){.lp-hero{gap:1.75rem;grid-template-columns:1fr;padding:3rem 1.25rem 0}.lp-hero-title{font-size:clamp(2.45rem,11vw,3.4rem)}.lp-hero-title .pretext-hero-line{white-space:normal}.lp-hero-desc{font-size:.96rem}.lp-hero-img{border-radius:0}}@media (max-width:768px){.lp{--lp-page-gutter:24px}.desktop-only{display:none!important}.mobile-menu-btn{display:flex}.lp-nav-inner{padding:0 var(--lp-page-gutter)}.hero{min-height:auto}.hero-inner{gap:40px;grid-template-columns:1fr;padding:56px var(--lp-page-gutter) 48px}.hero h1{font-size:40px;margin:14px 0 18px}.hero-inner>div>p{font-size:16px}.hero-meta{gap:12px}.hero-figure{aspect-ratio:16/9}.lp-stats-grid{gap:1rem;grid-template-columns:1fr 1fr}.lp-feature-screen-inner{padding:6rem 1.25rem 1.75rem}.lp-feature-screen-kicker,.lp-feature-screen-top{align-items:flex-start;flex-direction:column}.lp-feature-screen-title{font-size:clamp(2.25rem,9vw,3rem)}.lp-feature-screen-summary{font-size:.98rem}.lp-feature-screen-detail{font-size:.9rem;line-height:1.65}.lp-feature-screen-progress{margin-top:1.5rem}.app-mockup-wrap{min-height:15rem;transform:scale(.6);width:100%}.lp-stat-value{font-size:2.2rem}.footer-main{gap:2.5rem;grid-template-columns:1fr;padding:2.5rem 1.5rem 2rem}.footer-cols{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer-bottom{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem}.lp-closing{min-height:calc(100svh - 64px)}.lp-cta{padding:3rem 1.5rem}.hiw-section,.lp-stats{padding:4rem 1.5rem}}.ea-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:2000}.ea-modal{background:var(--paper-0);border-radius:20px;box-shadow:0 24px 64px #0f172a33;max-width:420px;padding:2.25rem 2rem;position:relative;width:100%}.ea-close{background:none;border:none;border-radius:6px;color:var(--paper-4);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .15s ease}.ea-close:hover,.ea-modal-head h2{color:var(--ink-0)}.ea-modal-head h2{font-size:1.35rem;font-weight:700;margin:0 0 .4rem}.ea-modal-head p{color:var(--ink-1);font-size:.9rem;margin:0 0 1.5rem}.ea-form{gap:.85rem}.ea-form,.ea-form label{display:flex;flex-direction:column}.ea-form label{color:var(--ink-2);font-size:.82rem;font-weight:600;gap:.3rem}.ea-form input,.ea-form select{background:var(--paper-0);border:1.5px solid var(--paper-3);border-radius:8px;color:var(--ink-0);font-size:.9rem;outline:none;padding:.65rem .85rem;transition:border-color .15s ease}.ea-form input:focus,.ea-form select:focus{border-color:var(--vermilion-500)}.ea-submit{background:var(--vermilion-500);border:none;border-radius:10px;color:var(--paper-0);cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.4rem;padding:.8rem;transition:background .15s ease,transform .15s ease}.ea-submit:hover:not(:disabled){background:var(--vermilion-600);transform:translateY(-1px)}.ea-submit:disabled{cursor:not-allowed;opacity:.6}.ea-note{color:var(--paper-4);font-size:.75rem;margin:.25rem 0 0;text-align:center}.ea-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.82rem;padding:.6rem .85rem}.ea-success{padding:1rem 0;text-align:center}.ea-success-icon{color:#16a34a;display:flex;justify-content:center;margin-bottom:1rem}.ea-success h2{color:var(--ink-0);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.ea-success p{color:var(--ink-1);font-size:.9rem;margin:0 0 1.5rem}.ea-btn-close{border:none;border-radius:10px;color:var(--paper-0);cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 2rem;transition:background .15s ease}.ea-btn-close,.ea-btn-close:hover{background:var(--ink-0)}.landing-page-container{background:var(--paper-0);color:var(--ink-0);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative}.aurora-bg{display:none}.marketing-nav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #0000;position:sticky;top:0;transition:box-shadow .15s var(--ease-standard),border-color .15s var(--ease-standard);z-index:100}.marketing-nav--scrolled{border-bottom-color:var(--paper-3);box-shadow:0 1px 10px #1b223012}.marketing-nav-inner{align-items:center;display:flex;gap:2rem;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}.marketing-logo{align-items:center;color:var(--ink-0);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:19px;font-weight:600;gap:10px;letter-spacing:-.025em;text-decoration:none}.marketing-logo svg{height:26px;width:26px}.marketing-nav-links{align-items:center;display:flex;gap:28px}.marketing-nav-link{align-items:center;color:var(--ink-1);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;text-decoration:none;transition:color .12s var(--ease-standard);white-space:nowrap}.marketing-nav-link:hover{color:var(--ink-0)}.marketing-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:14px}.marketing-nav-ghost{color:var(--ink-1);font-size:14px;font-weight:500;text-decoration:none;transition:color .12s var(--ease-standard)}.marketing-nav-ghost:hover{color:var(--ink-0)}.marketing-nav-primary{align-items:center;background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.marketing-nav-primary:hover{background:var(--vermilion-600)}.marketing-nav-primary:active{background:var(--vermilion-700);transform:translateY(1px)}.nav-item-dropout{position:relative}.nav-dropdown{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px;left:50%;min-width:240px;opacity:0;padding:4px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);transition:opacity .18s var(--ease-standard),visibility .18s var(--ease-standard),transform .18s var(--ease-standard);visibility:hidden;z-index:200}.nav-item-dropout.open .nav-dropdown{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.nav-chevron{flex-shrink:0;opacity:.6;transition:transform .15s var(--ease-standard)}.nav-chevron--open{opacity:.9;transform:rotate(180deg)}.marketing-nav-link--active{color:var(--ink-0);font-weight:600}.dropdown-item{align-items:flex-start;border-radius:var(--radius-sm);color:var(--ink-2);display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:background .12s var(--ease-standard)}.dropdown-item:hover{background:var(--paper-1)}.dropdown-icon{align-items:center;background:var(--vermilion-50);border-radius:var(--radius-sm);color:var(--vermilion-500);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dropdown-title{color:var(--ink-0);display:block;font-size:13px;font-weight:600;line-height:1.2}.dropdown-desc{color:var(--ink-1);display:block;font-size:12px;margin-top:2px}.mkt-mobile-menu{background:var(--paper-0);display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:20px 24px 32px;position:fixed;z-index:9999}.mkt-mobile-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.mkt-mobile-close{align-items:center;background:#0000;border:none;color:var(--ink-1);cursor:pointer;display:flex;padding:4px}.mkt-mobile-links{display:flex;flex:1 1;flex-direction:column}.mkt-mobile-link{border-bottom:1px solid var(--paper-2);color:var(--ink-2);font-size:15px;font-weight:500;padding:13px 4px;text-decoration:none;transition:color .12s var(--ease-standard)}.mkt-mobile-link:hover{color:var(--ink-0)}.mkt-mobile-actions{display:flex;flex-direction:column;gap:8px;margin-top:32px}.mkt-mobile-btn-primary{align-items:center;background:var(--vermilion-500);border-radius:var(--radius-sm);color:var(--on-accent);display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.mkt-mobile-btn-primary:hover{background:var(--vermilion-600)}.mkt-mobile-btn-primary:active{background:var(--vermilion-700);transform:translateY(1px)}.mkt-mobile-btn-secondary{align-items:center;background:#0000;border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 14px;text-decoration:none;transition:background .12s var(--ease-standard)}.mkt-mobile-btn-secondary:hover{background:var(--paper-1)}.mkt-footer{background:var(--ink-0);border-top:1px solid #ffffff0f}.mkt-footer-main{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:3rem 3rem 2rem}.mkt-footer-brand{display:flex;flex-direction:column;gap:.6rem}.mkt-footer-logo{align-items:center;color:var(--paper-0);display:flex;font-size:.95rem;font-weight:700;gap:.45rem;text-decoration:none}.mkt-footer-logo svg{color:var(--vermilion-500);flex-shrink:0;height:22px;width:22px}.mkt-footer-tagline{color:#52525b;font-size:.82rem;line-height:1.55;margin:0;max-width:220px}.mkt-footer-social{display:flex;gap:.5rem;margin-top:.25rem}.mkt-footer-social-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#71717a;display:flex;height:34px;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;width:34px}.mkt-footer-social-btn:hover{background:#d2451a1f;border-color:#d2451a4d;color:var(--vermilion-500)}.mkt-footer-links{display:flex;flex-wrap:wrap;gap:3rem}.mkt-footer-col{display:flex;flex-direction:column;gap:.65rem}.mkt-footer-col-heading{color:#3f3f46;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.2rem;text-transform:uppercase}.mkt-footer-link{color:#52525b;font-size:.85rem;text-decoration:none;transition:color .15s ease}.mkt-footer-link:hover{color:var(--paper-0)}.mkt-footer-bottom{align-items:center;border-top:1px solid #ffffff0a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.25rem 3rem}.mkt-footer-copy{color:#3f3f46;font-size:.78rem;margin:0}.mkt-footer-contact{display:flex;gap:1.5rem}.mkt-footer-contact a{color:#3f3f46;font-size:.78rem;text-decoration:none;transition:color .15s ease}.mkt-footer-contact a:hover{color:#71717a}@media (max-width:768px){.marketing-nav-inner{padding:0 1.25rem}.desktop-only{display:none!important}.mobile-menu-btn{display:flex!important}.mkt-footer-main{gap:2rem;padding:2.5rem 1.5rem 2rem}.mkt-footer-bottom{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem}.mkt-footer-links{gap:2rem}}.ra-shell{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:680px;min-height:calc(100vh - 64px);padding:5rem 1.5rem 6rem}.ra-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:20px;box-shadow:0 4px 24px #0f172a0f;padding:2.5rem;width:100%}.ra-head{margin-bottom:2rem}.ra-head h1{color:var(--ink-0);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.ra-head p{color:var(--ink-1);font-size:.95rem;line-height:1.6;margin:0}.ra-trust-row{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:10px;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.75rem;padding:.85rem 1rem}.ra-trust-item,.ra-trust-row{align-items:center;display:flex}.ra-trust-item{color:var(--ink-2);font-size:.82rem;font-weight:600;gap:.4rem}.ra-trust-item svg{color:var(--vermilion-500);flex-shrink:0}.ra-form{display:flex;flex-direction:column;gap:1rem}.ra-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.ra-form label,.ra-label-full{color:var(--ink-2);display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:.35rem}.ra-form input,.ra-form select{background:var(--paper-0);border:1.5px solid var(--paper-3);border-radius:10px;color:var(--ink-0);font-size:.9rem;outline:none;padding:.7rem .9rem;transition:border-color .15s ease}.ra-form input:focus,.ra-form select:focus{border-color:var(--vermilion-500)}.ra-submit{align-items:center;background:var(--vermilion-500);border:none;border-radius:10px;color:var(--paper-0);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.45rem;justify-content:center;margin-top:.5rem;padding:.85rem 1.5rem;transition:background .15s ease,transform .15s ease}.ra-submit:hover:not(:disabled){background:var(--vermilion-600);transform:translateY(-1px)}.ra-submit:disabled{cursor:not-allowed;opacity:.55}.ra-note{color:var(--paper-4);font-size:.78rem;margin:.25rem 0 0;text-align:center}.ra-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.82rem;padding:.6rem .9rem}.ra-success{padding:2rem 1rem;text-align:center}.ra-success-icon{color:#16a34a;display:flex;justify-content:center;margin-bottom:1.25rem}.ra-success h1{color:var(--ink-0);font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.ra-success p{color:var(--ink-1);font-size:1rem;line-height:1.6;margin:0}@media (max-width:600px){.ra-card{padding:1.75rem 1.25rem}.ra-row{grid-template-columns:1fr}}.ae-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:8px;line-height:1.2;outline:none;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.ae-btn:focus-visible{box-shadow:var(--shadow-focus)}.ae-btn:disabled,.ae-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.ae-btn--primary{background:var(--vermilion-500);border-color:#0000;color:var(--paper-0)}.ae-btn--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--vermilion-600)}.ae-btn--primary:active:not(:disabled):not([aria-disabled=true]){background:var(--vermilion-700);transform:translateY(1px)}.ae-btn--secondary{background:var(--paper-0);border-color:var(--paper-3);color:var(--ink-2)}.ae-btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--paper-1)}.ae-btn--secondary:active:not(:disabled):not([aria-disabled=true]){background:var(--paper-2);transform:translateY(1px)}.ae-btn--ghost{background:#0000;border-color:#0000;color:var(--ink-2)}.ae-btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--paper-2)}.ae-btn--ghost:active:not(:disabled):not([aria-disabled=true]){background:var(--paper-3);transform:translateY(1px)}.ae-input-wrap{display:flex;flex-direction:column;gap:4px}.ae-input-label{font-size:13px;font-weight:500}.ae-input,.ae-input-label{color:var(--ink-2);font-family:var(--font-body)}.ae-input{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.5;min-height:40px;outline:none;padding:9px 12px;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);width:100%}.ae-input::placeholder{color:var(--paper-4)}.ae-input:focus{border-color:var(--vermilion-500);box-shadow:var(--shadow-focus)}.ae-input--error{border-color:var(--danger-500)}.ae-input-helper{color:var(--ink-1);font-size:12px;line-height:1.45}.ae-input-helper--error{color:var(--danger-500)}.ae-pill{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-body);font-size:12px;font-weight:500;gap:6px;line-height:1.4;padding:3px 8px;white-space:nowrap}.ae-pill__dot{border-radius:var(--radius-pill);flex-shrink:0;height:6px;width:6px}.ae-pill--ok{background:var(--ok-50);color:var(--ok-500)}.ae-pill--ok .ae-pill__dot{background:var(--ok-500)}.ae-pill--warn{background:var(--warn-50);color:var(--warn-500)}.ae-pill--warn .ae-pill__dot{background:var(--warn-500)}.ae-pill--danger{background:var(--danger-50);color:var(--danger-500)}.ae-pill--danger .ae-pill__dot{background:var(--danger-500)}.ae-pill--neutral{background:var(--paper-2);color:var(--ink-1)}.ae-pill--neutral .ae-pill__dot{background:var(--ink-1)}.ae-pill--accent{background:var(--vermilion-50);color:var(--vermilion-700)}.ae-pill--accent .ae-pill__dot{background:var(--vermilion-700)}.ae-pill--info{background:var(--info-50);color:var(--info-500)}.ae-pill--info .ae-pill__dot{background:var(--info-500)}.ae-card{border:1px solid var(--paper-3);border-radius:var(--radius-md)}.ae-card--filled{background:var(--paper-1)}.ae-card--elevated,.ae-card--outline{background:var(--paper-0)}.ae-card--elevated{border-color:#0000;box-shadow:var(--shadow-sm)}.ae-card-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:14px 16px}.ae-card-title{color:var(--ink-0);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0}.ae-card-body{padding:16px}.ae-card-footer{align-items:center;border-top:1px solid var(--paper-3);display:flex;gap:8px;padding:12px 16px}.fee-template-page{background-color:var(--paper-0);color:var(--ink-0);min-height:100vh;overflow-x:hidden}.fee-template-shell{margin:0 auto;max-width:1100px;padding:4rem 1.5rem 6rem}.fee-template-hero{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px)}.fee-template-copy{padding-top:1rem}.fee-template-eyebrow{color:var(--vermilion-500);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.fee-template-title{color:var(--ink-0);font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.2rem);letter-spacing:-.03em;line-height:1;margin:0 0 1.25rem}.fee-template-title-accent{color:var(--vermilion-500);display:block;margin-top:.15rem}.fee-template-copy p{color:var(--ink-1);font-size:1.05rem;line-height:1.7;margin:0 0 1.75rem;max-width:560px}.fee-template-benefits{grid-gap:.85rem;display:grid;gap:.85rem;margin-bottom:1.75rem}.fee-template-benefit{align-items:center;color:var(--ink-2);display:flex;font-size:.95rem;font-weight:500;gap:.75rem}.fee-template-benefit svg{color:var(--vermilion-500);flex-shrink:0}.fee-template-form-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0f172a0f,0 1px 4px #0f172a0a;padding:1.75rem}.fee-template-form-head{align-items:flex-start;display:flex;gap:.85rem;margin-bottom:1.25rem}.fee-template-form-head svg{color:var(--vermilion-500);flex-shrink:0;margin-top:.15rem}.fee-template-form-head h2,.fee-template-success h2{color:var(--ink-0);font-size:1.2rem;font-weight:600;margin:0 0 .3rem}.fee-template-form-head p,.fee-template-success p{color:var(--ink-1);font-size:.875rem;line-height:1.6;margin:0}.fee-template-success strong{color:var(--vermilion-500)}.fee-template-form{grid-gap:.85rem;display:grid;gap:.85rem}.fee-template-form label{grid-gap:.4rem;color:var(--ink-1);display:grid;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.06em;text-transform:uppercase}.fee-template-form input,.fee-template-form select{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-0);font-family:inherit;font-size:.95rem;padding:.75rem .95rem;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow .2s ease;width:100%}.fee-template-form input::placeholder{color:var(--paper-4)}.fee-template-form input:focus,.fee-template-form select:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a;outline:none}.fee-template-primary,.fee-template-secondary{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9rem 1.2rem;transition:background var(--dur-fast) var(--ease-standard),transform .15s ease}.fee-template-primary{background:var(--vermilion-500);color:var(--paper-0);width:100%}.fee-template-primary:hover:not(:disabled){background:var(--vermilion-600);transform:translateY(-1px)}.fee-template-primary:disabled{cursor:not-allowed;opacity:.45}.fee-template-secondary{background:var(--paper-2);color:var(--ink-2);width:auto}.fee-template-secondary:hover{background:var(--paper-3);transform:translateY(-1px)}.fee-template-form-note{color:var(--paper-4);font-size:.82rem;line-height:1.6;margin:0}.fee-template-error{background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-sm);color:var(--danger-500);font-size:.88rem;font-weight:600;padding:.85rem 1rem}.fee-template-success{grid-gap:.85rem;display:grid;gap:.85rem}.success-badge{align-items:center;background:#d2451a14;border-radius:var(--radius-md);color:var(--vermilion-500);display:inline-flex;height:48px;justify-content:center;width:48px}.fee-template-success-actions{display:flex;flex-wrap:wrap;gap:.75rem}.fee-template-preview{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-lg);max-width:480px;padding:1.35rem}.preview-chip{background:#d2451a14;border-radius:var(--radius-pill);color:var(--vermilion-500);display:inline-flex;font-size:.75rem;font-weight:600;margin-bottom:1rem;padding:.3rem .65rem}.preview-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid span{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);font-size:.88rem;font-weight:600;padding:.85rem 1rem}@media (max-width:920px){.fee-template-hero{grid-template-columns:1fr}}@media (max-width:640px){.fee-template-shell{padding:3rem 1rem 5rem}.preview-grid{grid-template-columns:1fr}.fee-template-form-card{padding:1.25rem}.fee-template-title{font-size:2.6rem}}.fee-calc-wrap{margin:0 auto;max-width:860px;padding:4rem 1.5rem 6rem}.fee-calc-hero{margin-bottom:3rem;text-align:center}.fee-calc-eyebrow{color:var(--vermilion-500);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.fee-calc-title{color:var(--ink-0);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem}.fee-calc-subtitle{color:var(--ink-1);font-size:1rem;line-height:1.65;margin:0 auto;max-width:520px}.fc-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0f172a0d;padding:1.75rem}.fc-card h2{color:var(--ink-0);font-size:1rem;font-weight:600;margin-bottom:0}.fc-card-head{border-bottom:1px solid var(--paper-2);margin-bottom:1.25rem;padding-bottom:1rem}.fc-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin-bottom:1.25rem}@media (max-width:700px){.fc-grid{grid-template-columns:1fr}}.fc-field{margin-bottom:1.25rem}.fc-field:last-child{margin-bottom:0}.fc-field label{color:var(--ink-1);display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:.45rem;text-transform:uppercase}.fc-field input[type=number],.fc-field select{appearance:none;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-0);font-family:inherit;font-size:.95rem;outline:none;padding:.75rem .95rem;transition:border-color .2s,box-shadow .2s;width:100%}.fc-field input:focus,.fc-field select:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a}.fc-hint{color:var(--paper-4);font-size:.78rem;margin-top:.35rem}.fc-checkbox{align-items:center;color:var(--ink-1);cursor:pointer;display:flex;font-size:.88rem;gap:.5rem;margin-bottom:.75rem}.fc-checkbox input[type=checkbox]{accent-color:var(--vermilion-500);cursor:pointer;flex-shrink:0;height:15px;width:15px}.fc-empty{border:1.5px dashed var(--paper-3);color:var(--paper-4);font-size:.9rem;line-height:1.6;padding:3rem 1rem;text-align:center}.fc-empty,.fc-empty-icon{border-radius:var(--radius-md)}.fc-empty-icon{align-items:center;background:#d2451a0f;color:var(--vermilion-500);display:flex;height:52px;justify-content:center;margin:0 auto .85rem;width:52px}.fc-summary{background:#d2451a0d;border:1px solid #d2451a26;border-radius:var(--radius-md);margin-bottom:1rem;padding:1.1rem 1.25rem}.fc-summary-kicker{color:var(--vermilion-500);font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.fc-summary-total{color:var(--ink-0);font-size:clamp(2rem,4vw,2.7rem);font-weight:800;letter-spacing:-.04em;line-height:1}.fc-row{align-items:center;border-bottom:1px solid var(--paper-2);display:flex;font-size:.88rem;justify-content:space-between;padding:.7rem 0}.fc-row:last-of-type{border-bottom:none}.fc-row .fc-rlabel{color:var(--ink-1)}.fc-row .fc-rval{color:var(--ink-0);font-weight:600}.fc-row.fc-row-total{border-top:1px solid var(--paper-3);margin-top:.25rem;padding-top:.85rem}.fc-row.fc-row-total .fc-rlabel{color:var(--ink-0);font-size:.92rem;font-weight:600}.fc-row.fc-row-total .fc-rval{color:var(--vermilion-500);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.fc-row.fc-row-muted .fc-rval{color:var(--paper-4);font-weight:500}.fc-capture{margin-top:0}.fc-capture-head{align-items:flex-start;display:flex;gap:.85rem;margin-bottom:1.25rem}.fc-capture-icon{align-items:center;background:#d2451a14;border-radius:var(--radius-md);color:var(--vermilion-500);display:flex;flex-shrink:0;height:38px;justify-content:center;margin-top:2px;width:38px}.fc-capture-head h2{color:var(--ink-0);font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.fc-capture-head p{color:var(--ink-1);font-size:.875rem;line-height:1.55;margin:0}.fc-email-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}@media (max-width:560px){.fc-email-grid{grid-template-columns:1fr}}.fc-email-grid input,.fc-email-grid select{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-0);font-family:inherit;font-size:.9rem;outline:none;padding:.75rem .95rem;transition:border-color .2s,box-shadow .2s;width:100%}.fc-email-grid input::placeholder{color:var(--paper-4)}.fc-email-grid input:focus,.fc-email-grid select:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a}.fc-span2{grid-column:1/-1}.fc-submit-btn{align-items:center;background:var(--vermilion-500);border:none;border-radius:var(--radius-sm);color:var(--paper-0);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9rem 1.2rem;transition:background .2s,transform .15s;width:100%}.fc-submit-btn:hover:not(:disabled){background:var(--vermilion-600);transform:translateY(-1px)}.fc-submit-btn:disabled{cursor:not-allowed;opacity:.45}.fc-success{background:#d2451a0f;border:1px solid #d2451a33;border-radius:var(--radius-sm);color:var(--ink-0);font-size:.9rem;line-height:1.6;padding:1.1rem 1.25rem}.fc-success strong{color:var(--vermilion-500)}.fc-error{background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-sm);color:var(--danger-500);font-size:.88rem;font-weight:600;margin-bottom:.75rem;padding:.9rem 1rem}@media (max-width:640px){.fee-calc-wrap{padding-top:3rem}.fc-card{padding:1.25rem}}.project-details-page{-ms-overflow-style:none;background:#0000;color:var(--color-text-body);display:flex;flex-direction:column;min-height:100%;overflow-y:auto;scrollbar-width:none;width:100%}.project-details-page::-webkit-scrollbar{display:none}.project-header-modern{box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:0;padding:0;width:100%}.project-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.project-header-left{align-items:center;display:flex;gap:1rem}.project-icon-square{align-items:center;background-color:var(--vermilion-100);border-radius:var(--radius-sm);color:var(--vermilion-700);display:flex;height:32px;justify-content:center;width:32px}.project-title-wrapper{align-items:center;display:flex;gap:.75rem}.project-title-modern{align-items:center;color:var(--ink-0);display:flex;font-family:var(--font-display);font-size:1.75rem;font-weight:600;gap:.5rem;letter-spacing:.01em;line-height:1.2;margin:0}.project-status-pill{align-items:center;background:none;color:var(--ink-1);display:flex;font-size:.875rem;gap:.5rem;padding:0}.status-dot{border-radius:var(--radius-pill);height:8px;width:8px}.status-dot.active{background-color:var(--ok-500)}.status-dot.on-hold{background-color:var(--ink-1)}.status-dot.at-risk{background-color:var(--danger-500)}.project-tabs-modern{align-items:flex-end;display:flex;flex:1 1;gap:1.5rem;margin-top:.25rem}.project-tabs-modern-wrapper{align-items:flex-end;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:0}.project-tab-modern{align-items:center;background:none;border:none;color:var(--ink-1);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 0;position:relative;transition:color .2s}.project-tab-modern:hover{color:var(--color-text-body)}.project-tab-modern.active{color:var(--vermilion-500);font-weight:600}.project-tab-modern.active:after{background-color:var(--vermilion-500);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.project-content-area{box-sizing:border-box;flex:1 1}.project-content-area,.project-overview-tab{display:flex;flex-direction:column;width:100%}.project-overview-tab{gap:0;height:100%;max-width:860px;overflow-y:auto;padding:2rem 2.5rem}.overview-main-section{display:flex;flex-direction:column}.overview-section-header{margin-bottom:.75rem}.overview-section-header h3{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin:0;text-transform:uppercase}.overview-description{color:var(--ink-1);font-size:.95rem;line-height:1.7;margin-bottom:0}.overview-description p{margin:0}.overview-section-divider{border:none;border-top:1px solid var(--color-border-subtle);margin:2rem 0}.overview-details-grid{grid-gap:1.75rem 2rem;display:grid;gap:1.75rem 2rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.overview-detail-item{display:flex;flex-direction:column;gap:.35rem}.detail-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.detail-value{color:var(--color-text-body);font-size:.9rem;font-weight:500}.overview-sidebar-section{border-top:1px solid var(--color-border-subtle);margin-top:2.5rem;padding-top:1.5rem}.overview-meta-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.meta-value{color:var(--ink-1);font-size:.875rem}.budget-value,.cost-value{color:var(--color-text-body);font-weight:600}@media (max-width:768px){.project-overview-tab{padding:1.5rem}.overview-details-grid{grid-template-columns:repeat(2,1fr)}.overview-meta-list{flex-direction:column;gap:1rem}}.header-actions{align-items:center;display:flex;gap:.75rem}.btn-customize,.btn-share{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.btn-share{background-color:var(--color-accent-hover);border:none;color:#fff}.btn-customize{background-color:initial;border:1px solid var(--color-border);color:var(--ink-1)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.archiease-task-list{display:flex;flex-direction:column;font-size:.9rem;width:100%}.archiease-list-view{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.archiease-list-header{grid-column-gap:0;background:var(--paper-1);border-bottom:1px solid var(--paper-3);color:var(--ink-1);column-gap:0;display:grid;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.archiease-list-header>div{align-items:center;border-left:none;border-right:none;display:flex;padding:.68rem 1rem;position:relative}.archiease-list-body{display:flex;flex-direction:column}.resize-handle{display:none}.archiease-section{margin-top:0}.archiease-section-header{align-items:center;color:var(--ink-1);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:10px;font-weight:500;gap:.5rem;letter-spacing:.08em;margin-top:1.25rem;opacity:.7;padding:.5rem 1rem .25rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.archiease-section-header:hover{color:var(--ink-1);opacity:1}.archiease-section-toggle{transition:transform .2s}.archiease-section-toggle.collapsed{transform:rotate(-90deg)}.archiease-section-body>.archiease-task-row:first-child{border-top:none}.archiease-task-row{grid-column-gap:0;align-items:stretch;border-bottom:1px solid var(--paper-2);color:inherit;column-gap:0;display:grid;font-size:13px;min-height:48px;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}.archiease-task-row>div{font-feature-settings:"tnum";align-items:center;border-left:none;border-right:none;color:var(--ink-1);display:flex;font-variant-numeric:tabular-nums;padding:.78rem 1rem}.archiease-task-row:hover{background-color:var(--paper-1);box-shadow:inset 2px 0 0 var(--vermilion-500)}.archiease-task-row:hover .archiease-task-assignee .placeholder-text{opacity:1!important}.archiease-task-check{align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:#0000;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-right:.75rem;transition:all var(--dur-fast) var(--ease-standard);width:16px}.archiease-task-row:hover .archiease-task-check{border-color:var(--ink-1)}.archiease-task-check.completed{background-color:var(--ok-500);border-color:var(--ok-500);color:#fff}.archiease-task-name-cell{align-items:center;color:var(--ink-0);display:flex;font-weight:450}.archiease-task-assignee{align-items:center;display:flex;gap:.5rem}.archiease-avatar-small{align-items:center;background-color:var(--paper-3);border:1px solid var(--paper-0);border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--paper-3);color:var(--ink-1);display:flex;font-size:.7rem;height:24px;justify-content:center;width:24px}.archiease-assignee-name{font-size:.85rem}.archiease-task-date{color:var(--ink-1);font-size:.85rem}.archiease-task-date.overdue{color:var(--danger-500)}.archiease-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:.2rem .65rem;text-align:center;white-space:nowrap}.archiease-badge.priority-low{background-color:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.archiease-badge.priority-high,.archiease-badge.priority-medium{background-color:var(--warn-50);border:1px solid var(--warn-50);color:var(--warn-500)}.archiease-badge.priority-urgent{background-color:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.archiease-badge.status-checked,.archiease-badge.status-in-progress{background-color:var(--info-50);border:1px solid var(--info-50);color:var(--info-500)}.archiease-badge.status-off-track{background-color:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.archiease-badge.status-on-hold{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1)}.archiease-badge.status-in-review{background-color:var(--warn-50);border:1px solid var(--warn-50);color:var(--warn-500)}.archiease-badge.status-paid{background-color:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.archiease-badge.status-partial{background-color:var(--warn-50);border:1px solid var(--warn-50);color:var(--warn-500)}.archiease-badge.status-unpaid{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1)}.archiease-badge.status-overdue{background-color:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.archiease-badge.status-sent{background-color:var(--info-50);border:1px solid var(--info-50);color:var(--info-500)}.archiease-badge.status-draft{background-color:var(--paper-1);border:1px dashed var(--paper-3);color:var(--ink-1)}.archiease-badge.status-cancelled{background-color:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1);text-decoration:line-through}.archiease-add-task-row{align-items:center;border-bottom:1px solid var(--paper-2);color:var(--paper-4);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem .5rem 2.5rem;transition:background-color .15s ease,color .15s ease}.archiease-add-task-row:hover{background-color:var(--paper-1);color:var(--ink-0)}.archiease-task-input{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none;padding:0;width:100%}.archiease-task-input:focus{box-shadow:none}.archiease-cell-trigger{align-items:center;cursor:pointer;display:flex;height:100%;width:100%}.archiease-cell-trigger.form-input,.archiease-date-input.form-input{background:#0000;border:none;border-radius:0;box-shadow:none;height:100%;min-height:auto;padding:0;transform:none}.archiease-cell-trigger.form-input:focus,.archiease-cell-trigger.form-input:hover,.archiease-date-input.form-input:focus,.archiease-date-input.form-input:hover{background:#0000;border:none;box-shadow:none;transform:none}.archiease-date-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.archiease-date-placeholder{color:var(--ink-1)}.archiease-dropdown-menu{animation:fadeIn .1s ease-out;background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;min-width:200px;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.archiease-dropdown-menu.open-up{bottom:calc(100% + 4px);top:auto}.archiease-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .1s}.archiease-dropdown-item:hover{background-color:var(--paper-1)}.assignee-dropdown{animation:fadeIn .2s ease-out;border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;padding:0;width:280px}.assignee-search-container{align-items:center;display:flex;padding:.75rem;position:relative}.search-icon{color:var(--ink-1);left:1.05rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.archiease-dropdown-search{background-color:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-1);font-size:.875rem;outline:none;padding:.7rem .875rem .7rem 2.55rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.archiease-dropdown-search:focus{background-color:#fff;border-color:var(--info-500);box-shadow:0 0 0 2px var(--paper-2)}.dropdown-divider{background-color:var(--paper-1);height:1px;margin:0}.archiease-dropdown-list{max-height:300px;overflow-y:auto;padding:6px 0}.user-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin:0 4px;padding:8px 16px}.user-item:hover{background-color:var(--paper-1)}.archiease-avatar-medium{align-items:center;background-color:var(--paper-3);border:2px solid #fff;border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--paper-3);color:var(--ink-1);display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{color:var(--color-text-body);font-size:.875rem;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--ink-1);font-size:.75rem}.archiease-dropdown-empty{color:var(--ink-1);display:flex;font-size:.875rem;justify-content:center;padding:24px;text-align:center}.archiease-date-input{background:#0000;border:none;color:var(--ink-1);cursor:pointer;font-family:inherit;font-size:.875rem;outline:none;width:100%}.archiease-placeholder{color:var(--paper-3);font-size:1.2rem;line-height:1}.archiease-task-row.form-mode{background-color:var(--paper-1);box-shadow:inset 2px 0 0 var(--vermilion-500),var(--shadow-xs);position:relative;z-index:50}.form-input{align-items:center;background-color:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);display:flex;height:32px;padding:.25rem .5rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.form-input:focus,.form-input:focus-within{border-color:var(--info-500);box-shadow:0 0 0 2px var(--paper-2)}.placeholder-text{color:var(--ink-1);font-size:.875rem;font-style:italic}.task-name-display{cursor:default;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archiease-priority-badge{align-items:center;background:none;color:var(--ink-1);display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;padding:0}.archiease-priority-badge:before{border-radius:var(--radius-pill);content:"";display:inline-block;flex-shrink:0;height:7px;width:7px}.archiease-priority-badge.priority-low{color:var(--ok-500)}.archiease-priority-badge.priority-low:before{background-color:var(--ok-500)}.archiease-priority-badge.priority-medium{color:var(--warn-500)}.archiease-priority-badge.priority-medium:before{background-color:var(--warn-500)}@media (max-width:768px){.project-header-modern{margin-bottom:1rem;padding-bottom:0}.project-header-top{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{overflow-x:auto;padding-bottom:.5rem;width:100%}.project-title-modern{flex-wrap:wrap;font-size:1.25rem}.project-tabs-modern{-webkit-overflow-scrolling:touch;gap:1rem;margin-top:.5rem;overflow-x:auto;padding-bottom:2px;white-space:nowrap}.project-tab-modern{flex-shrink:0}.archiease-list-view,.archiease-task-list{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;padding:0 10px!important}.archiease-list-header,.archiease-task-row{min-width:800px}.archiease-task-list{width:100%}.project-overview-tab{gap:2rem;padding:1rem}.overview-details-grid{grid-template-columns:1fr}.archiease-list-header>div,.archiease-task-row>div{padding:.5rem}}.archiease-priority-badge.priority-high{color:var(--vermilion-500)}.archiease-priority-badge.priority-high:before{background-color:var(--vermilion-400)}.archiease-priority-badge.priority-urgent{color:var(--danger-500)}.archiease-priority-badge.priority-urgent:before{background-color:var(--danger-500)}.archiease-priority-none{color:var(--ink-1);font-size:1.25rem;font-weight:300}.board-view{height:100%;overflow-x:auto;overflow-y:hidden;padding:1rem 1.25rem 1.25rem}.board-columns{display:flex;gap:1rem;height:100%;min-width:fit-content;width:100%}.board-column{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:240px;padding:.85rem}.board-column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.board-column-title{align-items:center;color:var(--ink-1);display:flex;font-family:var(--font-mono);font-size:10px;font-weight:500;gap:.4rem;letter-spacing:.08em;text-transform:uppercase}.board-column-count{background-color:var(--paper-3);border-radius:var(--radius-md);color:var(--ink-1);font-size:.7rem;font-weight:500;padding:.1rem .4rem}.board-column-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.board-column:hover .board-column-actions{opacity:1}.btn-add-column,.btn-column-menu{align-items:center;background:none;border:none;border-radius:5px;color:var(--ink-1);cursor:pointer;display:flex;padding:.2rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-add-column:hover,.btn-column-menu:hover{background-color:var(--paper-3);color:var(--ink-1)}.board-column-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scrollbar-width:none}.board-column-content::-webkit-scrollbar{display:none}.board-task-card{background-color:var(--paper-0);border-left:1px solid var(--paper-3);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a0f;transition:all var(--dur-fast) var(--ease-standard)}.board-task-card[data-priority=LOW]{border-left-color:var(--info-500)}.project-tasks-tab{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;overflow:visible;padding:0}.project-task-workspace{display:flex;flex-direction:column;gap:1rem;padding:.8rem 20px 0}.project-task-toolbar-main,.task-workspace-toolbar-main{display:flex;flex:1 1 auto;flex-direction:column;gap:.3rem;min-width:0}.project-task-stats-row,.task-workspace-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.project-task-list-layout{margin:.8rem 20px 0}.project-task-board-view{margin-top:.8rem;padding:0 20px 20px}.project-task-inline-add,.project-task-quick-add{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--vermilion-700);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.45rem;justify-content:center;min-height:2.2rem;padding:.5rem .9rem;transition:all .18s ease}.project-task-inline-add:hover,.project-task-quick-add:hover{background:var(--paper-2);border-color:var(--paper-4)}.project-task-inline-add{align-self:flex-start}.project-task-inline-add.workspace-action-btn{background:var(--vermilion-700)!important;border:none!important;color:var(--paper-0)!important}.project-task-inline-add.workspace-action-btn:hover{background:var(--vermilion-700)!important;border-color:#0000!important}.tasks-tab-toolbar{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;flex-shrink:0;justify-content:flex-end;padding:.5rem 1.5rem}.task-view-toggle{background:var(--paper-1);border-radius:var(--radius-sm);display:flex;gap:2px;margin-bottom:6px;padding:2px}.task-view-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:28px}.task-view-btn,.task-view-btn:hover{color:var(--ink-1)}.task-view-btn.active{background:#fff;box-shadow:0 1px 2px #00000014;color:var(--color-text-body)}.board-task-card:hover{border-color:var(--paper-3);box-shadow:0 4px 16px #d2451a1a}.board-task-card.dragging{box-shadow:none;opacity:.35}.task-card-main{align-items:flex-start;display:flex;gap:.6rem}.task-check-icon{color:var(--ink-1);flex-shrink:0}.task-card-name{font-size:.9rem;line-height:1.45}.task-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.task-card-tags{display:flex;gap:.3rem}.task-card-meta{align-items:center;display:flex;gap:.5rem}.task-assignee-avatar-small{background-color:var(--paper-3);color:var(--ink-1);flex-shrink:0;font-size:.7rem;height:24px;overflow:hidden;width:24px}.task-due-date-text{font-size:.75rem}.task-tag{border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.tag-design{background-color:var(--paper-1);color:var(--vermilion-700)}.tag-marketing{background-color:var(--vermilion-50);color:var(--vermilion-700)}.tag-engineering{background-color:var(--info-50);color:var(--info-500)}.tag-product{background-color:var(--warn-50);color:var(--warn-500)}.tag-legal{background-color:var(--paper-1);color:var(--ink-1)}.tag-general{background-color:var(--paper-2);color:var(--vermilion-700)}.priority-icon{align-items:center;border:2px solid;border-radius:var(--radius-pill);display:flex;height:16px;justify-content:center;position:relative;width:16px}.priority-icon:after{border-radius:var(--radius-pill);content:"";height:6px;position:absolute;width:6px}.priority-high{border-color:var(--danger-500)}.priority-high:after{background-color:var(--danger-500)}.priority-medium{border-color:var(--warn-500)}.priority-medium:after{background-color:var(--warn-500)}.priority-low{border-color:var(--ok-500)}.priority-low:after{background-color:var(--ok-500)}.new-task-card{animation:slideDown .15s ease-out;background-color:var(--paper-0);border:2px solid var(--vermilion-500);border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;margin-bottom:.5rem;padding:.5rem}.new-task-input{border:none;color:var(--color-text-body);font-family:inherit;font-size:.875rem;outline:none;resize:none;width:100%}.new-task-input::placeholder{color:var(--paper-3)}.new-task-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel{background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:background-color .2s}.btn-cancel:hover{background-color:var(--paper-1)}.btn-add{background-color:var(--vermilion-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-add:hover{background-color:var(--vermilion-600)}.btn-add-task{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:flex-start;margin-top:.25rem;padding:.5rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.btn-add-task:hover{background-color:var(--paper-1);color:var(--ink-1)}.task-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.task-modal{animation:slideUp .2s ease-out;background-color:var(--paper-0);border-radius:var(--radius-sm);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:85vh;max-width:48rem;overflow:hidden;width:100%}.task-modal-header{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;padding:1rem 1.5rem}.btn-complete,.task-modal-actions-left,.task-modal-actions-right{align-items:center;display:flex;gap:.5rem}.btn-complete{border:none;border-radius:var(--radius-sm);color:var(--ok-500);cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-complete,.btn-complete:hover{background-color:var(--ok-50)}.btn-icon-modal{background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;padding:.5rem;transition:all var(--dur-fast) var(--ease-standard)}.btn-icon-modal:hover{background-color:var(--paper-1);color:var(--ink-1)}.task-modal-body{display:flex;flex:1 1;gap:2rem;overflow-y:auto;padding:2rem}.task-modal-main{flex:1 1}.task-modal-title{color:var(--ink-0);font-family:var(--font-display);font-size:1.875rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 1.5rem}.task-modal-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.task-field-row{display:flex}.task-field-label{width:130px}.task-field-value{border-radius:var(--radius-sm);color:var(--color-text-body);cursor:pointer;padding:.375rem .5rem;transition:background-color .2s}.task-field-value:hover{background-color:var(--paper-1)}.field-icon{color:var(--ink-1)}.assignee-display{align-items:center;display:flex;gap:.5rem}.assignee-avatar-modal{align-items:center;background:var(--vermilion-500);border-radius:var(--radius-pill);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.task-field-empty{color:var(--paper-3);font-style:italic}.status-badge-modal{background-color:var(--info-50);border-radius:var(--radius-sm);color:var(--info-500);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge-todo{background-color:var(--paper-1);color:var(--ink-1)}.status-badge-in-progress{background-color:var(--info-50);color:var(--info-500)}.status-badge-in-review{background-color:var(--warn-50);color:var(--warn-500)}.status-badge-done{background-color:var(--ok-50);color:var(--ok-500)}.status-badge-checked{background-color:var(--paper-2);color:var(--ink-0)}.status-badge-on-hold{background-color:var(--danger-50);color:var(--danger-500)}.task-description-header{color:var(--color-text-body);font-weight:500;gap:.5rem;margin-bottom:.5rem}.task-view-toggle-group{background-color:var(--paper-1);border-radius:var(--radius-sm);display:flex;gap:2px;height:fit-content;padding:2px}.task-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;height:24px;justify-content:center;line-height:1;min-height:0;outline:none;padding:.25rem .6rem;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap}.task-view-toggle-btn:hover{background-color:#00000008;color:var(--ink-1)}.task-view-toggle-btn.active{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:var(--info-500);font-weight:600}.task-description-container{border-radius:var(--radius-sm);cursor:text;min-height:150px;position:relative;transition:all var(--dur-fast) var(--ease-standard);width:100%}.task-description-container:hover{background-color:var(--paper-1)}.task-description-container.editing{background-color:initial}.task-description-input{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--color-text-body);font-family:inherit;font-size:.875rem;line-height:1.6;min-height:200px;outline:none;padding:.75rem;resize:vertical;transition:all var(--dur-fast) var(--ease-standard);width:100%}.task-description-input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #667eea1a}.markdown-preview{color:var(--color-text-body);font-size:.875rem;line-height:1.6;min-height:150px;padding:.75rem}.empty-description-placeholder{color:var(--ink-1);cursor:text;font-style:italic}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--ink-0);font-weight:600;margin-bottom:.5rem;margin-top:1rem}.markdown-content h1{font-size:1.25rem}.markdown-content h1,.markdown-content h2{font-family:var(--font-display);letter-spacing:-.01em}.markdown-content h2{font-size:1.1rem}.markdown-content h3{font-family:var(--font-display);font-size:1rem}.markdown-content p{margin-bottom:.75rem}.markdown-content ol,.markdown-content ul{display:flex;flex-direction:column;margin-bottom:.75rem;padding-left:1.5rem}.markdown-content li{display:list-item;margin-bottom:.25rem}.markdown-content li:has(input[type=checkbox]){align-items:flex-start;display:flex;gap:.5rem;list-style:none}.markdown-content a{color:var(--info-500);text-decoration:underline}.markdown-content input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:.25rem}.markdown-content blockquote{border-left:3px solid var(--paper-3);color:var(--ink-1);margin:1rem 0;padding-left:1rem}.markdown-content code{font-family:monospace;font-size:.8em;padding:.125rem .25rem}.markdown-content code,.task-modal-sidebar{background-color:var(--paper-1);border-radius:var(--radius-sm)}.task-modal-sidebar{border:1px solid var(--paper-1);height:fit-content;padding:1rem;width:280px}.sidebar-title{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.sidebar-content{display:flex;flex-direction:column;gap:.75rem}.sidebar-row{color:var(--ink-1);display:flex;font-size:.875rem;justify-content:space-between}.sidebar-divider{background-color:var(--paper-3);height:1px;margin:.5rem 0}.sidebar-id{color:var(--ink-1);font-size:.75rem}.task-modal-footer{align-items:flex-start;background-color:var(--paper-1);border-top:1px solid var(--paper-1);display:flex;gap:.75rem;padding:1rem}.comment-avatar{align-items:center;background:var(--vermilion-500);border-radius:var(--radius-pill);color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.comment-input-wrapper{flex:1 1;position:relative}.comment-input{border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.875rem;outline:none;padding:.625rem 2.5rem .625rem 1rem;transition:all var(--dur-fast) var(--ease-standard);width:100%}.comment-input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #667eea1a}.comment-send-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--vermilion-500);cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all var(--dur-fast) var(--ease-standard)}.comment-send-btn:hover{background-color:var(--paper-1);color:var(--vermilion-600)}@media (max-width:1024px){.task-modal-body{flex-direction:column}.task-modal-sidebar{width:100%}}@media (max-width:768px){.board-columns{flex-direction:column}.board-column{width:100%}}.task-panel-overlay{animation:fadeIn .22s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a57;inset:0;position:fixed;z-index:1000}.task-detail-panel{animation:slideInRight .28s cubic-bezier(.16,1,.3,1);background:var(--paper-0);border-bottom:1px solid #e2e8f0e6;border-left:1px solid #e2e8f0e6;border-radius:var(--radius-lg) 0 0 24px;border-top:1px solid #e2e8f0e6;bottom:.75rem;box-shadow:-18px 0 48px #0f172a29;display:flex;flex-direction:column;max-width:min(94vw,620px);overflow:hidden;position:fixed;right:0;top:.75rem;transition:width .25s cubic-bezier(.16,1,.3,1),max-width .25s cubic-bezier(.16,1,.3,1);width:620px;z-index:1001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.task-panel-expanded{max-width:min(90vw,1080px)!important;transition:width .25s cubic-bezier(.16,1,.3,1),max-width .25s cubic-bezier(.16,1,.3,1);width:min(90vw,1080px)!important}.task-panel-header{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #f1f5f9f2;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.task-panel-actions{align-items:center;display:flex;gap:.25rem}.btn-icon-panel{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:flex;justify-content:center;line-height:1;padding:.45rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s}.btn-icon-panel:hover{background:var(--paper-0);border-color:var(--paper-3);color:var(--vermilion-700)}.btn-complete-toggle{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;min-height:2.2rem;padding:.45rem .95rem;transition:all .18s ease}.btn-complete-toggle:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--vermilion-700)}.btn-complete-toggle.completed{background:var(--ok-50);border-color:var(--ok-50);box-shadow:0 8px 20px #22c55e1f;color:var(--ok-500)}@keyframes completePulse{0%{transform:scale(1)}40%{transform:scale(1.06)}80%{transform:scale(.97)}to{transform:scale(1)}}.btn-complete-toggle.complete-pulse{animation:completePulse .45s ease}.task-panel-content{display:flex;flex:1 1;overflow-y:auto;scrollbar-width:thin}.task-panel-main{flex:1 1;padding:1.4rem 1.4rem 1.6rem}.task-panel-kicker-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.9rem}.task-panel-kicker{align-items:center;display:flex;min-width:0}.task-panel-id-chip,.task-panel-project-chip{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.74rem;font-weight:600;gap:.45rem;letter-spacing:.01em;min-height:1.9rem;padding:.35rem .75rem;white-space:nowrap}.task-panel-project-chip{background:var(--paper-1);color:var(--vermilion-700);max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.task-panel-project-chip.muted{background:var(--paper-1);color:var(--ink-1)}.task-panel-project-chip:hover{background:var(--paper-2);color:var(--ink-0)}.task-panel-project-dot{background:var(--vermilion-700);border-radius:var(--radius-pill);flex-shrink:0;height:.55rem;width:.55rem}.task-panel-id-chip{background:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1);flex-shrink:0}.task-panel-title-input{background:#0000;border:none;color:var(--ink-0);font-family:var(--font-display);font-size:1.45rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:1.15rem;outline:none;width:100%}.task-panel-title-input::placeholder{color:var(--paper-3);font-weight:400}.task-props-list{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a0a;display:flex;flex-direction:column;margin-bottom:1.5rem;overflow:visible}.task-props-list.task-props-list-embedded{border:none;border-radius:0;box-shadow:none;margin-bottom:0}.task-panel-layout-grid{grid-gap:.95rem;align-items:start;display:grid;gap:.95rem;grid-template-columns:minmax(0,1.3fr) minmax(220px,.9fr);margin-bottom:1rem}.task-panel-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a0a;overflow:visible}.task-panel-card-header{align-items:center;background:var(--paper-0);border-bottom:1px solid var(--paper-1);border-radius:var(--radius-md) 18px 0 0;display:flex;justify-content:space-between;padding:.9rem 1rem}.task-panel-card-title{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.task-prop-row{align-items:center;border-bottom:1px solid var(--paper-1);display:grid;grid-template-columns:118px 1fr;min-height:44px;position:relative}.task-prop-row:last-child{border-bottom:none}.task-prop-key{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;padding:0 .95rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.task-prop-val{align-items:center;color:var(--ink-0);display:flex;font-size:.84rem;font-weight:600;gap:.4rem;min-height:44px;padding:.45rem .85rem .45rem .35rem}.task-prop-interactive{border-radius:var(--radius-md);cursor:pointer;margin:4px 0;transition:background .12s,color .12s}.task-prop-interactive:hover{background:var(--paper-1);color:var(--vermilion-700)}.task-prop-link{border-radius:var(--radius-md);color:var(--ink-0);gap:.5rem;margin:4px 0;text-decoration:none;transition:background .12s}.task-prop-link:hover{background:var(--paper-1);color:var(--info-500)}.task-prop-date-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.task-prop-clear-btn{align-items:center;border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;justify-content:center;margin-left:auto;min-height:1.7rem;padding:.2rem .55rem;transition:background var(--dur-fast) var(--ease-standard),color .15s ease}.task-prop-clear-btn,.task-prop-clear-btn:hover{background:var(--danger-50);color:var(--danger-500)}.task-prop-overdue{color:var(--danger-500)}.task-panel-meta-list{padding:.25rem 1rem .5rem}.task-panel-meta-row{align-items:flex-start;border-bottom:1px solid var(--paper-1);display:flex;gap:.8rem;justify-content:space-between;padding:.65rem 0}.task-panel-meta-row:last-child{border-bottom:none}.task-panel-meta-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.task-panel-meta-value{font-feature-settings:"tnum";color:var(--ink-0);font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.45;text-align:right}.task-panel-meta-value-numeric{color:var(--vermilion-700)}.task-panel-meta-code{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:.22rem .48rem}.task-panel-body-grid{display:flex;flex-direction:column}.task-panel-main--expanded{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 260px;grid-template-rows:auto auto 1fr}.task-panel-main--expanded .task-panel-kicker-row,.task-panel-main--expanded .task-panel-title-input{grid-column:1/-1}.task-panel-main--expanded .task-panel-layout-grid{display:flex;flex-direction:column;gap:.75rem;grid-column:2;grid-row:3}.task-panel-main--expanded .task-panel-body-grid{grid-column:1;grid-row:3;min-height:0}.task-panel-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.task-field-row{align-items:center;display:grid;grid-template-columns:120px 1fr}.task-field-label{color:var(--ink-1);font-size:.875rem}.task-field-value{align-items:center;color:var(--ink-0);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.task-panel-footer{align-items:center;border-top:1px solid var(--paper-3);display:flex;gap:1rem;padding:1rem 1.25rem}.task-name-content{align-items:center;display:flex;justify-content:space-between;padding-right:.5rem;width:100%}.btn-task-details-slider{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;font-weight:500;gap:.2rem;opacity:0;padding:.15rem .4rem;transition:opacity var(--dur-fast) var(--ease-standard);white-space:nowrap}.archiease-task-row:hover .btn-task-details-slider{opacity:1}.btn-task-details-slider:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--ink-1)}.task-section-title{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.task-description-section{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a0a;margin-bottom:1rem;padding:1rem 1rem 1.1rem}.task-description-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.9rem}.task-meta-row{border-top:1px solid var(--paper-3);color:var(--ink-1);flex-wrap:wrap;font-size:.6875rem;gap:.4rem;margin-top:1.35rem;padding-top:1rem}.meta-item-row,.task-meta-row{align-items:center;display:flex}.meta-item-row{gap:.3rem}.meta-label-row{font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.meta-value-row{color:var(--ink-1);font-weight:500}.meta-separator{color:var(--paper-3)}.task-comments-section{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a0a;margin-bottom:.5rem;margin-top:0;padding:1rem 1rem 1.05rem}.task-comments-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.875rem}.task-comments-count{background:var(--paper-3);border-radius:var(--radius-md);color:var(--ink-1);font-size:.625rem;font-weight:600;min-width:16px;padding:.1rem .4rem;text-align:center}.task-comments-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.875rem}.task-comment-item{align-items:flex-start;animation:fadeIn .2s ease;display:flex;gap:.625rem}.task-comment-avatar{flex-shrink:0;margin-top:1px}.task-comment-body{flex:1 1;min-width:0}.task-comment-meta{align-items:baseline;display:flex;gap:.4rem;margin-bottom:.2rem}.task-comment-author{color:var(--ink-0);font-size:.8125rem;font-weight:600}.task-comment-time{color:var(--ink-1);font-size:.6875rem}.task-comment-content{color:var(--ink-1);font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.task-comments-empty{color:var(--ink-1);font-size:.8125rem;margin-bottom:.75rem;padding:.25rem 0}.task-comment-input-row{align-items:flex-end;display:flex;gap:.5rem;margin-top:.95rem}.task-comment-input{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-0);flex:1 1;font-family:inherit;font-size:.8125rem;line-height:1.5;max-height:120px;outline:none;overflow-y:auto;padding:.7rem .85rem;resize:none;transition:border-color .15s,box-shadow .15s}.task-comment-input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a14}.task-comment-input::placeholder{color:var(--paper-3)}.task-comment-send{align-items:center;background:var(--paper-1);border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:not-allowed;display:flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:.35rem;height:38px;justify-content:center;min-width:88px;padding:0 .85rem;transition:all var(--dur-fast) var(--ease-standard)}.task-comment-send.active{color:#fff;cursor:pointer}.task-comment-send.active,.task-comment-send.active:hover{background:var(--vermilion-700)}@media (max-width:768px){.task-detail-panel{border-bottom:none;border-radius:0;border-top:none;bottom:0;max-width:100vw;right:0;top:0;width:100vw}.task-panel-main{padding:1rem 1rem 1.25rem}.task-panel-kicker-row{flex-wrap:wrap}.task-panel-layout-grid{grid-template-columns:1fr}.task-panel-meta-row{align-items:flex-start;flex-direction:column;gap:.35rem}.task-panel-meta-value{text-align:left}.task-comment-input-row{align-items:stretch;flex-direction:column}.task-comment-send{width:100%}}.deliverables-tab{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1rem 0}.deliverables-list{display:flex;flex-direction:column;gap:.625rem;padding:0 .25rem}.deliverable-phase{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .15s}.deliverable-phase:hover{box-shadow:0 2px 8px #0000000f}.deliverable-phase-header{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.deliverable-phase-header:hover{background:var(--paper-1)}.deliverable-phase-left{align-items:center;display:flex;gap:.75rem;min-width:0}.deliverable-phase-index{align-items:center;background:var(--paper-1);border-radius:var(--radius-sm);color:var(--ink-1);display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:24px;justify-content:center;letter-spacing:0;text-transform:none;width:24px}.deliverable-phase-name{color:var(--color-text-body);font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deliverable-progress{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.deliverable-progress-pct{font-feature-settings:"tnum";color:var(--ink-1);font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:28px;text-align:right}.deliverable-progress-bar{background:var(--paper-1);height:6px;width:100px}.deliverable-progress-bar,.deliverable-progress-fill{border-radius:var(--radius-pill);overflow:hidden;position:relative}.deliverable-progress-fill{animation:progress-entrance .7s cubic-bezier(.4,0,.2,1) both;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),background .4s ease}.deliverable-progress-fill:not(.complete):after{animation:progress-shine 2.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff73 50%,#0000);content:"";height:100%;left:-60%;position:absolute;top:0;width:60%}.deliverable-progress-fill.complete{animation:progress-entrance .7s cubic-bezier(.4,0,.2,1) both,complete-glow .6s ease-out .7s both}@keyframes progress-entrance{0%{transform:scaleX(0);transform-origin:left center}to{transform:scaleX(1);transform-origin:left center}}@keyframes progress-shine{0%{left:-60%}60%{left:110%}to{left:110%}}@keyframes complete-glow{0%{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 0 4px #22c55e33}to{box-shadow:0 0 0 0 #22c55e00}}.deliverable-progress-text{font-feature-settings:"tnum";color:var(--ink-1);font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:28px;text-align:right}.deliverable-complete-icon,.deliverable-progress-text.complete{color:var(--ok-500)}.deliverable-substages{background:var(--paper-1);border-top:1px solid var(--paper-1);display:flex;flex-direction:column;gap:.125rem;padding:.375rem .75rem .625rem}.deliverable-empty{align-items:center;color:var(--ink-1);display:flex;font-size:.8rem;gap:1rem;padding:.625rem .25rem}.deliverable-add-btn{background:var(--vermilion-500);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 6px #d2451a26;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .875rem;transition:all var(--dur-fast) var(--ease-standard)}.deliverable-add-btn:hover{box-shadow:0 4px 10px #d2451a26}.deliverable-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;padding:.6rem .75rem;transition:background .1s}.deliverable-item:hover{background:var(--paper-1)}.deliverable-check{align-items:center;border:1.5px solid var(--paper-3);border-radius:5px;color:#0000;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:20px}.deliverable-item:hover .deliverable-check{border-color:var(--vermilion-500)}.deliverable-check.checked{background:var(--ok-500);border-color:var(--ok-500);border-radius:5px;color:#fff}.deliverable-name{color:var(--ink-1);flex:1 1;font-size:.9rem;line-height:1.4;transition:color .15s}.deliverable-item.completed .deliverable-name{color:var(--ink-1);text-decoration:line-through;text-decoration-color:var(--paper-3)}.deliverable-completed-by{background:var(--paper-1);border-radius:var(--radius-sm);color:var(--ink-1);font-size:.7rem;padding:.1rem .4rem;white-space:nowrap}.project-drawings-tab{display:flex;flex-direction:column;height:100%;overflow-y:auto}.drawings-toolbar{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1.5rem}.drawings-filters{align-items:center;display:flex;gap:.5rem}.drawings-filter-select{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.8rem;outline:none;padding:.3rem .75rem}.drawings-filter-select:focus{border-color:var(--ink-1)}.drawings-upload-btn{align-items:center;display:flex;flex:0 0 auto;gap:.45rem}.drawings-upload-btn:hover{transform:none}.drawings-empty{align-items:center;color:var(--paper-3);display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;padding:4rem;text-align:center}.drawings-empty p{color:var(--ink-1);font-size:.9rem;font-weight:500;margin:0}.drawings-empty span{color:var(--paper-3);font-size:.8rem}.drawings-table{flex:1 1}.drawings-list-header,.drawings-row{grid-template-columns:minmax(280px,1fr) 140px 140px 160px 130px 168px!important}.drawings-cell{font-size:.8rem;padding:.375rem 1rem}.drawing-file-icon,.drawings-cell{align-items:center;color:var(--ink-1);display:flex}.drawing-file-icon{background:var(--paper-1);border-radius:var(--radius-sm);flex-shrink:0;height:30px;justify-content:center;margin-right:.75rem;width:30px}.drawing-file-name{color:var(--color-text-body);font-size:.85rem;font-weight:500;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-file-size{color:var(--ink-1);font-size:.7rem;margin-top:2px}.drawing-uploader{align-items:center;display:flex;font-size:.8rem;gap:.4rem}.drawings-actions{align-items:center;display:flex;gap:.45rem;justify-content:flex-end;opacity:1;padding-right:1rem}.drawings-action-btn{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--ink-0);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;justify-content:center;min-height:1.9rem;padding:.35rem .65rem;transition:all .18s ease}.drawings-action-btn:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--vermilion-700)}.drawings-action-btn svg{flex-shrink:0}.archiease-assignee-display{align-items:center;display:flex;gap:.5rem;overflow:hidden;width:100%}.archiease-assignee-name{color:var(--color-text-body);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-container{display:flex;flex-direction:column;gap:.75rem}.projects-list-page.main-content{max-width:100%}.project-list-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.project-list-row:hover{border-color:var(--color-accent-light);box-shadow:0 6px 20px #d2451a1a}.project-header-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem}.project-name-section{align-items:center;color:var(--ink-0);display:flex;font-weight:600;gap:.5rem}.project-progress-section{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;min-width:200px}.project-progress-bar{background:var(--color-border);border-radius:var(--radius-pill);flex:1 1;height:6px;overflow:hidden}.project-progress-fill{background:var(--ok-500);height:100%}.project-progress-text{color:var(--ink-1);font-size:.875rem;text-align:right;width:36px}.project-expanded-content{border-top:1px solid var(--color-border-subtle);padding:0 1.25rem 1.25rem}.project-tasks-table{border-collapse:collapse;width:100%}.project-tasks-table th{border-bottom:1px solid var(--paper-3);color:var(--ink-1);font-size:.75rem;letter-spacing:.05em;padding:.75rem .5rem;text-transform:uppercase}.project-tasks-table td{border-bottom:1px solid var(--paper-1);font-size:.9rem;padding:.75rem .5rem}.project-task-empty-state{color:var(--ink-1);font-size:.95rem;padding:1.5rem;text-align:center}.project-task-add-row{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.project-task-add-row input{border:1px solid var(--paper-3);border-radius:var(--radius-sm);flex:1 1;font-size:.9rem;padding:.6rem .75rem}.project-task-add-row button{background:var(--vermilion-500);border:none;border-radius:var(--radius-pill);box-shadow:0 2px 8px #d2451a26;color:var(--paper-0);cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.project-task-add-row button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.project-toast{border-radius:var(--radius-pill);bottom:24px;box-shadow:0 8px 20px #0f172a26;color:var(--paper-0);font-weight:600;padding:.75rem 1rem;position:fixed;right:24px}.project-toast.success{background:var(--ok-500)}.project-toast.error{background:var(--danger-500)}@media (max-width:768px){.projects-header-compact{align-items:flex-start;flex-direction:column;gap:1rem;height:auto;padding:1rem 0}.projects-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.projects-title-compact{font-size:1.25rem}.data-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem;width:100%}.data-table{min-width:800px}.project-list-page{padding:0 1rem}.pagination-controls{align-items:center;flex-direction:column;gap:1rem}.pagination-buttons{justify-content:center;width:100%}}.audit-log-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.audit-log-item{background-color:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.9rem;padding:1rem}.audit-log-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.audit-user-avatar{align-items:center;background-color:var(--info-500);border-radius:var(--radius-pill);color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.audit-meta{display:flex;flex:1 1;flex-direction:column}.audit-user-name{color:var(--ink-0);font-weight:600}.audit-time{color:var(--ink-1);font-size:.75rem}.audit-action-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.action-create{background-color:var(--ok-50);color:var(--ok-500)}.action-update{background-color:var(--info-50);color:var(--info-500)}.action-delete{background-color:var(--danger-50);color:var(--danger-500)}.audit-content{padding-left:3rem}.audit-change{background-color:#fff;border:1px solid var(--paper-1);border-radius:var(--radius-sm);padding:.75rem}.field-label{color:var(--ink-1);display:block;font-size:.85rem;margin-bottom:.5rem}.value-change{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.old-value{background-color:var(--danger-50);color:var(--danger-500);text-decoration:line-through}.new-value,.old-value{border-radius:var(--radius-sm);font-size:.85rem;padding:.125rem .375rem}.new-value{background-color:var(--ok-50);color:var(--ok-500);font-weight:500}.arrow-icon,.audit-message{color:var(--ink-1)}.audit-empty,.audit-error,.audit-loading{color:var(--ink-1);font-style:italic;padding:2rem;text-align:center}.audit-error{color:var(--danger-500)}.resource-allocator{padding:0}.resource-allocator,.resource-allocator-skeleton{display:flex;flex-direction:column;gap:1rem}.skel{animation:skelShimmer 1.6s linear infinite;background:linear-gradient(90deg,var(--paper-1) 25%,var(--paper-2) 50%,var(--paper-1) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-budget-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem}.skel-budget-top{align-items:center;display:flex;gap:1rem;justify-content:space-between}.skel-stat-row{display:flex;flex:1 1;gap:1.5rem}.skel-budget-bar,.skel-stat{display:flex;flex-direction:column;gap:.5rem}.skel-grid-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.skel-grid-header{background:var(--paper-1);padding:.875rem 1rem}.skel-grid-header,.skel-grid-row{border-bottom:1px solid var(--paper-1);display:flex;gap:0}.skel-grid-row{align-items:center;padding:1rem}.resource-allocator .loading-spinner{align-items:center;color:var(--ink-1);display:flex;font-size:.875rem;height:200px;justify-content:center}.resource-allocator .empty-state{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center}.resource-allocator .empty-state h3{color:var(--ink-0);font-size:1rem;font-weight:600;margin-bottom:.5rem}.resource-allocator .empty-state p{color:var(--ink-1);font-size:.875rem;margin:0 auto .5rem;max-width:400px}.resource-allocator .error-message{background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-sm);color:var(--danger-500);font-size:.875rem;padding:.875rem 1rem}.budget-header{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.budget-project-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.25rem .75rem}.budget-project-copy{flex:1 1;min-width:0}.budget-project-kicker{color:var(--ink-1);font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.budget-project-title{color:var(--ink-0);font-size:1.4rem;letter-spacing:-.03em;line-height:1.15;margin:0}.budget-project-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.1rem}.budget-project-note{color:var(--ink-1);font-size:.78rem;font-weight:600;margin-top:.45rem}.budget-summary-strip{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1.25rem .9rem}.budget-summary-item{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.2rem;min-height:68px;padding:.8rem .95rem}.stat-label{color:var(--ink-1);font-size:.6875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.stat-value{color:var(--ink-0);font-family:var(--font-mono);font-size:1.0625rem;font-weight:600;letter-spacing:-.02em}.budget-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.burn-bar-section{background:var(--paper-1);border-top:1px solid var(--paper-1);padding:.75rem 1.25rem}.burn-bar-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.4rem}.burn-label{letter-spacing:.5px;text-transform:uppercase}.burn-amount,.burn-label{color:var(--ink-1);font-size:.6875rem;font-weight:600}.burn-bar{background:var(--paper-3);border-radius:99px;height:6px;overflow:hidden;position:relative}.burn-bar-fill{border-radius:99px;height:100%;transition:width .5s ease,background-color .3s ease}.burn-bar-overflow{background:repeating-linear-gradient(135deg,var(--danger-500),var(--danger-500) 3px,var(--danger-500) 3px,var(--danger-500) 6px);border-radius:99px;height:100%;position:absolute;right:0;top:0}.burn-bar-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.3rem}.burn-status{font-size:.6875rem;font-weight:500}.burn-status.healthy{color:var(--ok-500)}.burn-status.warning{color:var(--warn-500)}.burn-status.critical{color:var(--danger-500)}.burn-percentage{color:var(--ink-0);font-size:.75rem;font-weight:600}.allocation-grid{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a;font-size:.8125rem;overflow:auto}.allocation-header{background:var(--paper-1);border-bottom:1px solid var(--paper-3);color:var(--ink-1);display:grid;font-size:.6875rem;font-weight:600;grid-template-columns:200px 100px repeat(3,minmax(120px,1fr)) 90px;grid-template-columns:200px 100px repeat(var(--phase-count,3),minmax(120px,1fr)) 90px;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:2}.header-cell{border-right:1px solid var(--paper-3);display:flex;flex-direction:column;justify-content:center;padding:.6875rem .875rem}.header-cell:last-child{border-right:none}.header-cell.team-member-col{background:var(--paper-1);left:0;position:sticky;z-index:3}.header-cell.total-col{align-items:center;background:var(--paper-1);text-align:center}.phase-name{color:var(--ink-1);font-size:.6875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-number{color:var(--ink-1);font-size:.5625rem;font-weight:500;letter-spacing:0;margin-top:.125rem;text-transform:none}.allocation-row{border-bottom:1px solid var(--paper-1);display:grid;grid-template-columns:200px 100px repeat(3,minmax(120px,1fr)) 90px;grid-template-columns:200px 100px repeat(var(--phase-count,3),minmax(120px,1fr)) 90px;transition:background-color .1s ease}.allocation-row:last-child{border-bottom:none}.allocation-row:hover{background:var(--paper-1)}.team-member-cell{align-items:center;background:inherit;border-right:1px solid var(--paper-3);display:flex;gap:.625rem;left:0;padding:.75rem .875rem;position:sticky;z-index:1}.allocation-row:hover .team-member-cell{background:var(--paper-1)}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{color:var(--ink-0);font-size:.8125rem;font-weight:600}.member-designation,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-designation{color:var(--ink-1);font-size:.6875rem;margin-top:.0625rem}.rate-cell{align-items:center;border-right:1px solid var(--paper-3);display:flex;padding:.75rem .875rem}.hourly-rate{color:var(--ink-1);font-size:.75rem;font-weight:500;white-space:nowrap}.phase-cell{align-items:center;border-right:1px solid var(--paper-1);cursor:pointer;display:flex;justify-content:center;min-height:52px;padding:.375rem .5rem;position:relative;transition:background-color .1s ease}.phase-cell:last-child{border-right:none}.phase-cell:hover:not(.has-assignment){background:var(--info-50)}.phase-cell .add-icon{color:var(--paper-3);font-size:1.125rem;font-weight:300;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard) ease,color .15s ease}.phase-cell:hover .add-icon{color:var(--vermilion-500);opacity:1}.phase-cell.has-assignment{cursor:default}.assignment-chip{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.0625rem;max-width:96px;padding:.3125rem .625rem;width:100%}.assignment-chip .hours{color:var(--vermilion-700);font-size:.8125rem;font-weight:600}.assignment-chip .cost{color:var(--vermilion-500);font-size:.5625rem;font-weight:500}.total-cell{align-items:center;background:var(--paper-1);border-left:1px solid var(--paper-3);display:flex;flex-direction:column;justify-content:center;padding:.5rem}.total-hours{color:var(--ink-0);font-size:.8125rem;font-weight:600}.total-cost{color:var(--ink-1);font-size:.5625rem;font-weight:500;margin-top:.0625rem}.allocation-footer{background:var(--paper-1);border-top:1px solid var(--paper-3);display:grid;font-size:.75rem;font-weight:600;grid-template-columns:200px 100px repeat(3,minmax(120px,1fr)) 90px;grid-template-columns:200px 100px repeat(var(--phase-count,3),minmax(120px,1fr)) 90px}.footer-cell{align-items:center;border-right:1px solid var(--paper-3);display:flex;flex-direction:column;justify-content:center;padding:.625rem .875rem}.footer-cell:first-child{align-items:flex-start;background:var(--paper-1);color:var(--ink-1);font-size:.6875rem;left:0;letter-spacing:.4px;position:sticky;text-transform:uppercase;z-index:1}.footer-cell:last-child{background:var(--paper-1);border-right:none}.footer-phase-hours{color:var(--ink-0);font-size:.8125rem;font-weight:600}.footer-phase-cost{color:var(--ink-1);font-size:.6rem;font-weight:500;margin-top:.0625rem}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;inset:0}.modal-content{background:#fff;border-radius:var(--radius-sm);box-shadow:0 20px 40px -10px #0003,0 4px 12px #00000014;max-width:380px;padding:1.5rem;width:100%}.modal-content h3{color:var(--ink-0);font-size:1rem;font-weight:600;margin:0 0 1rem}.modal-info{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.8125rem;margin-bottom:1rem;padding:.625rem .875rem}.modal-info p{color:var(--ink-1);margin:.125rem 0}.utilization-warning{background:var(--warn-50);border:1px solid var(--warn-500);border-radius:var(--radius-sm);color:var(--warn-500);font-size:.8125rem;line-height:1.5;margin-bottom:1rem;padding:.75rem}.over-limit{color:var(--danger-500);font-weight:600}.form-group{margin-bottom:.875rem}.form-group label{color:var(--ink-0);display:block;font-size:.75rem;font-weight:600;margin-bottom:.3125rem}.form-group input{border:1px solid var(--paper-4);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-0);font-size:.875rem;padding:.5rem .75rem;transition:border-color .15s ease;width:100%}.form-group input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a14;outline:none}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.btn-primary{border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:background var(--dur-fast) var(--ease-standard)}.btn-primary,.btn-primary:hover{background:var(--ink-0)}.btn-secondary{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:background var(--dur-fast) var(--ease-standard)}.btn-secondary:hover{background:var(--paper-3)}.team-modal-user{align-items:center;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;padding:.625rem .75rem;transition:background .1s ease}.team-modal-user:last-child{border-bottom:none}.team-modal-user:hover{background:var(--paper-1)}.team-modal-search{margin-bottom:.875rem;position:relative}.team-modal-search-icon{color:var(--ink-1);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.team-modal-search-input{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-0);font-family:inherit;font-size:.875rem;padding:.7rem .875rem .7rem 2.45rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.team-modal-search-input::placeholder{color:var(--ink-1)}.team-modal-search-input:focus{background:#fff;border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a14;outline:none}.team-modal-user-info{align-items:center;display:flex;gap:.625rem}.team-modal-user-details{display:flex;flex-direction:column}.team-modal-user-name{color:var(--ink-0);font-size:.875rem;font-weight:500}.team-modal-user-sub{color:var(--ink-1);font-size:.75rem}.on-team-badge{align-items:center;color:var(--ok-500);display:flex;gap:.25rem}.add-to-team-btn,.on-team-badge{font-size:.75rem;font-weight:600}.add-to-team-btn{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:5px;color:var(--ink-1);cursor:pointer;padding:.3125rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.add-to-team-btn:hover{background:var(--ink-0);border-color:var(--ink-0);color:#fff}@media (max-width:768px){.budget-project-header{flex-wrap:wrap;gap:.75rem}.budget-actions{width:100%}.budget-actions .btn-primary,.budget-actions .btn-secondary{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;justify-content:center}.budget-summary-strip{grid-template-columns:1fr}.allocation-footer,.allocation-header,.allocation-row{grid-template-columns:160px 85px repeat(3,minmax(90px,1fr)) 70px;grid-template-columns:160px 85px repeat(var(--phase-count,3),minmax(90px,1fr)) 70px}}.loading-container-modern{min-height:200px;padding:2rem}.loading-container-modern,.loading-full-page{align-items:center;display:flex;justify-content:center}.loading-full-page{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner-modern{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.spinner-ring{display:inline-block;position:relative}.spinner-small{height:32px;width:32px}.spinner-medium{height:48px;width:48px}.spinner-large{height:64px;width:64px}.ring-segment{animation:spin-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:var(--radius-pill);border-top:3px solid var(--vermilion-500);height:100%;position:absolute;width:100%}.ring-segment:first-child{animation-delay:-.45s;border-top-color:var(--vermilion-500)}.ring-segment:nth-child(2){animation-delay:-.3s;border-top-color:var(--vermilion-400);opacity:.8}.ring-segment:nth-child(3){animation-delay:-.15s;border-top-color:var(--vermilion-400);opacity:.6}.ring-segment:nth-child(4){animation-delay:0s;border-top-color:var(--vermilion-400);opacity:.4}@keyframes spin-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-modern.pulse .spinner-ring{animation:pulse-scale 1.5s ease-in-out infinite}@keyframes pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.loading-message-modern{animation:fade-in-out 2s ease-in-out infinite;color:var(--ink-1);font-size:.9375rem;font-weight:500;margin:0;text-align:center}@keyframes fade-in-out{0%,to{opacity:.6}50%{opacity:1}}.loading-inline{align-items:center;display:inline-flex;gap:.5rem}.loading-inline .spinner-ring{height:16px;width:16px}.loading-inline .ring-segment{border-width:2px}.skeleton-loading{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper-3) 50%,var(--paper-2) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loading-overlay{align-items:center;animation:fade-in .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.loading-container-modern{min-height:150px;padding:1.5rem}.loading-message-modern{font-size:.875rem}}.my-tasks-page.main-content{display:flex;flex-direction:column;gap:1rem;max-width:100%;min-height:0}.my-tasks-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:.1rem 0}.my-tasks-toolbar.loading{min-height:56px}.my-tasks-toolbar-main{display:flex;flex:1 1 auto;flex-direction:column;gap:.3rem;min-width:0}.my-tasks-toolbar-topline{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.my-tasks-toolbar-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.my-tasks-toolbar-title{color:var(--ink-0);font-family:var(--font-display);font-size:1.55rem;line-height:1.1;margin:0}.my-tasks-toolbar-count{align-items:center;background:var(--paper-2);border-radius:var(--radius-sm);color:var(--ink-1);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:500;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .4rem}.my-tasks-toolbar-summary{color:var(--vermilion-500);font-size:.8rem;font-weight:600}.my-tasks-toolbar-subtitle{color:var(--ink-1);font-size:.82rem;line-height:1.45;margin:0;max-width:720px}.my-tasks-toolbar-subtitle-row{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.my-tasks-filter-pill{align-items:center;background:var(--warn-50);border-radius:var(--radius-sm);color:var(--warn-500);display:inline-flex;font-size:.74rem;font-weight:600;padding:.35rem .65rem}.my-tasks-toolbar-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.6rem;justify-content:flex-end;margin-left:auto}.my-tasks-toolbar-control-group{align-items:center;display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;gap:.6rem}.btn-filter-compact,.view-toggle-btn-compact{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-0);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.45rem;justify-content:center;min-height:2.2rem;padding:.5rem .8rem;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.btn-filter-compact:hover,.view-toggle-btn-compact:hover{background:var(--paper-1);border-color:var(--paper-4);color:var(--vermilion-700)}.btn-filter-compact.active,.view-toggle-btn-compact.active{background:var(--vermilion-50);border-color:var(--vermilion-500);color:var(--vermilion-700)}.btn-filter-compact{position:relative}.btn-filter-count{align-items:center;background:var(--paper-3);border-radius:var(--radius-pill);color:inherit;display:inline-flex;font-size:.68rem;font-weight:800;height:1.15rem;justify-content:center;line-height:1;min-width:1.15rem;padding:0 .28rem}.btn-filter-compact svg,.view-toggle-btn-compact svg{height:16px;width:16px}.filter-badge{background:var(--warn-500);border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--paper-0);height:.48rem;width:.48rem}.view-toggle-compact{align-items:center;display:inline-flex;gap:.45rem}.workspace-view-toggle{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);flex:0 0 auto;gap:.28rem;min-height:2.2rem;padding:.12rem}.workspace-view-toggle,.workspace-view-toggle-btn{align-items:center;box-sizing:border-box;display:inline-flex}.workspace-view-toggle-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;font-size:.8rem;font-weight:600;gap:.42rem;justify-content:center;min-height:1.96rem;padding:.5rem .78rem;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);white-space:nowrap}.workspace-view-toggle-btn:hover{background:#ffffffb8;color:var(--ink-0)}.workspace-view-toggle-btn.active{background:var(--paper-0);box-shadow:0 1px 2px #0f172a14;color:var(--vermilion-700)}.workspace-view-toggle-btn svg{flex-shrink:0}.my-tasks-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.my-tasks-stat-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:.65rem;padding:.5rem .75rem}.my-tasks-stat-icon{align-items:center;border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;height:1.75rem;justify-content:center;width:1.75rem}.my-tasks-stat-icon.tone-accent{background:var(--vermilion-50);color:var(--vermilion-700)}.my-tasks-stat-icon.tone-warning{background:var(--warn-50);color:var(--warn-500)}.my-tasks-stat-icon.tone-danger{background:var(--danger-50);color:var(--danger-500)}.my-tasks-stat-icon.tone-info{background:var(--info-50);color:var(--info-500)}.my-tasks-stat-value{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.my-tasks-stat-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.my-tasks-list-layout{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex:0 1 auto;flex-direction:column;gap:0;min-height:0;overflow:hidden}.my-tasks-list-head{background:var(--paper-1);padding:0}.my-tasks-section-stack{gap:0}.my-tasks-section-stack,.task-list-group{display:flex;flex-direction:column}.task-group-header-row{align-items:center;background:var(--paper-1);border:none;border-top:1px solid var(--paper-3);cursor:pointer;display:flex;gap:.55rem;padding:.48rem 1rem;text-align:left;transition:background var(--dur-fast) var(--ease-standard);width:100%}.my-tasks-section-stack>.task-list-group:first-child>.task-group-header-row{border-top:none}.task-group-header-row:hover{background:var(--paper-2)}.task-group-chevron{color:var(--ink-1);flex-shrink:0;transition:transform var(--dur-fast) var(--ease-standard)}.task-group-chevron.collapsed{transform:rotate(-90deg)}.task-group-dot{border-radius:var(--radius-pill);flex-shrink:0;height:7px;width:7px}.task-group-dot.tone-danger{background:var(--danger-500)}.task-group-dot.tone-accent{background:var(--vermilion-500)}.task-group-dot.tone-info{background:var(--info-500)}.task-group-dot.tone-neutral{background:var(--ink-1)}.task-group-label{flex:1 1;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.task-group-count,.task-group-label{color:var(--ink-1);font-family:var(--font-mono)}.task-group-count{align-items:center;background:var(--paper-3);border-radius:var(--radius-pill);display:inline-flex;font-size:.7rem;font-weight:600;height:1.4rem;justify-content:center;min-width:1.4rem;padding:0 .42rem}.task-group-header-row.tone-accent,.task-group-header-row.tone-danger,.task-group-header-row.tone-info{background:var(--paper-1);border-top-color:var(--paper-3)}.task-group-header-row.tone-accent:hover,.task-group-header-row.tone-danger:hover,.task-group-header-row.tone-info:hover{background:var(--paper-2)}.task-group-header-row--loading{cursor:default;pointer-events:none}.task-group-skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,var(--paper-3) 25%,var(--paper-1) 50%,var(--paper-3) 75%);background-size:200% 100%;border-radius:var(--radius-sm);display:inline-block}.task-group-skeleton--label{height:.7rem;width:120px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.my-tasks-section-body{min-height:0;overflow:visible;padding:0}.my-tasks-section-body .archiease-task-row,.my-tasks-section-body .archiease-task-row:last-child{border-bottom:none!important}.col-resize-handle{bottom:0;cursor:col-resize;position:absolute;right:0;top:0;width:5px;z-index:1}.col-resize-handle:active,.col-resize-handle:hover{background:var(--color-accent);opacity:.4}.archiease-task-project-cell{align-items:center;display:flex;overflow:hidden}.archiease-project-link{color:var(--ink-1);font-size:.8rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease-standard);white-space:nowrap}.archiease-project-link:hover{color:var(--color-accent)}.my-tasks-list-head.archiease-list-header>div,.my-tasks-section-body .archiease-task-row>div{border-right:1px solid var(--color-border)}.my-tasks-list-head.archiease-list-header>div:last-child,.my-tasks-section-body .archiease-task-row>div:last-child{border-right:none}.my-tasks-empty-state{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.8rem;justify-content:center;padding:4rem 1.5rem;text-align:center}.my-tasks-empty-icon{align-items:center;background:var(--paper-2);border-radius:var(--radius-md);color:var(--ink-1);display:inline-flex;height:3rem;justify-content:center;width:3rem}.my-tasks-empty-state h2{color:var(--ink-0);font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:-.015em;margin:0}.my-tasks-empty-state p{color:var(--ink-1);line-height:1.6;margin:0;max-width:540px}.board-task-card{background-color:var(--color-surface);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1rem 1rem 1rem 1.1rem;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);-webkit-user-select:none;user-select:none}.board-task-card:hover{border-color:var(--color-accent-light);border-left-color:var(--color-accent)}.board-task-card[data-priority=LOW]{border-left-color:var(--ok-500)}.board-task-card[data-priority=HIGH],.board-task-card[data-priority=MEDIUM]{border-left-color:var(--warn-500)}.board-task-card[data-priority=URGENT]{border-left-color:var(--danger-500)}.board-task-card.dragging{border-color:var(--ink-1);border-style:dashed;opacity:.4}.task-card-row-1{align-items:flex-start;display:flex;gap:.75rem}.task-check-icon{align-items:center;color:var(--paper-4);display:flex;margin-top:2px}.task-card-name{color:var(--color-text-body);font-size:.95rem;font-weight:500;line-height:1.4}.task-card-row-2{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.task-card-row-3{align-items:center;display:flex;gap:.75rem}.task-assignee-avatar-small{align-items:center;background-color:var(--vermilion-400);border-radius:var(--radius-pill);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.task-due-date-text{color:var(--ink-1);font-size:.85rem}.task-due-date-text.overdue{color:var(--danger-500)}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.2rem 0}.pagination-info{color:var(--ink-1);font-size:.85rem}.pagination-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b223080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-filter-modal{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.task-filter-modal-header{align-items:center;background:var(--paper-1);border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.task-filter-modal-header-content{align-items:center;display:flex;gap:.875rem}.task-filter-modal-icon{align-items:center;background:var(--paper-2);border-radius:var(--radius-md);color:var(--ink-0);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.task-filter-modal-title{color:var(--ink-0);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.015em;margin:0}.task-filter-modal-subtitle{color:var(--ink-1);font-size:.8125rem;margin:.125rem 0 0}.modal-close-button{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.modal-close-button:hover{background-color:var(--paper-1);color:var(--ink-0)}.task-filter-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.task-filter-form{display:flex;flex-direction:column;gap:1.5rem}.task-filter-form .form-group>label{align-items:center!important;color:var(--ink-1)!important;display:flex!important;font-family:var(--font-mono)!important;font-size:10px!important;font-weight:500!important;gap:.5rem!important;letter-spacing:.08em!important;margin-bottom:.75rem!important;text-transform:uppercase!important}.my-tasks-create-modal{max-width:640px}.my-tasks-create-subtitle{color:var(--ink-1);font-size:.86rem;margin:.25rem 0 0}.my-tasks-project-search{position:relative}.my-tasks-project-search-input{align-items:center;display:flex;position:relative}.my-tasks-project-search-input>svg{color:var(--ink-1);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.my-tasks-project-search-input input{padding-left:2.5rem!important;padding-right:4.5rem!important;width:100%}.my-tasks-project-clear{background:#0000;border:none;color:var(--ink-1);cursor:pointer;font-size:.78rem;font-weight:600;position:absolute;right:.625rem}.my-tasks-project-results{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.35rem;left:0;max-height:280px;overflow-y:auto;padding:.45rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:20}.my-tasks-project-option{background:var(--paper-1);border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;text-align:left;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:100%}.my-tasks-project-option span{color:var(--ink-0);font-size:.87rem;font-weight:600}.my-tasks-project-option small{color:var(--ink-1);font-size:.76rem}.my-tasks-project-option.active,.my-tasks-project-option:hover{background:var(--vermilion-50);border-color:var(--paper-4)}.my-tasks-project-empty{color:var(--ink-1);font-size:.82rem;padding:.75rem .85rem}.my-tasks-create-defaults{display:flex;flex-wrap:wrap;gap:.45rem}.my-tasks-create-defaults span{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-pill);color:var(--ink-1);display:inline-flex;font-size:.74rem;font-weight:600;min-height:1.9rem;padding:.28rem .65rem}.my-tasks-advanced-toggle{align-items:center;background:#0000;border:none;color:var(--vermilion-700);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.45rem;margin-top:.2rem;padding:0}.my-tasks-advanced-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.user-search-container,.user-search-input-wrapper{position:relative}.user-search-input-wrapper>svg{color:var(--ink-1);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.user-search-input{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink-0);font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;width:100%}.user-search-input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a14;outline:none}.user-search-results{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.user-search-result-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.625rem .875rem}.user-search-result-item:hover{background:var(--paper-1)}.user-search-result-avatar{align-items:center;background:var(--vermilion-500);border-radius:var(--radius-pill);color:#fff;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-search-result-name{color:var(--ink-0);font-size:.875rem;font-weight:500}.user-search-result-meta{color:var(--ink-1);font-size:.75rem}.task-filter-modal .checkbox-group{grid-gap:.5rem!important;display:grid!important;gap:.5rem!important;grid-template-columns:repeat(3,1fr)!important}.task-filter-modal .checkbox-label{align-items:center!important;background-color:var(--paper-0)!important;border:1px solid var(--paper-3)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;justify-content:flex-start!important;min-height:auto!important;padding:.75rem!important;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)!important}.task-filter-modal .checkbox-label:hover{background-color:var(--paper-1)!important;border-color:var(--paper-4)!important}.task-filter-modal .checkbox-input{accent-color:var(--vermilion-500)!important;border:2px solid var(--paper-3)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;flex-shrink:0!important;height:18px!important;left:0!important;margin:0!important;min-height:18px!important;min-width:18px!important;order:0!important;padding:0!important;position:relative!important;top:0!important;width:18px!important}.task-filter-modal .checkbox-text{color:var(--ink-1)!important;font-size:.8125rem!important;font-weight:500!important;line-height:1.2!important;margin:0!important;order:1!important;padding:0!important;white-space:nowrap!important}.task-filter-modal .checkbox-label:has(input:checked){background-color:var(--vermilion-50)!important;border-color:var(--vermilion-500)!important}.task-filter-modal .checkbox-label:has(input:checked) .checkbox-text{color:var(--vermilion-500)!important;font-weight:600!important}.selected-users-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.selected-user-chip{background-color:var(--vermilion-50);border:1px solid var(--paper-4);color:var(--vermilion-500);font-size:.8125rem;gap:.375rem;padding:.25rem .5rem .25rem .25rem}.selected-user-avatar,.selected-user-chip{align-items:center;border-radius:var(--radius-pill);display:flex}.selected-user-avatar{background:var(--vermilion-500);color:#fff;font-size:.6875rem;font-weight:600;height:22px;justify-content:center;width:22px}.selected-user-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-pill);color:var(--vermilion-500);cursor:pointer;display:flex;justify-content:center;padding:2px}.selected-user-remove:hover{background-color:var(--vermilion-100);color:var(--danger-500)}.task-filter-modal-footer{align-items:center;background:var(--paper-1);border-top:1px solid var(--paper-3);display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.5rem}.btn-outline-modern{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem}.btn-outline-modern:hover:not(:disabled){background-color:var(--paper-1);border-color:var(--paper-3);color:var(--ink-0)}.btn-outline-modern:disabled{cursor:not-allowed;opacity:.4}.btn-primary-modern{background:var(--vermilion-500);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 8px #d2451a33;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard) ease}.btn-primary-modern:hover{background:var(--vermilion-400)}.spinner-small{animation:spin .6s linear infinite;border:2px solid var(--paper-3);border-radius:var(--radius-pill);border-top-color:var(--vermilion-500);height:16px;width:16px}@media (max-width:768px){.my-tasks-page{padding:0 1rem}.my-tasks-toolbar{align-items:flex-start;flex-direction:column}.my-tasks-toolbar-actions{justify-content:flex-start;width:100%}.my-tasks-stats-row{gap:.5rem}.my-tasks-list-layout{border-radius:var(--radius-sm);overflow-x:auto}.task-group-header-row{padding:.45rem .75rem}.projects-header-compact{align-items:flex-start;gap:1rem;height:auto;padding:1rem 0}.projects-header-right{flex-wrap:wrap;gap:1rem;justify-content:flex-start;width:100%}.view-toggle-compact{margin-left:auto}.kanban-board{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.kanban-column{min-width:100%}.archiease-list-view{overflow-x:auto;padding:0 5px!important}.task-filter-modal{max-height:85vh;max-width:100%;width:100%}.task-filter-modal .checkbox-group{grid-template-columns:repeat(2,1fr)!important}.task-filter-modal-footer{flex-direction:column}.task-filter-modal-footer button{width:100%}}.create-project-page{max-width:1280px}.create-project-header{margin-bottom:1.5rem}.create-project-header-copy{padding-left:2rem}.create-project-choice-shell{display:flex;flex-direction:column;gap:1.5rem}.create-project-choice-intro{background:linear-gradient(135deg,var(--paper-0) 0,var(--paper-1) 100%);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:0 12px 30px #0f172a0f;padding:1.75rem 2rem}.create-project-choice-badge{align-items:center;background:var(--paper-1);border-radius:var(--radius-pill);color:var(--vermilion-700);display:inline-flex;font-size:.72rem;font-weight:600;letter-spacing:.08em;padding:.35rem .7rem;text-transform:uppercase}.create-project-choice-intro h2{color:var(--ink-0);font-family:var(--font-display);font-size:1.7rem;margin:.9rem 0 .55rem}.create-project-choice-intro p{color:var(--ink-1);line-height:1.7;margin:0;max-width:70ch}.create-project-choice-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.create-project-choice-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:0 10px 24px #0f172a0d;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.create-project-choice-card:hover{border-color:var(--paper-3);box-shadow:0 18px 38px #0f172a1a;transform:translateY(-3px)}.create-project-choice-card-ai{background:linear-gradient(180deg,#eef2ffb3,var(--paper-0) 42%);border-color:#d2451a26}.create-project-choice-icon{align-items:center;background:linear-gradient(135deg,var(--vermilion-500) 0,var(--vermilion-700) 100%);border-radius:var(--radius-md);box-shadow:0 10px 20px #d2451a26;color:var(--paper-0);display:inline-flex;font-size:1.35rem;height:56px;justify-content:center;width:56px}.create-project-choice-icon-manual{background:linear-gradient(135deg,var(--paper-1) 0,var(--paper-3) 100%);box-shadow:none;color:var(--ink-1)}.create-project-choice-copy{display:flex;flex-direction:column;gap:.75rem;min-height:100%}.create-project-choice-title-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.create-project-choice-title-row h3{color:var(--ink-0);font-size:1.15rem;margin:0}.create-project-choice-tag{align-items:center;background:var(--paper-1);border-radius:var(--radius-pill);color:var(--ink-1);display:inline-flex;font-size:.75rem;font-weight:600;padding:.28rem .65rem}.create-project-choice-tag-ai{background:var(--paper-1);color:var(--vermilion-700)}.create-project-choice-copy p{color:var(--ink-1);line-height:1.65;margin:0}.create-project-choice-list{color:var(--ink-1);display:flex;flex-direction:column;gap:.45rem;line-height:1.55;margin:0;padding-left:1.1rem}.create-project-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr)}.create-project-form-intro{background:linear-gradient(180deg,var(--paper-0) 0,var(--paper-1) 100%);border:1px solid var(--paper-3);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.25rem 1.35rem}.create-project-form-intro h2{color:var(--ink-0);font-size:1.35rem;margin:.75rem 0 .35rem}.create-project-form-intro p{color:var(--ink-1);line-height:1.65;margin:0}.create-project-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.create-project-sidecard{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a0d;padding:1.25rem}.create-project-sidecard h3{color:var(--ink-0);font-size:1.05rem;margin:.85rem 0 .5rem}.create-project-sidecard p{color:var(--ink-1);line-height:1.65;margin:0 0 1rem}.create-project-sidecard .btn-primary-modern{justify-content:center;width:100%}.create-project-sidecard-muted{background:var(--paper-1)}.create-project-side-list{color:var(--ink-1);display:flex;flex-direction:column;gap:.55rem;line-height:1.55;margin:0;padding-left:1.1rem}@media (max-width:1024px){.create-project-layout{grid-template-columns:1fr}.create-project-sidebar{position:static}}@media (max-width:768px){.create-project-header-copy{padding-left:0}.create-project-choice-grid{grid-template-columns:1fr}.create-project-choice-card,.create-project-choice-intro{padding:1.25rem}.create-project-choice-title-row{align-items:flex-start;flex-direction:column}}.td-page{-webkit-font-smoothing:antialiased;margin:0 auto;max-width:1360px;padding:1.5rem 2rem 3rem}.td-hero{margin-bottom:1.5rem}.td-surface{background:radial-gradient(circle at top right,#f5eef8eb,#0000 28%),linear-gradient(180deg,var(--paper-0) 0,var(--paper-0) 100%);border:1px solid #e2e8f0eb;border-radius:28px;box-shadow:0 18px 42px #0f172a14,inset 0 1px 0 #ffffffb3;overflow:visible;padding:1.15rem 1.25rem 1.35rem;position:relative}.td-hero-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.td-back-btn{align-items:center;background:none;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:.5rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.td-back-btn:hover{background:var(--color-bg);border-color:var(--color-border-subtle);color:var(--ink-0)}.td-back-link{align-items:center;background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:var(--radius-md);box-shadow:0 8px 18px #0f172a0a;color:var(--ink-1);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:.4rem;min-height:2.5rem;padding:.45rem .9rem;transition-duration:.18s;transition-property:background-color,border-color,color,transform,box-shadow;transition-timing-function:cubic-bezier(.2,0,0,1)}.td-back-link:hover{background:var(--paper-0);border-color:var(--paper-3);box-shadow:0 12px 22px #0f172a12;color:var(--ink-0)}.td-hero-actions{display:flex;flex-wrap:wrap;gap:.5rem}.td-hero-kicker-row{justify-content:space-between;margin-bottom:.9rem}.td-hero-kicker,.td-hero-kicker-row{align-items:center;display:flex;gap:.75rem}.td-hero-kicker{flex-wrap:wrap;min-width:0}.td-id-chip,.td-project-chip{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.76rem;font-weight:600;gap:.45rem;letter-spacing:.01em;min-height:2rem;padding:.42rem .8rem}.td-project-chip{background:var(--paper-1);color:var(--ink-0);max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.td-project-chip:hover{background:var(--paper-2);color:var(--ink-0)}.td-project-chip-muted{background:var(--paper-1);color:var(--ink-1)}.td-project-chip-dot{background:var(--ink-0);border-radius:var(--radius-pill);flex-shrink:0;height:.55rem;width:.55rem}.td-id-chip{font-feature-settings:"tnum";background:var(--paper-1);border:1px solid var(--paper-3);color:var(--ink-1);font-variant-numeric:tabular-nums;white-space:nowrap}.td-breadcrumb{align-items:center;display:inline-flex;font-size:.82rem;gap:.35rem;min-width:0}.td-breadcrumb-link{color:var(--info-500);font-weight:500;text-decoration:none;transition:color .15s}.td-breadcrumb-link:hover{color:var(--info-500);text-decoration:underline}.td-breadcrumb-sep{color:var(--ink-1)}.td-breadcrumb-label{color:var(--ink-1);font-size:.8rem;font-weight:400}.td-breadcrumb-value{color:var(--ink-1);font-size:.85rem;font-weight:500;min-width:0}.td-hero-title{text-wrap:balance;max-width:18ch}.td-hero-title,.td-hero-title-input{color:var(--ink-0);font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0 0 1rem}.td-hero-title-input{background:var(--paper-0);border:1px solid #d2451a26;border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a0f;box-sizing:border-box;display:block;font-family:inherit;outline:none;overflow:hidden;padding:.7rem .9rem;resize:none;width:100%}.td-editable{cursor:pointer;transition-duration:.18s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.2,0,0,1)}.td-editable:hover{opacity:.78}.td-saving-dot{animation:td-pulse .8s ease infinite;background:var(--info-500);border-radius:var(--radius-pill);display:inline-block;height:6px;margin-left:6px;vertical-align:middle;width:6px}@keyframes td-pulse{0%,to{opacity:.3}50%{opacity:1}}.td-hero-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.td-priority-pill,.td-status-pill{align-items:center;border-radius:var(--radius-pill);box-shadow:inset 0 1px 0 #ffffffd1;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;letter-spacing:.03em;min-height:2rem;padding:.38rem .85rem;text-transform:uppercase}.td-status-icon{font-size:.7rem}.td-stage-pill{font-weight:500;letter-spacing:.03em;padding:.3rem .85rem;text-transform:uppercase}.td-due-pill,.td-stage-pill{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-pill);color:var(--ink-1);display:inline-flex;font-size:.78rem}.td-due-pill{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;gap:6px;min-height:2rem;padding:.38rem .85rem}.td-due-wrapper{display:inline-flex;position:relative}.td-due-hidden-input{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:100%;width:0}.td-due-diff{font-feature-settings:"tnum";font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:600;opacity:.75}.td-due-overdue{background:var(--danger-50);border-color:var(--danger-50)}.td-due-overdue,.td-due-overdue .td-due-diff{color:var(--danger-500)}.td-meta-sep{color:var(--paper-3);font-size:.9rem;font-weight:300;-webkit-user-select:none;user-select:none}.td-meta-pill{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-pill);box-shadow:inset 0 1px 0 #ffffffe6;color:var(--ink-1);display:inline-flex;font-size:.78rem;font-weight:500;gap:4px;min-height:2rem;padding:.38rem .82rem}.td-meta-pill-quiet{background:var(--paper-1)}.td-meta-pill-label{color:var(--ink-1);font-size:.72rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.td-meta-subtle{font-feature-settings:"tnum";color:var(--ink-1);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:400}.td-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.td-message-success{background:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.td-message-error{background:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.td-grid{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.5fr) minmax(300px,.82fr)}.td-main-col{gap:1.5rem}.td-main-col,.td-sidebar{display:flex;flex-direction:column}.td-sidebar{gap:1rem;position:sticky;top:1.5rem}.td-card{background:var(--paper-0);border:1px solid #e2e8f0eb;border-radius:var(--radius-lg);box-shadow:0 14px 34px #0f172a0d,inset 0 1px 0 #ffffffd1;overflow:visible;transition-duration:.2s;transition-property:box-shadow,transform;transition-timing-function:cubic-bezier(.2,0,0,1)}.td-card:hover{box-shadow:0 18px 40px #0f172a14,inset 0 1px 0 #ffffffdb}.td-card-header{align-items:center;background:linear-gradient(180deg,var(--paper-0) 0,var(--paper-0) 100%);border-bottom:1px solid var(--paper-3);border-radius:var(--radius-lg) 24px 0 0;display:flex;justify-content:space-between;padding:1rem 1.15rem}.td-card-header h3{align-items:center;color:var(--color-text-body);display:flex;font-size:.92rem;font-weight:600;gap:8px;margin:0}.td-card-header h3 svg{color:var(--ink-1);flex-shrink:0}.td-hours-total{font-feature-settings:"tnum";background:var(--paper-1);border-radius:var(--radius-pill);color:var(--ink-0);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;margin-left:4px;padding:.2rem .5rem}.td-card-body{padding:1.15rem}.td-comments-card{display:flex;flex-direction:column;overflow:hidden}.td-comments-scroll-area{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:360px;overflow-y:auto;padding:1rem 1.25rem}.td-comment-item{align-items:flex-start;display:flex;gap:.75rem}.td-comment-avatar{align-items:center;background:var(--vermilion-500);border-radius:var(--radius-pill);color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;justify-content:center;overflow:hidden}.td-comment-body{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #fffc;flex:1 1;padding:.7rem .9rem}.td-comment-meta{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.td-comment-author{color:var(--color-text-body);font-size:.8rem;font-weight:600}.td-comment-time{font-feature-settings:"tnum";color:var(--ink-1);font-size:.75rem;font-variant-numeric:tabular-nums}.td-comment-content{text-wrap:pretty;color:var(--ink-1);font-size:.875rem;line-height:1.55;white-space:pre-wrap}.td-comment-input-row{align-items:flex-start;background:var(--paper-1);border-top:1px solid var(--paper-1);display:flex;flex-shrink:0;gap:.75rem;padding:.875rem 1.25rem}.td-comment-input-wrap{display:flex;flex:1 1;flex-direction:column;gap:.65rem}.td-comment-textarea{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffffd1;box-sizing:border-box;color:var(--color-text-body);font-family:inherit;font-size:.875rem;line-height:1.55;padding:.8rem .95rem;resize:none;transition-duration:.18s;transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.2,0,0,1);width:100%}.td-comment-textarea:focus{background:var(--paper-0);border-color:var(--vermilion-500);box-shadow:0 0 0 4px #d2451a14;outline:none}.td-comment-composer-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.td-comment-hint{color:var(--ink-1);font-size:.74rem;line-height:1.4}.td-comment-send-btn{align-items:center;background:var(--vermilion-700);border:none;border-radius:var(--radius-md);color:var(--paper-0);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;justify-content:center;line-height:1;min-height:2.4rem;padding:.55rem .95rem;transition-duration:.18s;transition-property:background-color,opacity,transform,box-shadow;transition-timing-function:cubic-bezier(.2,0,0,1);white-space:nowrap}.td-comment-send-btn:hover:not(:disabled){background:var(--vermilion-600);box-shadow:0 14px 28px #6a248738}.td-comment-send-btn:disabled{cursor:not-allowed;opacity:.5}.td-description p{text-wrap:pretty;color:var(--ink-1);font-size:.9rem;line-height:1.7;margin:0 0 .35rem}.td-desc-bullet{padding-left:.25rem;position:relative}.td-empty-text{color:var(--ink-1);font-size:.875rem;font-style:italic;margin:0}.td-desc-edit{display:flex;flex-direction:column;gap:.75rem}.td-desc-textarea{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink-1);font-family:inherit;font-size:.9rem;line-height:1.7;min-height:160px;outline:none;padding:.9rem 1rem;resize:vertical;transition-duration:.18s;transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.2,0,0,1);width:100%}.td-desc-textarea:focus{background:var(--paper-0);border-color:var(--vermilion-500);box-shadow:0 0 0 4px #d2451a14}.td-desc-edit-actions{display:flex;gap:.5rem}.td-inline-dropdown{display:inline-flex;position:relative}.td-summary-row .td-inline-dropdown{justify-content:flex-end}.td-summary-row .td-dropdown-menu{left:auto;right:0}.td-dropdown-menu{background:var(--paper-0);border:1.5px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:0 18px 34px #0f172a1f;left:0;max-height:240px;min-width:180px;overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 4px);z-index:100}.td-dropdown-search{border:none;border-bottom:1px solid var(--paper-1);color:var(--ink-1);font-family:inherit;font-size:.8rem;outline:none;padding:.5rem .6rem;width:100%}.td-dropdown-item{border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;font-size:.8rem;padding:.55rem .7rem;transition-duration:.14s;transition-property:background-color,color;transition-timing-function:cubic-bezier(.2,0,0,1)}.td-dropdown-item:hover{background:var(--paper-1)}.td-dropdown-active{background:var(--info-50);color:var(--info-500);font-weight:600}.td-timelog-list{display:flex;flex-direction:column;gap:0}.td-timelog-item{align-items:flex-start;border-bottom:1px solid var(--paper-1);display:flex;gap:.875rem;padding:.875rem 0}.td-timelog-item:last-child{border-bottom:none;padding-bottom:0}.td-timelog-item:first-child{padding-top:0}.td-timelog-hours{align-items:center;background:var(--ink-0);border-radius:var(--radius-sm);color:var(--paper-0);display:flex;flex-shrink:0;font-size:.78rem;font-weight:600;height:32px;justify-content:center;min-width:48px}.td-timelog-content{flex:1 1;min-width:0}.td-timelog-desc{color:var(--ink-1);font-size:.875rem;line-height:1.5;margin-bottom:4px}.td-timelog-meta{color:var(--ink-1);display:flex;font-size:.75rem;gap:.75rem}.td-empty-block{padding:2rem 1rem;text-align:center}.td-empty-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.td-empty-block p{color:var(--ink-1);font-size:.875rem;margin:0 0 1rem}.td-meta{background:var(--paper-0);border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);padding:.75rem 1rem}.td-meta-row{align-items:center;display:flex;justify-content:space-between;padding:.4rem 0}.td-meta-label{color:var(--ink-1);font-size:.78rem;font-weight:500}.td-meta-value{align-items:center;color:var(--ink-0);display:flex;font-size:.8rem;font-weight:500;gap:5px;text-align:right}.td-meta-muted{color:var(--ink-1);font-size:.75rem;font-weight:400}.td-meta-divider{background:var(--paper-1);height:1px;margin:.35rem 0}.td-inline-badge{border-radius:var(--radius-pill);display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:1px 8px;text-transform:uppercase}.td-text-danger{color:var(--danger-500)!important}.td-overdue-tag{background:var(--danger-500);border-radius:3px;color:var(--paper-0);font-size:.6rem;font-weight:600;letter-spacing:.04em;padding:1px 5px}.td-link{color:var(--info-500);font-size:.8rem;font-weight:500;text-decoration:none;transition:color .15s}.td-link:hover{color:var(--info-500);text-decoration:underline}.td-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;min-height:2.5rem;padding:.55rem 1rem;text-decoration:none;transition-duration:.18s;transition-property:background-color,border-color,color,transform,box-shadow,opacity;transition-timing-function:cubic-bezier(.2,0,0,1);white-space:nowrap}.td-btn-primary{background:var(--ink-0);color:var(--paper-0)}.td-btn-primary:hover{box-shadow:0 4px 12px #0f172a40;opacity:.9}.td-btn-sm{font-size:.78rem;padding:.375rem .875rem}.td-btn-secondary{color:var(--ink-1)}.td-btn-secondary,.td-btn-secondary:hover{background:var(--paper-1);border-color:var(--paper-3)}.td-btn-secondary:hover{color:var(--ink-0)}.td-btn-danger{background:var(--paper-0);border-color:var(--danger-50);color:var(--danger-500)}.td-btn-danger:hover{background:var(--danger-50);border-color:var(--danger-500)}.td-btn-check{background:var(--ok-500);color:var(--paper-0)}.td-btn-check:hover:not(:disabled){box-shadow:0 4px 12px #0596694d;opacity:.9}.td-btn-check-disabled{background:var(--paper-1);color:var(--ink-1);cursor:not-allowed}.td-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.td-spinner{animation:td-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-pill);border-top:2px solid var(--paper-0);display:inline-block;height:14px;width:14px}@keyframes td-spin{to{transform:rotate(1turn)}}.td-skeleton-header{margin-bottom:2rem}.td-skeleton-line{animation:td-shimmer 1.5s ease infinite;background:linear-gradient(90deg,var(--paper-1) 25%,var(--paper-3) 50%,var(--paper-1) 75%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:.75rem}.td-sk-w40{width:40%}.td-sk-w70{width:70%}.td-sk-h12{height:12px}.td-sk-h28{height:28px}.td-sk-h200{height:200px}.td-skeleton-badges{display:flex;gap:.5rem}.td-skeleton-badge{animation:td-shimmer 1.5s ease infinite;background:linear-gradient(90deg,var(--paper-1) 25%,var(--paper-3) 50%,var(--paper-1) 75%);background-size:200% 100%;border-radius:var(--radius-pill);height:28px;width:80px}.td-skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 340px}.td-skeleton-card{animation:td-shimmer 1.5s ease infinite;background:linear-gradient(90deg,var(--paper-1) 25%,var(--paper-3) 50%,var(--paper-1) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes td-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.td-error-state{padding:4rem 2rem;text-align:center}.td-error-icon{display:block;font-size:3rem;margin-bottom:1rem}.td-error-state h2{color:var(--ink-0);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.td-error-state p{color:var(--ink-1);margin:0 0 1.5rem}.td-summary-card{overflow:visible}.td-summary-body{display:flex;flex-direction:column;gap:.2rem}.td-summary-row{align-items:flex-start;border-bottom:1px solid var(--paper-1);display:flex;gap:1rem;justify-content:space-between;padding:.65rem 0}.td-summary-row:last-child{border-bottom:none;padding-bottom:0}.td-summary-label{color:var(--ink-1);flex:0 0 92px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.td-summary-control,.td-summary-link,.td-summary-value{align-items:center;color:var(--ink-0);display:inline-flex;font-size:.84rem;font-weight:600;gap:.45rem;justify-content:flex-end;min-width:0;text-align:right}.td-summary-link{color:var(--ink-0);text-decoration:none}.td-summary-link:hover{color:var(--ink-0);text-decoration:underline}.td-summary-control{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #ffffffe6;padding:.4rem .65rem}.td-summary-muted{color:var(--ink-1);font-weight:500}.td-person-chip{align-items:center;color:var(--ink-0);display:inline-flex;font-size:.84rem;font-weight:600;gap:.55rem;justify-content:flex-end;min-width:0;text-align:right}.td-summary-avatar{flex-shrink:0}.td-summary-code,.td-summary-date,.td-summary-figure{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-summary-code{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:.28rem .55rem}@media (max-width:1024px){.td-grid{grid-template-columns:1fr}.td-sidebar{position:static}.td-skeleton-grid{grid-template-columns:1fr}}@media (max-width:768px){.td-page{padding:1rem 1rem 2rem}.td-surface{border-radius:22px;padding:1rem}.td-hero-top{align-items:stretch;flex-direction:column;gap:.75rem}.td-hero-kicker-row{align-items:flex-start;flex-direction:column}.td-hero-actions{justify-content:flex-start}.td-hero-title{font-size:1.6rem;max-width:none}.td-sidebar{grid-template-columns:1fr}.td-summary-row{align-items:flex-start;flex-direction:column;gap:.45rem}.td-summary-label{flex-basis:auto}.td-person-chip,.td-summary-control,.td-summary-link,.td-summary-value{justify-content:flex-start;text-align:left}.td-comment-composer-footer{align-items:stretch;flex-direction:column}.td-comment-send-btn{width:100%}}@media (max-width:480px){.td-hero-actions{flex-direction:column}.td-btn{justify-content:center}.td-hero-meta{gap:.375rem}.td-due-pill,.td-id-chip,.td-meta-pill,.td-priority-pill,.td-project-chip,.td-status-pill{justify-content:center;width:100%}.td-meta-subtle{width:100%}}.timesheet-page{gap:1rem}.timesheet-loading-state{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a0d;color:var(--ink-1);display:flex;font-size:.92rem;justify-content:center;min-height:320px}.timesheet-save-btn,.timesheet-save-btn:hover:not(:disabled){background:var(--info-50);border-color:var(--info-50);color:var(--info-500)}.timesheet-save-btn:disabled{cursor:not-allowed;opacity:.55}.timesheet-date-control{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-0);cursor:pointer;display:inline-flex;font:inherit;gap:.42rem;line-height:1;max-width:100%;min-height:2.2rem;padding:.42rem .62rem;position:relative;white-space:nowrap;width:fit-content}.timesheet-date-control svg{flex-shrink:0}.timesheet-date-control-value{font-size:.78rem;font-weight:600;letter-spacing:.01em}.timesheet-date-native{height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;width:100%}.timesheet-table-shell{display:flex;flex-direction:column;gap:.8rem;min-width:0}.timesheet-table-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between}.timesheet-table-kicker{color:var(--ink-1);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.timesheet-table-total{font-feature-settings:"tnum";align-items:baseline;color:var(--ink-1);display:inline-flex;font-size:.84rem;font-variant-numeric:tabular-nums;gap:.35rem}.timesheet-table-total strong{color:var(--ink-0);font-size:1.05rem}.timesheet-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a0d;overflow:auto}.timesheet-table{border-collapse:initial;border-spacing:0;min-width:860px;width:100%}.timesheet-table thead th{background:var(--paper-1);border-bottom:1px solid var(--paper-3);color:var(--ink-1);font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:.9rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.timesheet-table thead th.align-center{text-align:center}.timesheet-row{background:var(--paper-0)}.timesheet-row.has-hours{background:var(--paper-1)}.timesheet-row td{border-bottom:1px solid var(--paper-3)}.timesheet-row.is-expanded td{border-bottom:none}.timesheet-cell{padding:.85rem 1rem;vertical-align:middle}.timesheet-cell.align-center{text-align:center}.timesheet-cell-task{box-shadow:inset 3px 0 0 #0000;position:relative}.timesheet-row.has-hours .timesheet-cell-task{box-shadow:inset 3px 0 0 var(--info-500)}.timesheet-task-name{text-wrap:balance;color:var(--ink-0);font-size:.9rem;font-weight:600}.timesheet-phase-name,.timesheet-task-number{color:var(--ink-1);font-size:.74rem;margin-top:.12rem}.timesheet-project-name{color:var(--ink-1);font-size:.84rem}.timesheet-status-badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.72rem;font-weight:600;padding:.22rem .55rem;white-space:nowrap}.timesheet-total-spent{font-feature-settings:"tnum";color:var(--ink-0);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600}.timesheet-muted-dash{color:var(--paper-3);font-size:.84rem}.timesheet-entry-inputs{align-items:center;display:inline-flex;gap:.28rem}.timesheet-time-input{font-feature-settings:"tnum";background:var(--paper-1);border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-0);font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:600;outline:none;padding:.42rem .3rem;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;width:3rem}.timesheet-time-input:focus{background:var(--paper-0);border-color:var(--info-50);box-shadow:0 0 0 3px #3b82f61f}.timesheet-time-input.active{background:var(--info-50);border-color:var(--info-500)}.timesheet-time-suffix{color:var(--ink-1);font-size:.72rem;font-weight:600;-webkit-user-select:none;user-select:none}.timesheet-note-toggle{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:2rem}.timesheet-note-toggle:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--ink-1)}.timesheet-note-toggle:active{transform:scale(.96)}.timesheet-note-toggle.active{background:var(--info-50);border-color:var(--info-50);color:var(--info-500)}.timesheet-note-row td{border-bottom:1px solid var(--paper-3)}.timesheet-note-cell{box-shadow:inset 3px 0 0 #0000;padding:0 1rem .9rem 1.25rem}.timesheet-note-row.has-hours .timesheet-note-cell{box-shadow:inset 3px 0 0 var(--info-500)}.timesheet-note-input{text-wrap:pretty;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-0);font-family:inherit;font-size:.84rem;line-height:1.5;min-height:4.5rem;outline:none;padding:.7rem .8rem;resize:vertical;width:min(100%,640px)}.timesheet-note-input:focus{border-color:var(--info-50);box-shadow:0 0 0 3px #3b82f61f}@media (max-width:900px){.timesheet-table-meta{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.timesheet-page .my-tasks-toolbar{align-items:flex-start}.timesheet-page .my-tasks-toolbar-actions,.timesheet-page .my-tasks-toolbar-control-group{flex-wrap:wrap;justify-content:flex-start;width:100%}.timesheet-date-control{justify-content:space-between;width:100%}.timesheet-date-control-value{min-width:0;width:100%}}.today-focus-page{display:flex;flex-direction:column;gap:1.25rem;max-width:100%}.today-focus-toolbar-links{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.today-focus-toolbar-link{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);display:inline-flex;font-size:.8125rem;font-weight:500;justify-content:center;min-height:1.875rem;padding:.3rem .75rem;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.today-focus-toolbar-link:hover{background:var(--paper-1);border-color:var(--paper-4);color:var(--ink-0)}.today-focus-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)}.today-focus-main,.today-focus-side{display:flex;flex-direction:column;gap:1rem}.today-focus-panel{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);padding:18px 20px}.today-focus-panel-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:14px}.today-focus-panel-header h2{color:var(--ink-0);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.015em;margin:4px 0 0}.today-focus-panel-header a{align-items:center;color:var(--vermilion-600);display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:.2rem;margin-top:4px;text-decoration:none}.today-focus-panel-header a:hover{color:var(--vermilion-500)}.today-focus-panel-eyebrow{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.today-focus-alert{align-items:center;background:var(--danger-50);border:1px solid var(--vermilion-200);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;padding:11px 14px}.today-focus-alert-copy{align-items:center;color:var(--vermilion-700);display:flex;font-size:.875rem;gap:.6rem}.today-focus-alert-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.today-focus-alert-actions a{color:var(--vermilion-600);font-size:.8125rem;font-weight:500;text-decoration:none}.today-focus-alert-actions a:hover{color:var(--vermilion-700)}.today-focus-alert-actions button{align-items:center;background:var(--vermilion-100);border:none;border-radius:var(--radius-sm);color:var(--vermilion-700);cursor:pointer;display:inline-flex;height:1.75rem;justify-content:center;transition:background var(--dur-fast) var(--ease-standard);width:1.75rem}.today-focus-alert-actions button:hover{background:var(--vermilion-200)}.today-focus-resume-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.today-focus-resume-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:14px 16px}.today-focus-resume-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.today-focus-resume-card h3{color:var(--ink-0);font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:-.012em;margin:6px 0 3px}.today-focus-resume-card p{color:var(--ink-1);font-size:.8125rem;line-height:1.5;margin:0}.today-focus-resume-card a{align-items:center;color:var(--vermilion-600);display:inline-flex;font-size:.8125rem;font-weight:500;gap:.2rem;margin-top:10px;text-decoration:none}.today-focus-resume-card a:hover{color:var(--vermilion-500)}.today-focus-task-workspace{display:flex;flex-direction:column;gap:.75rem;min-width:0}.today-focus-task-list-layout{overflow-x:auto;overflow-y:hidden}.today-focus-task-row{position:relative}.today-focus-task-row .btn-task-details-slider{min-height:2rem}.today-focus-task-cell{display:flex;flex-direction:column;gap:.2rem;min-width:0;width:100%}.today-focus-task-name{color:var(--ink-0);font-weight:600}.today-focus-task-meta-line{min-width:0}.today-focus-task-project{color:var(--ink-1);display:block;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-focus-attendance-value,.today-focus-task-row .archiease-badge,.today-focus-task-row .archiease-task-date,.today-focus-task-row .badge-priority{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.today-focus-action-list,.today-focus-attendance-list{display:flex;flex-direction:column;gap:6px}.today-focus-action-link,.today-focus-attendance-item{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;gap:12px;padding:10px 14px}.today-focus-action-link{color:inherit;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.today-focus-action-link:hover{background:var(--paper-1);border-color:var(--paper-4)}.today-focus-action-link>div{display:flex;flex-direction:column;gap:2px;min-width:0}.today-focus-action-link strong{color:var(--ink-0);font-size:.875rem;font-weight:500}.today-focus-action-link span{color:var(--ink-1);font-size:.8rem}.today-focus-action-link svg:last-child{color:var(--paper-4);margin-left:auto}.today-focus-attendance-icon{align-items:center;border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.today-focus-attendance-icon.tone-success{background:var(--ok-50);color:var(--ok-500)}.today-focus-attendance-icon.tone-danger{background:var(--danger-50);color:var(--danger-500)}.today-focus-attendance-icon.tone-info{background:var(--info-50);color:var(--info-500)}.today-focus-attendance-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.today-focus-attendance-value{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:500;margin-top:2px}.today-focus-empty,.today-focus-loading{background:var(--paper-1);border-radius:var(--radius-md);color:var(--ink-1);font-size:.875rem;padding:14px 16px}.today-focus-task-list{display:flex;flex-direction:column;gap:.6rem}.today-focus-task-link{text-decoration:none}.today-focus-task-item{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;gap:.9rem;justify-content:space-between;padding:.9rem 1rem;transition:background var(--dur-fast) var(--ease-standard)}.today-focus-task-item:hover{background:var(--paper-1)}.today-focus-task-item.tone-danger{background:var(--danger-50);border-color:var(--vermilion-200)}.today-focus-task-item.tone-warning{background:var(--warn-50)}.today-focus-task-copy{min-width:0}.today-focus-task-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.today-focus-task-title-row h3{color:var(--ink-0);font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:-.012em;margin:0}.today-focus-task-copy p{color:var(--ink-1);font-size:.8125rem;margin:.2rem 0 0}.today-focus-task-due{align-items:center;background:var(--paper-2);border-radius:var(--radius-sm);color:var(--ink-1);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px}.today-focus-task-due.tone-danger{background:var(--danger-50);color:var(--danger-500)}.today-focus-task-due.tone-warning{background:var(--warn-50);color:var(--warn-500)}.today-focus-task-action{align-items:center;color:var(--vermilion-600);display:inline-flex;font-size:.8125rem;font-weight:500;gap:.25rem;white-space:nowrap}@media (max-width:1024px){.today-focus-grid{grid-template-columns:1fr}}@media (max-width:768px){.today-focus-toolbar-links{width:100%}.today-focus-resume-grid{grid-template-columns:1fr}.today-focus-alert{flex-direction:column}.today-focus-action-link,.today-focus-alert,.today-focus-task-item{align-items:flex-start}.today-focus-task-action{justify-content:flex-end;width:100%}.today-focus-task-workspace .archiease-task-row,.today-focus-task-workspace .my-tasks-list-head{min-width:760px}}.approvals-page.main-content{display:flex;flex-direction:column;gap:1rem;max-width:100%}.admin-shell{display:flex;flex-direction:column;gap:1.25rem}.admin-shell.main-content{padding-top:.35rem}.admin-hero{border-bottom:1px solid var(--paper-3);padding-bottom:1.25rem}.admin-hero-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.admin-hero-kicker{color:var(--ink-1);display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.admin-hero-title{color:var(--ink-0);font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:-.018em;line-height:1.2;margin:0 0 .25rem}.admin-hero-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.admin-hero-copy{color:var(--ink-1);font-size:.875rem;line-height:1.5;margin:0;max-width:600px}.admin-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.admin-stat-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:12px 14px}.admin-stat-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.admin-stat-value{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:19px;font-variant-numeric:tabular-nums;font-weight:500;margin-top:4px}.admin-stat-note{color:var(--ink-1);font-size:.8rem;margin-top:2px}.admin-panel{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.admin-panel-header{align-items:flex-start;border-bottom:1px solid var(--paper-3);display:flex;gap:1rem;justify-content:space-between;padding:14px 16px}.admin-panel-title{color:var(--ink-0);font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:-.012em;margin:0}.admin-panel-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.admin-panel-copy{color:var(--ink-1);font-size:.8125rem;line-height:1.5;margin:3px 0 0}.admin-toolbar{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:12px 16px}.admin-toolbar--flat{border-bottom:none}.admin-search-wrap{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;gap:.65rem;height:40px;min-width:0;padding:0 .9rem;position:relative;width:min(100%,360px)}.admin-search-wrap:focus-within{background:var(--paper-0);border-color:var(--paper-4);box-shadow:var(--shadow-focus)}.admin-search-wrap svg{color:var(--ink-1);flex:0 0 auto;pointer-events:none;position:static}.admin-search-input{background:#0000;border:0;border-radius:0;box-sizing:border-box;color:var(--ink-0);flex:1 1 auto;font-size:.875rem;height:100%;line-height:1;min-width:0;outline:none;padding:0;text-indent:0;transition:color var(--dur-fast) var(--ease-standard);width:auto}.admin-search-input:focus{box-shadow:none}.admin-toolbar-note{color:var(--ink-1);font-size:.8125rem}.admin-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:3rem 1.5rem;text-align:center}.admin-empty-icon{align-items:center;background:var(--paper-2);border-radius:var(--radius-md);color:var(--ink-1);display:inline-flex;height:48px;justify-content:center;width:48px}.admin-empty h3{color:var(--ink-0);font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0}.admin-empty p{color:var(--ink-1);font-size:.875rem;line-height:1.6;margin:0;max-width:400px}.admin-role-pill{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.04em;line-height:1;min-height:2rem;padding:.38rem .82rem;text-transform:uppercase;white-space:nowrap}.admin-meta-cluster{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.admin-meta-chip{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-pill);color:var(--ink-1);display:inline-flex;font-size:.78rem;font-weight:600;gap:.35rem;padding:.38rem .75rem}@media (max-width:768px){.admin-stat-grid{grid-template-columns:1fr}.admin-search-wrap{width:100%}}.edit-user-page{gap:1.25rem}.edit-user-hero{padding-bottom:1rem}.edit-user-hero-copy{display:flex;flex-direction:column;gap:.85rem}.edit-user-identity{align-items:center;display:flex;gap:1rem}.edit-user-avatar{background:linear-gradient(135deg,var(--vermilion-700),var(--vermilion-500));box-shadow:0 12px 24px #4f46e533;color:var(--paper-0);font-size:1.15rem;font-weight:600}.edit-user-form{display:flex;flex-direction:column;gap:1.25rem}.edit-user-panel-body{padding:1.25rem}.edit-user-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-user-field{display:flex;flex-direction:column;gap:.4rem}.edit-user-field-full{margin-top:1rem}.edit-user-field label{color:var(--ink-2);font-size:.83rem;font-weight:600;letter-spacing:.01em}.edit-user-input{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--ink-0);font-size:.95rem;line-height:1.4;min-height:44px;outline:none;padding:.75rem .9rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.edit-user-input:focus{border-color:var(--paper-4);box-shadow:0 0 0 4px #94a3b829}.edit-user-input.is-readonly{background:var(--paper-1);color:var(--ink-1);cursor:not-allowed}.edit-user-textarea{min-height:132px;resize:vertical}.edit-user-help{color:var(--ink-1);font-size:.8rem;line-height:1.45;margin:0}.edit-user-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:0 .1rem .5rem}.edit-user-secondary-btn{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:40px;padding:.7rem 1rem;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.edit-user-secondary-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4);box-shadow:0 10px 24px #0f172a0f}.edit-user-primary-btn:disabled,.edit-user-secondary-btn:disabled{cursor:not-allowed;opacity:.65}.edit-user-primary-btn{min-height:40px;padding-inline:1rem}@media (max-width:900px){.edit-user-grid{grid-template-columns:1fr}}@media (max-width:768px){.edit-user-identity{align-items:flex-start}.edit-user-footer{flex-direction:column-reverse}.edit-user-primary-btn,.edit-user-secondary-btn{justify-content:center;width:100%}}.payslip-management{padding:24px 0}.payslip-controls-bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.view-toggles{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:8px;padding:4px}.toggle-btn{font-family:var(--font-body);font-size:16px;padding:6px 12px;transition:all var(--dur-fast) var(--ease-standard)}.toggle-btn:hover{background:#0000000d;color:var(--ink-0)}.toggle-btn.active{background:var(--color-surface);box-shadow:var(--shadow-sm)}.filter-controls{align-items:center;display:flex;gap:12px}.filter-controls label{color:var(--ink-1);font-family:var(--font-body);font-size:14px;font-weight:500}.status-filter-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-0);cursor:pointer;font-family:var(--font-body);font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.status-filter-select:focus{border-color:var(--color-accent-light)}.payslips-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.payslip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s}.payslip-card:hover{box-shadow:var(--shadow-md)}.payslip-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.payslip-header h4{color:var(--ink-0);font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0}.payslip-details{flex-grow:1;margin-bottom:20px}.detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.detail-row span:first-child{color:var(--ink-1)}.detail-row span:last-child,.detail-row strong{color:var(--ink-0);font-weight:500}.net-salary{color:var(--color-success)!important;font-size:1.1em;font-weight:600!important}.payslip-card-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.data-table-container{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.data-table{border-collapse:collapse;font-family:var(--font-body);font-size:14px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--paper-2);padding:.82rem 1rem;text-align:left}.data-table th{background-color:var(--paper-1);color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.data-table td{font-feature-settings:"tnum";color:var(--ink-0);font-size:13px;font-variant-numeric:tabular-nums;line-height:1.45}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:var(--paper-1)}.data-table tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--vermilion-500)}.table-actions{align-items:center;display:flex;gap:12px}.status-badge{border-radius:var(--radius-pill);box-shadow:0 1px 2px #0000001a;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.status-select-small{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-0);cursor:pointer;font-family:var(--font-body);font-size:12px;padding:6px 10px}.btn-icon{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;padding:6px;transition:background .2s}.btn-icon:hover{background-color:var(--color-bg)}.btn-link{background:none;border:none;color:var(--ink-0);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:500;padding:0}.btn-link:hover{text-decoration:underline}.modal-content.small{max-width:400px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.user-select-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.user-select-item{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:10px;padding:10px 12px;transition:background .1s}.user-select-item:last-child{border-bottom:none}.user-select-item:hover{background-color:var(--color-border-subtle)}.user-select-item.header{background-color:var(--color-bg);font-weight:600;position:sticky;top:0;z-index:1}.user-select-item input[type=checkbox]{accent-color:var(--ink-0);cursor:pointer;height:16px;width:16px}.progress-bar{background-color:var(--color-border);border-radius:var(--radius-pill);height:8px;margin:20px 0;overflow:hidden}.progress-fill{background-color:var(--color-success);height:100%;transition:width .3s ease}.no-data{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--ink-1);padding:48px;text-align:center}.alert{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;font-family:var(--font-body);font-size:14px;justify-content:space-between;margin-bottom:24px;padding:14px 18px}.alert-error{background-color:var(--danger-50);border:1px solid var(--danger-50);color:var(--danger-500)}.alert-success{background-color:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.text-muted{color:var(--ink-1)}.text-sm{font-size:13px}.btn-danger{background-color:var(--color-danger);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-weight:500;padding:10px 20px}.btn-danger:hover{background-color:var(--danger-500)}.onboard-register-page{position:relative}.onboard-left-panel{width:auto}.onboard-register-content{max-width:440px}.onboard-form-header{margin-bottom:var(--space-6)}.onboard-step-meta{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.onboard-progress{display:flex;gap:var(--space-3);margin-bottom:var(--space-7)}.onboard-progress-step{background:var(--paper-3);border-radius:var(--radius-pill);flex:1 1;height:3px;transition:background-color var(--dur-fast) var(--ease-standard)}.onboard-progress-step.active{background:var(--vermilion-500)}.onboard-password-wrap{position:relative}.onboard-password-wrap .form-input{padding-right:58px!important}.onboard-password-note{color:var(--ink-1);font-size:12px;line-height:1.45;margin-top:6px}.onboard-inline-error,.onboard-submit-error{color:var(--danger-500);font-size:12px;line-height:1.45;margin-top:6px}.onboard-submit-error{background:var(--danger-50);border:1px solid var(--vermilion-100);border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:9px 10px}.onboard-select{appearance:none}.onboard-optional{color:var(--ink-1);font-weight:400}.onboard-form-actions{display:flex;gap:var(--space-3)}.onboard-form-actions>*{flex:1 1}.onboard-secondary-btn{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;font-size:14px;font-weight:500;min-height:40px;padding:8px 14px;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);width:100%}.onboard-secondary-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4)}.onboard-secondary-btn:active:not(:disabled){background:var(--paper-2);transform:translateY(1px)}.onboard-secondary-btn:disabled{cursor:not-allowed;opacity:.45}.onboard-login-link{color:var(--ink-1);font-size:13px;margin-top:var(--space-7);text-align:center}.onboard-login-link span{color:var(--vermilion-700);cursor:pointer;font-weight:500}.onboard-login-link span:hover{color:var(--vermilion-500)}.onboard-right-panel,.onboard-status-page{align-items:center;justify-content:center}.onboard-status-page{background:var(--paper-1);display:flex;padding:var(--space-8)}.onboard-status-shell{max-width:560px;position:relative;width:100%;z-index:1}.onboard-status-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-8);text-align:center}.onboard-status-brand{margin-bottom:var(--space-7)}.onboard-status-icon{align-items:center;background:var(--vermilion-50);border-radius:var(--radius-sm);color:var(--vermilion-700);display:flex;height:56px;justify-content:center;margin:0 auto var(--space-5);width:56px}.onboard-status-icon,.onboard-status-title{font-family:var(--font-display);font-size:24px;font-weight:600}.onboard-status-title{color:var(--ink-0);margin:0 0 var(--space-3)}.onboard-status-copy{color:var(--ink-1);font-size:14px;line-height:1.6;margin:0 0 var(--space-3)}.onboard-status-email{color:var(--ink-0);font-family:var(--font-mono);font-size:13px;font-weight:500;margin:0 0 var(--space-5)}.onboard-status-alert{background:var(--ok-50);border:1px solid #2f6b432e;border-radius:var(--radius-sm);color:var(--ok-500);font-size:13px;margin-bottom:var(--space-4);padding:9px 10px}.onboard-status-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.onboard-status-btn{flex:1 1}.onboard-status-footnote{color:var(--ink-1);font-size:12px;margin:var(--space-5) 0 0}@media (max-width:1024px){.onboard-left-panel{width:100%}.onboard-right-title{font-size:32px}}@media (max-width:768px){.onboard-form-actions,.onboard-status-actions{flex-direction:column}.onboard-right-panel{padding-top:var(--space-7)}.onboard-right-title{font-size:28px}.onboard-status-card{padding:var(--space-6)}}.invoice-page-shell{display:flex;flex-direction:column;gap:1rem;max-width:100%}@keyframes spin{to{transform:rotate(1turn)}}.invoice-primary-action{align-items:center;border-radius:var(--radius-sm);color:var(--paper-0);display:inline-flex;font-size:.82rem;font-weight:600;gap:.45rem;min-height:2.2rem;padding:.5rem .9rem;text-decoration:none}.invoice-primary-action,.invoice-primary-action:hover{background:var(--vermilion-700)}.invoice-filter-bar{display:flex;flex-wrap:wrap;gap:.85rem}.invoice-filter-group{display:flex;flex-direction:column;gap:.4rem}.invoice-filter-label{align-items:center;color:var(--ink-1);display:inline-flex;font-size:.72rem;font-weight:600;gap:.35rem;letter-spacing:.05em;text-transform:uppercase}.invoice-filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.invoice-filter-pill{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-pill);cursor:pointer;font-size:.78rem;gap:.5rem;min-height:2rem;padding:.35rem .8rem;transition:all .18s ease}.invoice-filter-pill,.invoice-filter-pill-count{align-items:center;color:var(--ink-1);display:inline-flex;font-weight:600}.invoice-filter-pill-count{background:var(--paper-3);border-radius:var(--radius-pill);font-size:.72rem;height:1.3rem;justify-content:center;line-height:1;min-width:1.3rem;padding:0 .35rem}.invoice-filter-pill.active{background:var(--paper-1);border-color:var(--vermilion-100);color:var(--vermilion-700)}.invoice-filter-pill.active .invoice-filter-pill-count{background:var(--paper-3);color:var(--ink-0)}.invoice-list-grid{display:flex;flex-direction:column;gap:.9rem}.invoice-list-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;padding:1rem 1.1rem;text-align:left;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;width:100%}.invoice-list-card:hover{background:var(--paper-1);border-color:var(--paper-4);box-shadow:inset 2px 0 0 var(--vermilion-500),var(--shadow-xs)}.invoice-list-card-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.invoice-list-number-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.invoice-list-number-row h2{color:var(--ink-0);font-size:1rem;margin:0}.invoice-list-client{color:var(--ink-1);font-size:.84rem;margin:.35rem 0 0}.invoice-list-amounts{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem}.invoice-list-amounts strong{font-feature-settings:"tnum";color:var(--ink-0);font-size:1rem;font-variant-numeric:tabular-nums}.invoice-list-amounts span,.invoice-pagination-page{color:var(--ink-1);font-size:.78rem}.invoice-list-meta-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.95rem}.invoice-meta-item{display:flex;flex-direction:column;gap:.15rem}.invoice-meta-item span{color:var(--paper-4);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.invoice-meta-item strong{font-feature-settings:"tnum";color:var(--ink-0);font-size:.84rem;font-variant-numeric:tabular-nums}.invoice-overdue-text{color:var(--danger-500)!important}.invoice-state-card{align-items:center;background:linear-gradient(180deg,var(--paper-0) 0,var(--paper-1) 100%);border:1px dashed var(--paper-4);border-radius:var(--radius-lg);color:var(--ink-1);display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:260px;padding:2rem;text-align:center}.invoice-state-card h2{color:var(--ink-0);margin:0}.invoice-spinner{animation:spin 1s linear infinite;border:3px solid var(--paper-3);border-radius:var(--radius-pill);border-top-color:var(--vermilion-500);height:2rem;width:2rem}.invoice-back-link{align-items:center;background:none;border:none;color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:600;gap:.35rem;padding:0}.invoice-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.invoice-detail-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.invoice-detail-title-row h1{color:var(--ink-0);font-size:1.5rem;margin:0}.invoice-detail-subtitle{color:var(--ink-1);font-size:.88rem;margin:.45rem 0 0}.invoice-type-pill{align-items:center;background:var(--info-50);border:1px solid var(--info-50);border-radius:var(--radius-pill);color:var(--info-500);display:inline-flex;font-size:.72rem;font-weight:600;padding:.24rem .65rem}.invoice-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.invoice-action-btn{align-items:center;display:inline-flex;gap:.35rem}.invoice-banner{align-items:center;border-radius:var(--radius-md);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.invoice-banner.success{background:var(--ok-50);color:var(--ok-500)}.invoice-banner.error{background:var(--danger-50);color:var(--danger-500)}.invoice-banner button,.invoice-modal-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;justify-content:center}.invoice-detail-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 320px}.invoice-detail-main,.invoice-detail-side{display:flex;flex-direction:column;gap:1rem}.invoice-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.invoice-muted-card{color:var(--ink-1);font-size:.85rem;padding:1rem 1.1rem;text-align:center}.invoice-card-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1.15rem .9rem}.invoice-card-header h2{color:var(--ink-1);font-size:.78rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.invoice-info-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem 1.15rem 1.1rem}.invoice-info-block{display:flex;flex-direction:column;gap:.2rem}.invoice-eyebrow,.invoice-info-block span{color:var(--paper-4);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.invoice-contact-card strong,.invoice-info-block strong{color:var(--ink-0);font-size:.88rem}.invoice-contact-card,.invoice-summary-stack,.invoice-text-stack{padding:1rem 1.15rem 1.1rem}.invoice-contact-card p,.invoice-text-stack p{color:var(--ink-1);font-size:.86rem;line-height:1.6;margin:.3rem 0 0}.invoice-text-stack{display:flex;flex-direction:column;gap:1rem}.invoice-table-wrap{overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%}.invoice-table thead{background:var(--paper-1)}.invoice-table td,.invoice-table th{border-bottom:1px solid var(--paper-2);color:var(--ink-1);font-size:.84rem;padding:.75rem 1rem;text-align:left}.invoice-table th{color:var(--ink-1);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.invoice-table td.right,.invoice-table th.right{text-align:right}.invoice-table td.negative{color:var(--danger-500);font-weight:600}.invoice-table td.positive{color:var(--ok-500);font-weight:600}.invoice-table .mono{font-family:var(--font-mono)}.invoice-item-pill,.invoice-payment-pill{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.22rem .55rem;text-transform:uppercase}.invoice-item-pill{background:var(--paper-2);color:var(--ink-1)}.invoice-payment-pill{background:var(--ok-50);border:1px solid var(--ok-50);color:var(--ok-500)}.invoice-summary-stack{display:flex;flex-direction:column;gap:.7rem}.invoice-summary-row,.invoice-summary-total{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.invoice-summary-row span{color:var(--ink-1);font-size:.83rem}.invoice-summary-row strong,.invoice-summary-total strong{color:var(--ink-0);font-size:.85rem}.invoice-summary-total{border-top:1px solid var(--paper-3);padding-top:.75rem}.invoice-summary-total span,.invoice-summary-total strong{font-size:.92rem;font-weight:600}.invoice-summary-total.compact span,.invoice-summary-total.compact strong{font-size:.86rem}.invoice-summary-stack .negative{color:var(--danger-500)}.invoice-summary-stack .positive{color:var(--ok-500)}.invoice-tds-box{background:var(--warn-50);border:1px solid var(--warn-50);border-radius:var(--radius-md);padding:.85rem}.invoice-action-stack{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.15rem 1.1rem}.invoice-danger-button,.invoice-primary-button{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.45rem;justify-content:center;min-height:2.35rem;padding:.55rem 1rem}.invoice-primary-button{background:var(--vermilion-700);border:none;color:var(--paper-0)}.invoice-danger-button{background:var(--paper-0);border:1px solid var(--danger-50);color:var(--danger-500)}.invoice-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.invoice-modal{background:var(--paper-0);border-radius:var(--radius-lg);box-shadow:0 24px 48px #0f172a2e;max-width:520px;padding:1.2rem;width:100%}.invoice-modal-actions,.invoice-modal-header,.invoice-modal-title{align-items:center;display:flex}.invoice-modal-header{gap:1rem;justify-content:space-between;margin-bottom:1rem}.invoice-modal-title{gap:.5rem}.invoice-modal-title h3{color:var(--ink-0);margin:0}.invoice-balance-banner{align-items:center;background:var(--ok-50);border:1px solid var(--ok-50);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.85rem 1rem}.invoice-balance-banner span{color:var(--ok-500);font-size:.84rem}.invoice-balance-banner strong{color:var(--ok-500)}.invoice-form-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.invoice-form-field label{color:var(--ink-0);font-size:.8rem;font-weight:600}.invoice-form-field label span{color:var(--paper-4);font-weight:400}.invoice-form-field input,.invoice-form-field select{border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-sizing:border-box;font-size:.875rem;padding:.6rem .75rem;width:100%}.invoice-inline-error{background:var(--danger-50);border-radius:var(--radius-sm);color:var(--danger-500);font-size:.82rem;padding:.75rem .9rem}.invoice-modal-actions{gap:.65rem;justify-content:flex-end;margin-top:1.2rem}@media (max-width:1024px){.invoice-detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.invoice-detail-header,.invoice-list-card-top{align-items:flex-start;flex-direction:column}.invoice-list-amounts{align-items:flex-start}.invoice-form-grid,.invoice-info-grid,.invoice-list-meta-grid{grid-template-columns:1fr}}.roles-page{gap:1.25rem}.roles-role-cell{display:flex;flex-direction:column;gap:0}.roles-panel-body{padding:1.25rem}.roles-secondary-btn{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:40px;padding:.7rem 1rem;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.roles-secondary-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4);box-shadow:0 10px 24px #0f172a0f}.roles-permission-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.roles-permission-card{background:linear-gradient(180deg,var(--paper-0),var(--paper-1));border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:1rem}.roles-permission-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.85rem}.roles-permission-header h3{color:var(--ink-0);font-size:.95rem;font-weight:600;margin:0}.roles-permission-header span{color:var(--ink-1);font-size:.76rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.roles-permission-tags{display:flex;flex-wrap:wrap;gap:.5rem}.roles-permission-tag{align-items:center;background:var(--paper-1);border-radius:var(--radius-pill);color:var(--vermilion-700);display:inline-flex;font-size:.8rem;font-weight:600;padding:.38rem .68rem}@media (max-width:768px){.roles-permission-grid{grid-template-columns:1fr}}.financial-dashboard{background:#0000;color:var(--ink-0);display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:0}.finance-banner{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem}.finance-banner-demo{background:var(--warn-50);border-color:var(--warn-500);color:var(--warn-500)}.finance-banner-error{background:var(--danger-50);border-color:var(--danger-50);color:var(--danger-500)}.finance-page-header{align-items:flex-start;border-bottom:1px solid var(--paper-3);display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;padding-bottom:1.25rem}.finance-page-eyebrow{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.finance-page-title{color:var(--ink-0);font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:-.018em;margin:0 0 .5rem}.finance-meta-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.finance-meta-strip span{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);font-family:var(--font-mono);font-size:11px;font-weight:500;padding:.25rem .6rem}.finance-date-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.finance-period-picker{display:flex;flex-direction:column;gap:.35rem;min-width:min(100%,340px)}.finance-period-picker label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.finance-period-inputs{align-items:center;display:flex;gap:.5rem}.finance-period-inputs input{flex:1 1;min-width:0}.finance-period-separator{color:var(--ink-1);font-size:.875rem}.finance-date-note{color:var(--paper-4);font-family:var(--font-mono);font-size:10px;margin:0}.finance-fetch-btn{min-height:38px;padding-inline:1rem}.finance-fetch-btn,.finance-view-tabs{align-items:center;display:inline-flex}.finance-view-tabs{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);gap:.25rem;padding:.25rem}.finance-view-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.875rem;font-weight:500;padding:.45rem .85rem;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.finance-view-tab.active{background:var(--paper-0);box-shadow:var(--shadow-xs);color:var(--ink-0);font-weight:600}.finance-view-tab:hover:not(.active){background:var(--paper-2);color:var(--ink-0)}.finance-kpi-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.finance-kpi-card{background:var(--paper-0);border:1px solid var(--paper-3);border-left:3px solid var(--finance-kpi-accent,var(--paper-3));border-radius:var(--radius-sm);padding:12px 14px;position:relative}.finance-kpi-label{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;margin:0;text-transform:uppercase}.finance-kpi-value{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:19px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.01em;margin:6px 0 0}.finance-kpi-sub{color:var(--ink-1);font-size:.8rem;line-height:1.45;margin:6px 0 0}.finance-panel{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.finance-panel-header{align-items:flex-start;border-bottom:1px solid var(--paper-3);display:flex;gap:1rem;justify-content:space-between;padding:14px 16px}.finance-panel-header h2{color:var(--ink-0);font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:-.012em;margin:0}.finance-panel-header p{color:var(--ink-1);font-size:.8125rem;line-height:1.5;margin:3px 0 0}.finance-inline-link{align-items:center;background:none;border:none;color:var(--vermilion-600);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:.3rem;margin-top:2px;white-space:nowrap}.finance-inline-link:hover{color:var(--vermilion-700)}.finance-project-list,.finance-receivables-list{display:flex;flex-direction:column}.finance-project-row,.finance-receivable-row{background:var(--paper-0);border:none;cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-standard);width:100%}.finance-project-row:hover,.finance-receivable-row:hover{background:var(--paper-1)}.finance-project-row{border-bottom:1px solid var(--paper-3);padding:11px 16px}.finance-project-main{display:flex;flex-direction:column;gap:.75rem}.finance-project-title-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.finance-project-name{color:var(--ink-0);font-size:.875rem;font-weight:600}.finance-project-client{color:var(--ink-1);font-size:.8rem;margin-top:2px}.finance-severity-pill,.finance-status-pill{align-items:center;border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:500;justify-content:center;padding:2px 8px;white-space:nowrap}.finance-project-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.finance-project-metrics span{color:var(--ink-1);display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.finance-project-metrics strong{font-feature-settings:"tnum";color:var(--ink-0);display:block;font-family:var(--font-mono);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:500;margin-top:4px}.finance-project-progress{margin-top:.75rem}.finance-project-progress-label{align-items:center;color:var(--ink-1);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:6px}.finance-progress-track{background:var(--paper-3);border-radius:var(--radius-pill);height:6px;overflow:hidden}.finance-progress-fill{border-radius:var(--radius-pill);height:100%}.finance-receivable-row{border-bottom:1px solid var(--paper-3);padding:11px 16px}.finance-receivable-row,.finance-receivable-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.finance-receivable-client{color:var(--ink-0);font-size:.875rem;font-weight:600}.finance-receivable-amount{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.finance-receivable-date,.finance-receivable-meta{color:var(--ink-1);font-size:.8rem;margin-top:2px}.finance-chart-panel{padding-bottom:0}.finance-summary-strip{border-bottom:1px solid var(--paper-3);display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}.finance-summary-chip{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:10px 14px}.finance-summary-chip span{color:var(--ink-1);display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.finance-summary-chip strong{font-feature-settings:"tnum";color:var(--ink-0);display:block;font-family:var(--font-mono);font-size:15px;font-variant-numeric:tabular-nums;font-weight:500;margin-top:4px}.finance-chart-tooltip{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:.8rem;padding:10px 14px}.finance-chart-tooltip-title{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.finance-content-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.3fr .9fr}.finance-empty-state{color:var(--ink-1);font-size:.875rem;padding:2.5rem 1.25rem;text-align:center}.finance-footnote{border-top:1px solid var(--paper-3);color:var(--ink-1);font-size:.8rem;line-height:1.6;padding-top:.5rem}@media (max-width:1100px){.finance-content-grid,.finance-kpi-grid{grid-template-columns:1fr}.finance-project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.finance-page-header{flex-direction:column}.finance-kpi-grid{grid-template-columns:repeat(2,1fr)}.finance-view-tabs{display:flex;overflow-x:auto;width:100%}.finance-date-controls,.finance-period-picker{width:100%}.finance-period-inputs{align-items:stretch;flex-direction:column}.finance-period-separator{display:none}.finance-fetch-btn,.finance-period-inputs input{width:100%}.finance-project-title-row,.finance-receivable-row,.finance-receivable-top{align-items:flex-start;flex-direction:column}.finance-project-metrics{grid-template-columns:1fr}.finance-severity-pill{margin-top:.5rem}}.finance-project-row-compact .finance-project-progress{margin-top:.6rem}.resource-planning-detail-page{min-height:100%;padding:0}.resource-planning-back-link{align-items:center;background:none;border:none;color:var(--ink-1);cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:600;gap:.45rem;margin-bottom:1rem;padding:0;transition:color .15s ease}.resource-planning-back-link:hover,.utilization-dashboard{color:var(--ink-0)}.utilization-kicker{background:var(--ok-50);color:var(--ok-500)}.utilization-loading{align-items:center;color:var(--ink-1);display:flex;flex-direction:column;gap:.9rem;justify-content:center;margin-top:1.5rem;min-height:220px}.utilization-loading p{font-size:.95rem;margin:0}.utilization-kpi-grid{margin:1.5rem 0}.utilization-table-wrap{overflow-x:auto}.utilization-table{border-collapse:collapse;font-size:.9rem;width:100%}.utilization-table thead tr{background:var(--paper-1);border-bottom:1px solid var(--paper-3)}.utilization-table td,.utilization-table th{padding:.95rem 1.25rem;text-align:left;vertical-align:middle}.utilization-table th{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.utilization-table tbody tr{border-bottom:1px solid var(--paper-1)}.utilization-table tbody tr:hover{background:var(--color-bg)}.utilization-person-name{color:var(--ink-0);font-weight:600}.utilization-person-role{color:var(--ink-1);font-size:.8rem;margin-top:.2rem}.utilization-number-cell{font-feature-settings:"tnum";color:var(--ink-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.utilization-number-cell.strong{color:var(--ink-0);font-weight:600}.utilization-progress-cell{align-items:center;display:flex;gap:.8rem;min-width:240px}.utilization-progress-track{background:var(--paper-3);border-radius:var(--radius-pill);flex:1 1 auto;height:8px;overflow:hidden}.utilization-progress-fill{border-radius:var(--radius-pill);height:100%;transition:width .25s ease}.utilization-progress-value{font-feature-settings:"tnum";font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:56px}.utilization-status-pill{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:500;justify-content:center;padding:2px 8px;white-space:nowrap}.utilization-empty-state{color:var(--ink-1);padding:3rem 1.5rem;text-align:center}.utilization-empty-state p{margin:0}.utilization-footnote{border-top:1px solid var(--paper-3);color:var(--ink-1);font-size:.8rem;line-height:1.6;margin:0;padding-top:.75rem}@media (max-width:900px){.utilization-table td,.utilization-table th{padding:.85rem 1rem}.utilization-progress-cell{min-width:200px}}@media (max-width:768px){.utilization-table{font-size:.85rem}.utilization-progress-cell{min-width:180px}}.pricing-wrap{margin:0 auto;max-width:1000px;padding:0 1.5rem 6rem}.pricing-layout{grid-gap:4rem;align-items:start;border-bottom:1px solid var(--paper-3);display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem;padding:5rem 0 3rem}.pricing-left{position:sticky;top:88px}.pricing-features-panel{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:2rem}.pricing-features-header{margin-bottom:0}.pricing-price-row{margin:2rem 0 1.5rem}.pricing-billing-toggle{margin-bottom:0}.pricing-cta-block{display:flex;flex-direction:column;gap:.6rem}.pricing-eyebrow{color:var(--vermilion-500);display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:1.5rem;text-transform:uppercase}.pricing-title{color:var(--ink-0);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:600;letter-spacing:-.022em;line-height:1.08;margin-bottom:1rem}.pricing-subtitle{color:var(--ink-1);font-size:1.05rem;line-height:1.65;margin:0 auto 2.5rem;max-width:480px}.billing-toggle{background:var(--paper-2);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:inline-flex;margin-bottom:1rem;padding:3px}.pricing-hero-toggle{margin-bottom:0}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.45rem;padding:.45rem 1.1rem;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.toggle-btn:hover{color:var(--ink-2)}.toggle-btn.active{background:var(--paper-0);box-shadow:var(--shadow-xs);color:var(--ink-0);font-weight:600}.save-badge{border-radius:var(--radius-sm);font-size:.65rem;letter-spacing:0;padding:1px 6px}.pc-badge,.save-badge{background:var(--vermilion-50);border:1px solid var(--vermilion-100);color:var(--vermilion-500);font-weight:600}.pc-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.72rem;letter-spacing:.08em;margin-bottom:.85rem;padding:.3rem .7rem;text-transform:uppercase}.pc-plan-desc{color:var(--ink-1);font-size:.95rem;line-height:1.6;margin:0;max-width:320px}.pc-price-block{flex-shrink:0;text-align:right}.pc-price-display{align-items:flex-end;display:flex;flex-direction:column;gap:.35rem;justify-content:flex-start}.pc-currency{color:var(--ink-2);font-size:.82rem;font-weight:600;letter-spacing:.08em;line-height:1;margin-top:0;text-transform:uppercase}.pc-amount{font-feature-settings:"tnum";color:var(--ink-0);font-family:var(--font-mono);font-size:3rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1}.pc-amount--struck{color:var(--ink-1);display:inline-block;position:relative}.pc-amount--struck:after{background:currentColor;content:"";height:1.5px;left:-.06em;opacity:.55;position:absolute;right:-.06em;top:50%;transform:translateY(-50%)}.pc-billing-note{color:var(--paper-4);font-size:.84rem;margin:0;text-align:right}.pc-divider{border-top:1px solid var(--paper-3);height:0;margin:2rem 0}.pc-features-grid{grid-gap:1rem 2.5rem;display:grid;gap:1rem 2.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.pc-features-grid{grid-template-columns:1fr}}.pc-feature-item{align-items:flex-start;display:flex;gap:.7rem}.pc-check{align-items:center;background:var(--vermilion-50);border:1px solid var(--vermilion-100);border-radius:var(--radius-sm);color:var(--vermilion-500);display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:2px;width:18px}.pc-feature-label{color:var(--ink-0);font-size:.9rem;font-weight:600;line-height:1.3}.pc-feature-desc{color:var(--paper-4);font-size:.8rem;line-height:1.45;margin-top:2px}.pc-ctas{display:flex;flex-wrap:wrap;gap:.85rem}.pc-btn-primary{align-items:center;background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:.5rem;padding:8px 14px;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.pc-btn-primary:hover{background:var(--vermilion-600)}.pc-btn-primary:active{background:var(--vermilion-700);transform:translateY(1px)}.pc-btn-secondary{align-items:center;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:.5rem;padding:8px 14px;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);white-space:nowrap}.pc-btn-secondary:hover{background:var(--paper-1);color:var(--ink-2)}.pc-footnote{color:var(--paper-4);font-size:.78rem;margin:1rem 0 0}.trust-strip{display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:center;padding:.5rem 0}.trust-item-new{align-items:center;color:var(--ink-1);display:flex;font-size:.82rem;font-weight:500;gap:.45rem}.waitlist-strip{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);margin-top:3.5rem;padding:2.5rem 2rem}.waitlist-strip-inner{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.waitlist-strip-inner h3{color:var(--ink-0);font-size:1.05rem;font-weight:600;margin:0 0 .3rem}.waitlist-strip-inner p{color:var(--ink-1);font-size:.875rem;line-height:1.5;margin:0}.waitlist-strip-btn{align-items:center;background:var(--vermilion-500);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--on-accent);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.waitlist-strip-btn:hover{background:var(--vermilion-600)}.waitlist-strip-btn:active{background:var(--vermilion-700);transform:translateY(1px)}.faq-section-new{padding:4rem 0}.faq-title{color:var(--ink-0);font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;letter-spacing:-.02em;margin-bottom:2rem}.faq-list-new{border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:0;overflow:hidden}.faq-item-new{background:var(--paper-0);border-bottom:1px solid var(--paper-2);cursor:pointer;transition:background .15s}.faq-item-new:last-child{border-bottom:none}.faq-item-new:hover{background:var(--paper-2)}.faq-item-new.open{background:var(--paper-1)}.faq-question-new{align-items:center;color:var(--ink-0);display:flex;font-size:.95rem;font-weight:600;gap:1rem;justify-content:space-between;padding:1.15rem 1.4rem;-webkit-user-select:none;user-select:none}.faq-chevron{flex-shrink:0;transition:transform .25s ease}.faq-item-new.open .faq-chevron{transform:rotate(180deg)}.faq-answer-new{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-item-new.open .faq-answer-new{max-height:300px}.faq-answer-new p{color:var(--ink-1);font-size:.9rem;line-height:1.7;margin:0;padding:0 1.4rem 1.25rem}@media (max-width:768px){.pricing-layout{gap:2rem;grid-template-columns:1fr;padding:3.5rem 0 2rem}.pricing-left{position:static}.pricing-features-panel{padding:1.5rem}}@media (max-width:640px){.pc-features-grid{grid-template-columns:1fr}.pc-ctas{flex-direction:column}.pc-btn-primary,.pc-btn-secondary{justify-content:center;width:100%}.trust-strip{gap:.5rem 1rem}}.mcp-content-wrapper{margin:0 auto;max-width:1080px;padding:2rem 1.5rem 5rem}.mcp-hero{padding:4.5rem 0 3rem;position:relative;text-align:center}.mcp-hero:before{content:none}.mcp-badge{align-items:center;background:#d2451a1a;border:1px solid #d2451a38;border-radius:var(--radius-sm);color:var(--vermilion-400);display:inline-flex;font-size:.7rem;font-weight:600;gap:.5rem;letter-spacing:.12em;margin-bottom:1.1rem;padding:.4rem 1rem}.mcp-hero-title{color:var(--ink-0);font-size:clamp(2.5rem,5vw,4.35rem);font-weight:600;letter-spacing:-.04em;line-height:1.04;margin:0 0 1.35rem}.mcp-hero-subtitle{color:var(--ink-1);font-size:1.12rem;line-height:1.7;margin:0 auto 2.25rem;max-width:720px}.mcp-cta-actions,.mcp-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.glass-card,.mcp-demo-strip{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:none}.mcp-demo-strip{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:4rem;padding:1.3rem 1.5rem}.demo-prompt,.demo-response{align-items:flex-start;color:var(--ink-2);display:flex;flex:1 1;font-size:.92rem;gap:.6rem;line-height:1.6;min-width:240px}.demo-arrow{align-items:center;color:var(--vermilion-400);display:inline-flex;flex-shrink:0}.demo-response{color:var(--ink-2)}.mcp-section{margin-bottom:5rem;text-align:center}.mcp-section-title{color:var(--ink-0);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;letter-spacing:-.03em;margin:.5rem 0 2.5rem}.mcp-capabilities-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));text-align:left}.mcp-capability-card{padding:1.5rem}.cap-header{align-items:center;display:flex;gap:.9rem;margin-bottom:1rem}.cap-icon-shell{align-items:center;background:#d2451a1a;border:1px solid #d2451a38;border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.cap-header h3{color:var(--ink-0);font-size:1rem;font-weight:600;margin:0}.cap-examples{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.cap-examples li{color:var(--ink-1);font-size:.86rem;line-height:1.6}.example-quote{font-style:italic}.mcp-steps{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;text-align:left}.mcp-step{align-items:flex-start;display:flex;gap:1.5rem;padding:1.75rem}.step-number{color:var(--vermilion-400);flex-shrink:0;font-size:2rem;font-weight:800;line-height:1;opacity:.48;width:2.5rem}.step-content h3{color:var(--ink-0);font-size:1.05rem;font-weight:600;margin:0 0 .4rem}.step-content p{color:var(--ink-1);font-size:.92rem;line-height:1.7;margin:0}.mcp-code-block{background:var(--ink-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);margin-top:1.25rem;overflow:hidden}.code-header{align-items:center;background:#d2451a14;color:var(--paper-4);display:flex;font-size:.78rem;justify-content:space-between;padding:.7rem 1rem}.copy-btn{border:1px solid #d2451a42;border-radius:var(--radius-sm);color:var(--vermilion-100);cursor:pointer;font-size:.76rem;padding:.3rem .75rem;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.copy-btn,.copy-btn:hover{background:#d2451a26}.mcp-code-block pre{background:var(--ink-0);margin:0;overflow-x:auto;padding:1.25rem}.config-note code,.mcp-code-block code{font-family:JetBrains Mono,Fira Code,monospace}.mcp-code-block code{color:var(--paper-3);font-size:.82rem;line-height:1.7}.config-note{color:var(--ink-1);font-size:.82rem;line-height:1.8;text-align:center}.config-note code{background:var(--paper-2);border-radius:var(--radius-sm);color:var(--ink-0);font-size:.78rem;padding:.18em .45em}.code-security-note{color:var(--warn-500);font-family:var(--font-body);font-size:12px;line-height:1.5;margin:8px 0 0}.faq-list{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:860px;text-align:left}.faq-item{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:background var(--dur-fast) var(--ease-standard)}.faq-item:hover{background:var(--paper-2)}.faq-question{align-items:center;color:var(--ink-0);display:flex;font-size:.98rem;font-weight:600;gap:1rem;justify-content:space-between;padding:1.2rem 1.4rem}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-item.open .faq-answer{max-height:260px}.faq-answer p{color:var(--ink-1);font-size:.92rem;line-height:1.7;margin:0;padding:0 1.4rem 1.3rem}.mcp-cta{background:var(--paper-1);border:1px solid var(--paper-3);margin-top:1rem;padding:3rem 2rem;text-align:center}.mcp-cta h2{color:var(--ink-0);font-size:1.9rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .75rem}.mcp-cta p{color:var(--ink-1);font-size:1rem;margin:0 0 2rem}@media (max-width:768px){.mcp-content-wrapper{padding:1.25rem 1rem 4rem}.mcp-hero{padding-top:3rem}.mcp-hero-title{font-size:2.75rem}.mcp-step{gap:.85rem}.mcp-demo-strip,.mcp-step{flex-direction:column}.demo-arrow{transform:rotate(90deg)}.faq-question{padding:1.05rem 1.1rem}.faq-answer p{padding:0 1.1rem 1.1rem}}@media (max-width:600px){.mcp-hero-title{font-size:2.25rem}.mcp-hero-subtitle{font-size:1rem}.mcp-capabilities-grid{grid-template-columns:1fr}}.legal-page-wrap{margin:0 auto;max-width:720px;padding:4rem 1.5rem 6rem}.legal-eyebrow{color:var(--vermilion-500);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.page-title{color:var(--ink-0);font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5rem}.page-subtitle{color:var(--paper-4);font-size:.9rem;margin:0 0 3rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{align-items:center;border-bottom:1px solid var(--paper-2);color:var(--ink-0);display:flex;font-size:1.15rem;font-weight:600;gap:.6rem;margin:0 0 .75rem;padding-bottom:.6rem}.legal-content h2:before{background:var(--vermilion-500);border-radius:2px;content:"";display:inline-block;flex-shrink:0;height:1em;width:3px}.legal-content p{color:var(--ink-1);font-size:.95rem;line-height:1.75;margin-bottom:.85rem}.legal-content a{color:var(--vermilion-500);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content ul{grid-gap:.55rem;display:grid;gap:.55rem;list-style:none;margin:.75rem 0 1rem;padding:0}.legal-content li{color:var(--ink-1);font-size:.95rem;line-height:1.65;padding-left:1.25rem;position:relative}.legal-content li:before{background:var(--vermilion-500);border-radius:var(--radius-pill);content:"";height:5px;left:0;position:absolute;top:.55em;width:5px}.legal-content strong{color:var(--ink-0);font-weight:600}.contact-info{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);margin-top:3rem;padding:1.5rem}.contact-info p{margin-bottom:.5rem}.contact-info a{color:var(--vermilion-500);text-decoration:none;transition:color .15s}.contact-info a:hover{color:var(--vermilion-600);text-decoration:underline}@media (max-width:768px){.legal-page-wrap{padding:3rem 1.25rem 4rem}.page-title{font-size:2.2rem}.legal-content li,.legal-content p{font-size:.92rem}}.ds-page{background:var(--paper-0);margin:0 auto;max-width:var(--container-lg);min-height:100vh;padding:48px 32px}.ds-header{align-items:center;border-bottom:1px solid var(--paper-3);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:48px;padding-bottom:48px}.ds-section{margin-bottom:64px}.ds-section-label{color:var(--ink-1);display:block;margin-bottom:20px}.ds-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.ds-row--gap-sm{gap:8px}.ds-row--gap-lg{gap:24px}.ds-row--wrap{flex-wrap:wrap}.ds-row--align-center{align-items:center}.ds-row--align-end{align-items:flex-end}.ds-color-chip{display:flex;flex-direction:column;gap:4px;min-width:80px}.ds-color-block{border-radius:var(--radius-sm);height:40px;width:64px}.ds-color-label{color:var(--ink-1);font-family:var(--font-mono);font-size:12px}.ds-color-hex{color:var(--paper-4);font-family:var(--font-mono);font-size:11px}.ds-type-stack{display:flex;flex-direction:column;gap:24px}.ds-type-row{align-items:baseline;display:flex;gap:16px}.ds-type-meta{color:var(--paper-4);flex-shrink:0;font-family:var(--font-mono);font-size:11px;width:160px}.ds-component-grid{display:flex;flex-direction:column;gap:16px}.ds-component-row{align-items:center;display:flex;gap:12px}.ds-row-label{flex-shrink:0;width:80px}.ds-input-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.ds-input-grid{grid-template-columns:1fr}}.ds-caption{color:var(--ink-1);display:block;font-family:var(--font-mono);font-size:12px;margin-top:8px;text-align:center}.ds-swatch-card{align-items:center;background:var(--paper-1);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:0;padding:24px}.ds-swatch-card--dark{background:var(--ink-0)}.ds-shadow-card{align-items:flex-end;background:var(--paper-0);border-radius:var(--radius-md);height:72px;padding-bottom:12px;width:120px}.ds-radius-demo,.ds-shadow-card{display:flex;justify-content:center}.ds-radius-demo{align-items:center;background:var(--paper-2);height:64px;text-align:center;width:64px}.ds-spacing-stack{display:flex;flex-direction:column;gap:10px}.ds-spacing-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:80px 1fr 48px}.ds-spacing-label{flex-shrink:0}.ds-spacing-bar{background:var(--vermilion-500);border-radius:var(--radius-xs);flex-shrink:0;height:8px}.ds-spacing-px{color:var(--ink-1);font-family:var(--font-mono);font-size:11px}@keyframes ds-enter{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ds-motion-card{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px 20px}.ds-motion-dot{animation:ds-enter .28s cubic-bezier(.2,0,0,1) infinite alternate;background:var(--vermilion-500);border-radius:var(--radius-sm);flex-shrink:0;height:36px;width:36px}@media (prefers-reduced-motion:reduce){.ds-motion-dot{animation:none}}.ds-icon-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(10,40px)}.ds-icon-cell{background:var(--paper-1);display:flex;height:40px;justify-content:center;width:40px}.ds-icon-cell,.ds-icon-example{align-items:center;border-radius:var(--radius-sm)}.ds-icon-example{display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px}.ds-icon-example--primary{background:var(--vermilion-500);color:#fff}.ds-icon-example--secondary{background:var(--paper-0);border:1px solid var(--paper-3);color:var(--ink-2)}.ds-icon-example--muted{color:var(--ink-1);font-size:13px}.ds-voice-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ds-voice-col{border-radius:var(--radius-md);padding:16px 20px}.ds-voice-col--on{background:var(--ok-50);border:1px solid var(--ok-500)}.ds-voice-col--off{background:var(--danger-50);border:1px solid var(--danger-500)}.ds-voice-label{align-items:center;display:inline-flex;gap:6px}.ds-voice-line{color:var(--ink-0);font-size:14px;margin:0 0 8px}.ds-voice-line:last-child{margin-bottom:0}.ds-voice-rule{color:var(--ink-1);font-family:var(--font-mono);font-size:12px;margin-top:12px}.ds-card{border-radius:var(--radius-md);min-width:240px;padding:16px}.ds-card--filled{background:var(--paper-1);border:1px solid var(--paper-3)}.ds-card--outline{background:var(--paper-0);border:1px solid var(--paper-3)}.ds-card-stats{align-items:baseline;border-top:1px solid var(--paper-3);display:flex;gap:24px;margin-top:12px;padding-top:12px}.ds-mini-chart{align-items:flex-end;display:flex;gap:3px;height:42px;margin-top:12px}.ds-mini-bar{border-radius:1px;flex-shrink:0;width:14px}.attendance-history-page{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0;padding:1.25rem 1.5rem 1rem;width:100%}.att-page-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.att-page-title-group{display:flex;flex-direction:column;gap:.5rem}.att-back-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.35rem;padding:.35rem .7rem;transition:all var(--dur-fast) var(--ease-standard);width:fit-content}.att-back-btn:hover{background:var(--paper-1);border-color:var(--vermilion-500);color:var(--vermilion-500)}.att-page-title{color:var(--ink-0);font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.att-page-subtitle{color:var(--ink-1);font-size:.8rem;margin:.125rem 0 0}.att-kpi-card,.att-kpi-strip{display:flex;gap:.5rem}.att-kpi-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid #0000;border-radius:var(--radius-lg);padding:.375rem .75rem}.att-kpi-card.present{border-left-color:var(--ok-500)}.att-kpi-card.late{border-left-color:var(--warn-500)}.att-kpi-card.absent{border-left-color:var(--danger-500)}.att-kpi-card.hours{border-left-color:var(--vermilion-500)}.att-kpi-value{color:var(--ink-0);font-family:var(--font-mono);font-size:1.125rem;font-weight:400;line-height:1}.att-kpi-label{color:var(--ink-1);font-size:.75rem;font-weight:500}.att-error-banner{background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-md);color:var(--danger-500);flex-shrink:0;font-size:.875rem;padding:.625rem 1rem}.att-calendar-month{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.att-calendar-topbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.625rem 1rem}.att-calendar-nav{align-items:center;display:flex;gap:.75rem}.att-nav-title{color:var(--ink-0);font-family:var(--font-display);font-size:.9375rem;font-weight:600;min-width:140px;text-align:center}.att-nav-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);width:28px}.att-nav-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--vermilion-500);color:var(--vermilion-500)}.att-nav-btn:disabled{cursor:not-allowed;opacity:.3}.att-calendar-legend{align-items:center;display:flex;flex-wrap:wrap;gap:.875rem}.att-legend-item{align-items:center;color:var(--ink-1);display:flex;font-size:.72rem;font-weight:500;gap:.3rem}.att-legend-dot{border-radius:2px;display:inline-block;flex-shrink:0;height:9px;width:9px}.att-legend-item.present .att-legend-dot{background:var(--ok-50);border:1px solid var(--ok-50)}.att-legend-item.late .att-legend-dot{background:var(--warn-50);border:1px solid var(--warn-50)}.att-legend-item.absent .att-legend-dot{background:var(--danger-50);border:1px solid var(--danger-500)}.att-legend-item.incomplete .att-legend-dot{background:var(--paper-1);border:1px solid var(--paper-3)}.att-loading{align-items:center;color:var(--paper-4);display:flex;flex:1 1;font-size:.9rem;justify-content:center}.att-calendar-grid{grid-gap:3px;display:grid;flex:1 1;gap:3px;grid-template-columns:repeat(7,1fr);min-height:0;padding:.5rem}.att-calendar-day-header{color:var(--ink-1);font-size:.68rem;font-weight:600;letter-spacing:.05em;padding:.2rem 0 .375rem;text-align:center;text-transform:uppercase}.att-calendar-cell{border:1px solid #0000;border-radius:var(--radius-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:.35rem .4rem}.att-calendar-cell.empty{background:#0000;border-color:#0000}.att-calendar-cell.future{background:#0000;opacity:.2}.att-calendar-cell.weekend{background:var(--paper-1)}.att-calendar-cell.no-record{background:var(--paper-1);border-color:var(--paper-3)}.att-calendar-cell.present{background:var(--ok-50);border-color:var(--ok-50)}.att-calendar-cell.late{background:var(--warn-50);border-color:var(--warn-50)}.att-calendar-cell.absent{background:var(--danger-50);border-color:var(--danger-50)}.att-calendar-cell.incomplete{background:var(--paper-1);border-color:var(--paper-3)}.att-calendar-cell.live{background:var(--ok-50);border-color:var(--ok-50)}.att-calendar-cell.today{border-color:#0000!important;box-shadow:0 0 0 2px var(--vermilion-500)}.att-cell-day-num{align-items:center;color:var(--ink-1);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:3px;line-height:1;margin-bottom:.2rem}.att-calendar-cell.present .att-cell-day-num{color:var(--ok-500)}.att-calendar-cell.late .att-cell-day-num{color:var(--warn-500)}.att-calendar-cell.absent .att-cell-day-num{color:var(--danger-500)}.att-calendar-cell.incomplete .att-cell-day-num{color:var(--vermilion-700)}.att-calendar-cell.live .att-cell-day-num{color:var(--ok-500)}.att-calendar-cell.today .att-cell-day-num{color:var(--vermilion-500)}.today-dot{background:var(--vermilion-500);border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;height:4px;width:4px}.att-cell-times{display:flex;flex-direction:column;gap:1px;margin-top:auto;overflow:hidden}.att-cell-row{align-items:center;display:flex;gap:2px;min-width:0}.att-cell-arrow{flex-shrink:0;font-size:.55rem;line-height:1}.att-cell-arrow.in{color:var(--ok-500)}.att-cell-arrow.out{color:var(--danger-500)}.att-calendar-cell.late .att-cell-arrow.in{color:var(--warn-500)}.att-cell-time{color:var(--ink-1);font-family:var(--font-mono);font-size:.63rem;line-height:1.3;overflow:hidden;white-space:nowrap}.att-calendar-cell.present .att-cell-time{color:var(--ok-500)}.att-calendar-cell.late .att-cell-time{color:var(--warn-500)}.att-calendar-cell.incomplete .att-cell-time{color:var(--ink-0)}.att-calendar-cell.live .att-cell-time{color:var(--ok-500)}.att-cell-duration{color:var(--ink-1);font-family:var(--font-mono);font-size:.65rem;font-weight:600;line-height:1;margin-top:2px}.att-calendar-cell.present .att-cell-duration{color:var(--ok-500)}.att-calendar-cell.late .att-cell-duration{color:var(--warn-500)}.att-cell-live-dot{animation:livePulse 1.5s ease-in-out infinite;background:var(--ok-500);border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;height:4px;width:4px}.att-cell-live-label{color:var(--ok-500);font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.att-cell-missed-icon{color:var(--danger-500);font-size:.75rem;font-weight:600;margin-top:auto;text-align:center}.att-cell-off-label{color:var(--paper-4);font-size:.6rem;letter-spacing:.05em;margin-top:auto;text-transform:uppercase}@media (max-width:900px){.att-kpi-strip{display:none}}@media (max-width:640px){.attendance-history-page{padding:.75rem}.att-cell-arrow,.att-cell-duration,.att-cell-live-label,.att-cell-time{display:none}.att-cell-live-dot{display:inline-block}}.admin-attendance-page{box-sizing:border-box;padding:1.5rem 2rem 2rem;width:100%}.aar-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.aar-title{color:var(--ink-0);font-family:var(--font-display);font-size:1.375rem;font-weight:600;margin:0}.aar-subtitle{color:var(--ink-1);font-size:.8125rem;margin:.2rem 0 0}.aar-header-actions{gap:.625rem}.aar-export-group,.aar-header-actions{align-items:center;display:flex;flex-wrap:wrap}.aar-export-group{gap:.5rem}.aar-export-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.aar-export-label,.aar-refresh-btn{color:var(--ink-1);white-space:nowrap}.aar-refresh-btn{align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.8125rem;font-weight:500;gap:.4rem;padding:.4rem .875rem;transition:all var(--dur-fast) var(--ease-standard)}.aar-refresh-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--vermilion-500);color:var(--vermilion-500)}.aar-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.export-btn{align-items:center;background:var(--vermilion-500)!important;border:none!important;border-radius:var(--radius-lg);color:#fff!important;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all var(--dur-fast) var(--ease-standard)}.export-btn:hover:not(:disabled){background:var(--vermilion-400)!important;box-shadow:0 4px 12px #d2451a33}.export-btn.secondary,.export-btn.secondary:hover:not(:disabled){background:var(--ink-0)!important}.export-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.aar-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem}.aar-controls,.aar-date-fields{align-items:center;display:flex}.aar-date-fields{gap:.5rem}.aar-date-sep{color:var(--ink-1);font-size:.875rem;font-weight:600;white-space:nowrap}.aar-date-input{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-0);cursor:pointer;font-family:inherit;font-size:.8125rem;min-width:136px;padding:.375rem .625rem;transition:border-color .15s}.aar-date-input:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a14;outline:none}.aar-presets{display:flex;flex-wrap:wrap;gap:.375rem}.aar-preset-btn{background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;font-family:inherit;font-size:.775rem;font-weight:500;padding:.3rem .7rem;transition:all var(--dur-fast) var(--ease-standard)}.aar-preset-btn:hover{background:var(--paper-1);border-color:var(--vermilion-400);color:var(--vermilion-500)}.aar-error{background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-md);color:var(--danger-500);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.aar-kpi-strip{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(5,1fr);margin-bottom:1.25rem}.aar-kpi-card{background:var(--color-surface);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:.875rem 1.125rem}.aar-kpi-card.present{border-left-color:var(--ok-500)}.aar-kpi-card.late{border-left-color:var(--warn-500)}.aar-kpi-card.absent{border-left-color:var(--danger-500)}.aar-kpi-card.hours{border-left-color:var(--vermilion-500)}.aar-kpi-value{color:var(--ink-0);font-family:var(--font-mono);font-size:1.625rem;font-weight:400;line-height:1;margin-bottom:.3rem}.aar-kpi-label{color:var(--ink-1);font-size:.78rem;font-weight:500}.aar-summary-card{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:1.25rem;overflow:hidden}.aar-summary-head{border-bottom:1px solid var(--paper-2);padding:1rem 1.25rem .75rem}.aar-summary-title{color:var(--ink-0);font-size:1rem;font-weight:600;margin:0}.aar-summary-subtitle{color:var(--ink-1);font-size:.82rem;margin:.25rem 0 0}.aar-summary-table-wrap{overflow-x:auto}.aar-summary-table{border-collapse:collapse;min-width:860px;width:100%}.aar-summary-table td,.aar-summary-table th{font-feature-settings:"tnum";border-bottom:1px solid var(--paper-2);font-size:13px;font-variant-numeric:tabular-nums;padding:.82rem 1rem;text-align:left;vertical-align:middle}.aar-summary-table th{color:var(--ink-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.aar-summary-table tbody tr:hover,.aar-summary-table th{background:var(--paper-1)}.aar-summary-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--vermilion-500)}.aar-summary-employee{align-items:center;display:flex;gap:.75rem;min-width:220px}.aar-row-action{align-items:center;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);color:var(--vermilion-700);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;justify-content:center;min-width:98px;padding:.4rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.aar-row-action:hover{background:var(--paper-2);border-color:var(--vermilion-100)}.aar-row-action.active{background:var(--vermilion-700);border-color:var(--vermilion-700);color:var(--paper-0)}.aar-monthly-section{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.aar-monthly-card,.aar-monthly-section{background:var(--color-surface)}.aar-monthly-card .atm-main{padding:1.25rem 1.5rem}.aar-monthly-period{color:var(--ink-1);font-size:.74rem;font-weight:600;margin-top:.3rem}.aar-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--paper-4);font-size:.95rem;padding:4rem 2rem;text-align:center}.aar-roster-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.aar-emp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.625rem;padding:1rem;transition:box-shadow .15s}.aar-emp-card:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md,0 4px 12px #00000014)}.aar-emp-card.present{border-top:3px solid var(--ok-500)}.aar-emp-card.late{border-top:3px solid var(--warn-500)}.aar-emp-card.absent{border-top:3px solid var(--danger-500)}.aar-emp-card-top{align-items:flex-start;display:flex;gap:.625rem}.aar-avatar{align-items:center;border-radius:var(--radius-pill);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:.8125rem;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.aar-avatar.sm{font-size:.72rem;height:30px;width:30px}.aar-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.aar-emp-info{flex:1 1;min-width:0}.aar-emp-name{color:var(--ink-0);font-family:var(--font-body);font-size:.875rem;font-weight:600}.aar-emp-email,.aar-emp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aar-emp-email{color:var(--paper-4);font-size:.72rem;margin-top:1px}.aar-badge{border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.aar-badge.present{background:var(--ok-50);color:var(--ok-500)}.aar-badge.late{background:var(--warn-50);color:var(--warn-500)}.aar-badge.absent{background:var(--danger-50);color:var(--danger-500)}.aar-emp-times{display:flex;flex-direction:column;gap:2px;padding-left:.25rem}.aar-time-row{align-items:center;display:flex;gap:4px}.aar-arrow{flex-shrink:0;font-size:.6rem;line-height:1}.aar-arrow.in{color:var(--ok-500)}.aar-arrow.out{color:var(--danger-500)}.aar-time{color:var(--ink-1)}.aar-dur,.aar-time{font-family:var(--font-mono);font-size:.75rem}.aar-dur{color:var(--ink-0);font-weight:600;margin-top:2px;padding-left:.25rem}.aar-live-dot{animation:aarLivePulse 1.5s ease-in-out infinite;background:var(--ok-500);border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;height:5px;width:5px}.aar-live-text{color:var(--ok-500);font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}@keyframes aarLivePulse{0%,to{opacity:1}50%{opacity:.35}}.aar-not-clocked{color:var(--paper-4);font-size:.775rem;font-style:italic;padding-left:.25rem}.aar-method{margin-top:auto;padding-top:.25rem}.aar-method-tag{background:var(--paper-2);border-radius:var(--radius-sm);color:var(--ink-1);display:inline-block;font-size:.72rem;font-weight:500;padding:.2rem .5rem}.aar-method-tag.kiosk{background:var(--paper-1);color:var(--vermilion-700)}.aar-method-tag.personal{background:var(--paper-2);color:var(--ink-1)}.aar-grouped{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.aar-group-header-row{background:var(--color-bg);border-bottom:2px solid var(--color-border);color:var(--ink-1);display:grid;font-family:var(--font-display);font-size:.72rem;font-weight:600;grid-template-columns:1fr 80px 80px 80px 110px 36px;letter-spacing:.05em;padding:.625rem 1.25rem;text-transform:uppercase}.aar-group-block{border-bottom:1px solid var(--color-border-subtle)}.aar-group-block:last-child{border-bottom:none}.aar-group-row{align-items:center;cursor:pointer;display:grid;grid-template-columns:1fr 80px 80px 80px 110px 36px;padding:.875rem 1.25rem;transition:background .12s;-webkit-user-select:none;user-select:none}.aar-group-row:hover{background:var(--color-bg)}.aar-group-emp{align-items:center;display:flex;gap:.75rem;min-width:0}.aar-group-stat{color:var(--ink-1);font-family:var(--font-mono);font-size:.9rem;font-weight:500;text-align:center}.aar-group-stat.present{color:var(--ok-500)}.aar-group-stat.late{color:var(--warn-500)}.aar-group-stat.absent{color:var(--danger-500)}.aar-group-stat.hours{color:var(--ink-0);font-weight:600}.aar-expand-icon{color:var(--paper-4);font-size:.6rem;text-align:center}.aar-detail{background:var(--color-bg);border-top:1px solid var(--color-border-subtle);padding:.375rem 1.25rem .625rem}.aar-detail-row{grid-gap:.5rem;align-items:center;border-bottom:1px solid var(--color-border-subtle);display:grid;font-size:.8125rem;gap:.5rem;grid-template-columns:130px 1fr 70px 90px 70px;padding:.5rem 0}.aar-detail-row:last-child{border-bottom:none}.aar-detail-date{color:var(--ink-1);font-weight:500}.aar-detail-times{align-items:center;color:var(--ink-1);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.75rem;gap:3px}.aar-detail-dur{color:var(--ink-0);font-family:var(--font-mono);font-size:.78rem;font-weight:600}.aar-no-clock{color:var(--paper-4)}@media (max-width:1100px){.aar-kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-attendance-page{padding:1rem}.aar-controls{padding:.85rem}.aar-date-fields{flex-wrap:wrap;width:100%}.aar-date-input{flex:1 1;min-width:0}.aar-kpi-strip{grid-template-columns:1fr}}@media (max-width:900px){.admin-attendance-page{padding:1rem}.aar-kpi-strip{grid-template-columns:repeat(3,1fr)}.aar-group-header-row,.aar-group-row{grid-template-columns:1fr 60px 60px 60px 80px 30px;padding:.75rem 1rem}.aar-detail-row{grid-template-columns:110px 1fr 60px 80px 60px}}@media (max-width:640px){.aar-kpi-strip{grid-template-columns:repeat(2,1fr)}.aar-roster-grid{grid-template-columns:1fr 1fr}.aar-group-header-row,.aar-group-row{grid-template-columns:1fr 50px 50px 50px 30px}.aar-group-header-row span:nth-child(5),.aar-group-row .aar-group-stat.hours{display:none}}.atm-page{gap:0;height:100%}.atm-page,.atm-sidebar{display:flex;overflow:hidden}.atm-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px}.atm-sidebar-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1rem .625rem}.atm-sidebar-title{color:var(--ink-1);font-family:var(--font-display);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.atm-sidebar-count{background:var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--ink-1);font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:.15rem .45rem}.atm-search-wrap{flex-shrink:0;padding:0 .75rem .625rem;position:relative}.atm-search-icon{color:var(--paper-4);left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateY(-4px)}.atm-search{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink-0);font-family:inherit;font-size:.8125rem;outline:none;padding:.375rem .625rem .375rem 1.875rem;transition:border-color .15s;width:100%}.atm-search:focus{border-color:var(--vermilion-500);box-shadow:0 0 0 3px #7b2d9a1a}.atm-emp-list{flex:1 1;overflow-y:auto;padding:0 .375rem .75rem}.atm-emp-loading{color:var(--paper-4);font-size:.8125rem;padding:2rem 1rem;text-align:center}.atm-emp-row{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.625rem;padding:.5rem .625rem;transition:background .12s;-webkit-user-select:none;user-select:none}.atm-emp-row:hover{background:var(--color-bg)}.atm-emp-row.selected{background:var(--paper-1)}.atm-emp-avatar{align-items:center;border-radius:var(--radius-pill);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.atm-emp-avatar.lg{font-size:.875rem;height:40px;width:40px}.atm-avatar-img{border-radius:var(--radius-pill);display:block;height:100%;object-fit:cover;width:100%}.atm-emp-info{flex:1 1;min-width:0}.atm-emp-name{color:var(--ink-0);font-size:.8125rem;font-weight:600}.atm-emp-email,.atm-emp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atm-emp-email{color:var(--paper-4);font-size:.7rem;margin-top:1px}.atm-main{display:flex;flex:1 1;flex-direction:column;gap:.875rem;min-width:0;overflow:hidden;padding:1.25rem 1.5rem}.atm-placeholder{align-items:center;color:var(--paper-4);display:flex;flex:1 1;font-size:.9rem;justify-content:center}.atm-emp-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between}.atm-emp-header-info{align-items:center;display:flex;gap:.75rem}.atm-emp-header-name{color:var(--ink-0);font-family:var(--font-display);font-size:1rem;font-weight:600}.atm-emp-header-email{color:var(--paper-4);font-size:.78rem;margin-top:1px}.atm-kpi-strip{display:flex;flex-wrap:wrap;gap:.5rem}.atm-kpi{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:flex;gap:.375rem;padding:.3rem .7rem}.atm-kpi.present{background:var(--ok-50);border-color:var(--ok-50)}.atm-kpi.late{background:var(--warn-50);border-color:var(--warn-50)}.atm-kpi.absent{background:var(--danger-50);border-color:var(--danger-50)}.atm-kpi.hours{background:var(--paper-1);border-color:var(--paper-3)}.atm-kpi-val{color:var(--ink-0);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.atm-kpi.present .atm-kpi-val{color:var(--ok-500)}.atm-kpi.late .atm-kpi-val{color:var(--warn-500)}.atm-kpi.absent .atm-kpi-val{color:var(--danger-500)}.atm-kpi.hours .atm-kpi-val{color:var(--vermilion-700)}.atm-kpi-lbl{color:var(--ink-1);font-size:.72rem;font-weight:500}.atm-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.atm-export-btns{display:flex;gap:.375rem}.atm-btn-csv,.atm-btn-pdf{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.8rem;font-weight:600;gap:.35rem;padding:.35rem .75rem;transition:all var(--dur-fast) var(--ease-standard)}.atm-btn-pdf{background:var(--vermilion-500);color:#fff}.atm-btn-pdf:hover{background:var(--vermilion-400);box-shadow:0 3px 10px #7b2d9a4d}.atm-btn-csv{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--ink-1)}.atm-btn-csv:hover:not(:disabled){background:var(--paper-1);border-color:var(--vermilion-500);color:var(--vermilion-500)}.atm-btn-csv:disabled,.atm-btn-pdf:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.atm-error{background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-md);color:var(--danger-500);flex-shrink:0;font-size:.8125rem;padding:.625rem .875rem}.atm-calendar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.atm-calendar-topbar{border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.atm-calendar-topbar,.atm-nav{align-items:center;display:flex}.atm-nav{gap:.625rem}.atm-nav-btn{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--ink-1);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .12s;width:28px}.atm-nav-btn:hover:not(:disabled){background:var(--paper-1);border-color:var(--vermilion-500);color:var(--vermilion-500)}.atm-nav-btn:disabled{cursor:not-allowed;opacity:.35}.atm-nav-title{color:var(--ink-0);font-family:var(--font-display);font-size:.9rem;font-weight:600;min-width:130px;text-align:center}.atm-legend{display:flex;flex-wrap:wrap;gap:.875rem}.atm-leg{align-items:center;color:var(--ink-1);display:flex;font-size:.72rem;font-weight:500;gap:.3rem}.atm-leg-dot{border-radius:2px;display:inline-block;height:8px;width:8px}.atm-leg.present .atm-leg-dot{background:var(--ok-500)}.atm-leg.late .atm-leg-dot{background:var(--warn-500)}.atm-leg.absent .atm-leg-dot{background:var(--danger-500)}.atm-leg.incomplete .atm-leg-dot{background:var(--vermilion-500)}.atm-loading{align-items:center;color:var(--paper-4);display:flex;flex:1 1;font-size:.875rem;justify-content:center}.atm-cal-grid{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(7,1fr);min-height:0}.atm-day-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border-subtle);color:var(--ink-1);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.375rem .5rem;text-align:center;text-transform:uppercase}.atm-day-header:last-child{border-right:none}.atm-cell{border-bottom:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:2px;overflow:hidden;padding:.375rem .5rem;position:relative;transition:background .1s}.atm-cell:nth-child(7n){border-right:none}.atm-cell.empty{background:var(--color-bg);opacity:.4}.atm-cell.future{opacity:.5}.atm-cell.future,.atm-cell.weekend{background:var(--color-bg)}.atm-cell.present{background:var(--ok-50)}.atm-cell.late{background:var(--warn-50)}.atm-cell.absent{background:var(--danger-50)}.atm-cell.incomplete{background:var(--paper-1)}.atm-cell.live{background:var(--ok-50)}.atm-cell.today{border-radius:2px;outline:2px solid var(--vermilion-500);outline-offset:-2px}.atm-cell-day{align-items:center;color:var(--ink-1);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;line-height:1}.atm-cell.present .atm-cell-day{color:var(--ok-500)}.atm-cell.late .atm-cell-day{color:var(--warn-500)}.atm-cell.absent .atm-cell-day{color:var(--danger-500)}.atm-cell.incomplete .atm-cell-day{color:var(--vermilion-700)}.atm-today-dot{background:var(--vermilion-500);border-radius:var(--radius-pill);display:inline-block;height:5px;width:5px}.atm-cell-times{display:flex;flex-direction:column;gap:1px}.atm-cell-row{align-items:center;display:flex;gap:3px}.atm-arrow{flex-shrink:0;font-size:.6rem;line-height:1}.atm-arrow.in{color:var(--ok-500)}.atm-arrow.out{color:var(--danger-500)}.atm-time{color:var(--ink-1)}.atm-duration,.atm-time{font-family:var(--font-mono);font-size:.68rem}.atm-duration{color:var(--ink-0);font-weight:600;margin-top:1px}.atm-live-dot{animation:atmLivePulse 1.5s ease-in-out infinite;background:var(--ok-500);border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;height:5px;width:5px}.atm-live-lbl{color:var(--ok-500);font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@keyframes atmLivePulse{0%,to{opacity:1}50%{opacity:.3}}.atm-cell-editable{cursor:pointer}.atm-cell-editable:hover{filter:brightness(.96)}.atm-edit-icon{color:var(--paper-4);font-size:.6rem;margin-left:2px;opacity:0;transition:opacity .1s}.atm-cell-editable:hover .atm-edit-icon{opacity:1}.atm-override-popover{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;gap:2px;min-width:100px;padding:.375rem;position:fixed;z-index:9999}.atm-override-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.3rem .5rem;text-align:left;transition:opacity .12s}.atm-override-btn:hover{opacity:.8}.atm-override-btn:disabled{cursor:not-allowed;opacity:.4}.atm-override-btn.present{color:var(--ok-500)}.atm-override-btn.present:hover{background:var(--ok-50)}.atm-override-btn.present.active{background:var(--ok-50);font-weight:900}.atm-override-btn.late{color:var(--warn-500)}.atm-override-btn.late:hover{background:var(--warn-50)}.atm-override-btn.late.active{background:var(--warn-50);font-weight:900}.atm-override-btn.absent{color:var(--danger-500)}.atm-override-btn.absent:hover{background:var(--danger-50)}.atm-override-btn.absent.active{background:var(--danger-50);font-weight:900}.atm-missed{color:var(--danger-500);font-size:.65rem;font-weight:600;opacity:.6}.atm-off{color:var(--paper-4);font-size:.62rem;font-weight:500;letter-spacing:.04em;opacity:.7;text-transform:uppercase}@media (max-width:900px){.atm-sidebar{width:200px}.atm-main{padding:1rem}.atm-arrow,.atm-duration,.atm-time{display:none}}@media (max-width:640px){.atm-kpi-strip,.atm-sidebar{display:none}}.kiosk-container{align-items:center;background-color:var(--ink-0);color:var(--paper-1);display:flex;font-family:var(--font-body);justify-content:center;min-height:100vh;overflow:hidden;padding:3rem 2rem;position:relative}.kiosk-container:before{background-image:radial-gradient(#d2451a1f 1px,#0000 0);background-size:48px 48px;inset:0}.kiosk-container:after,.kiosk-container:before{content:"";pointer-events:none;position:fixed;z-index:0}.kiosk-container:after{animation:kioskGlow 8s ease-in-out infinite alternate;background:radial-gradient(circle,#d2451a26 0,#d2451a26 40%,#0000 70%);border-radius:var(--radius-pill);height:80vw;left:50%;top:50%;transform:translate(-50%,-50%);width:80vw}@keyframes kioskGlow{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.kiosk-shell{display:flex;flex-direction:column;gap:0;max-width:400px;position:relative;width:100%;z-index:1}.kiosk-brand{align-items:center;display:flex;gap:.85rem;margin-bottom:2.5rem}.kiosk-brand-logo,.kiosk-brand-mark{border-radius:var(--radius-md);flex-shrink:0;height:2.75rem;width:2.75rem}.kiosk-brand-logo{background:var(--paper-0);object-fit:contain;padding:.3rem}.kiosk-brand-mark{align-items:center;background:linear-gradient(135deg,var(--vermilion-500),var(--vermilion-700));box-shadow:0 4px 12px #d2451a4d;color:var(--paper-0);display:flex;font-size:.95rem;font-weight:800;justify-content:center;letter-spacing:-.04em}.kiosk-brand-copy{display:flex;flex-direction:column;min-width:0}.kiosk-brand-name{color:var(--paper-0);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;word-break:break-word}.kiosk-brand-kicker{color:var(--vermilion-400);font-size:.76rem;font-weight:500;letter-spacing:.02em;margin-top:.15rem}.kiosk-clock{margin-bottom:2.5rem}.kiosk-time{font-feature-settings:"tnum";color:var(--paper-0);font-size:clamp(3.5rem,12vw,5.5rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.05em;line-height:1;margin:0;text-shadow:0 0 60px #d2451a4d}.kiosk-date{color:var(--ink-1);font-size:.9rem;letter-spacing:.01em;margin:.6rem 0 0}.kiosk-card-head{margin-bottom:1.5rem}.kiosk-card-title{color:var(--paper-0);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .3rem}.kiosk-subtitle{color:var(--ink-1);font-size:.9rem;line-height:1.5;margin:0}.kiosk-input-group{margin-bottom:1rem}.kiosk-input-group label{color:var(--paper-4);display:block;font-size:.85rem;font-weight:500;margin-bottom:.45rem}.kiosk-input-group input{-webkit-text-fill-color:var(--paper-0);background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--radius-md);box-sizing:border-box;caret-color:var(--vermilion-400);color:var(--paper-0);font-family:var(--font-body);font-size:1rem;padding:.95rem 1.1rem;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow .2s ease,background .2s ease;width:100%}.kiosk-input-group input::placeholder{-webkit-text-fill-color:#94a3b866;color:#94a3b866}.kiosk-input-group input:hover{background:#ffffff0f;border-color:#ffffff21}.kiosk-input-group input:focus{background:#ffffff0f;border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a26;outline:none}.kiosk-input-group input:disabled{cursor:not-allowed;opacity:.5}.kiosk-input-group input:-webkit-autofill,.kiosk-input-group input:-webkit-autofill:focus{-webkit-text-fill-color:var(--paper-0)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172afc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.kiosk-password-wrapper{position:relative}.kiosk-password-wrapper input{padding-right:3rem}.password-toggle-btn{align-items:center;background:none;border:none;color:var(--ink-1);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle-btn:hover{color:var(--vermilion-400)}.kiosk-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.kiosk-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:transform .15s ease,opacity .2s ease,background .2s ease,box-shadow .2s ease}.kiosk-btn:disabled{cursor:not-allowed;opacity:.5}.kiosk-btn:not(:disabled):active{transform:scale(.98)}.kiosk-btn.clock-in{background:var(--vermilion-500);box-shadow:0 4px 16px #d2451a26;color:var(--paper-0)}.kiosk-btn.clock-in:not(:disabled):hover{background:var(--vermilion-700);box-shadow:0 6px 24px #d2451a66}.kiosk-btn.clock-out{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--paper-2)}.kiosk-btn.clock-out:not(:disabled):hover{background:#ffffff14;border-color:#ffffff2e}.kiosk-message{animation:fadeSlideIn .3s ease-out;border-radius:var(--radius-md);font-size:.9rem;line-height:1.5;margin-top:1rem;padding:.85rem 1rem}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kiosk-message.success{background:#d2451a14;border:1px solid #d2451a26;color:var(--vermilion-400)}.kiosk-message.error{background:#ef44441a;border:1px solid #ef444433;color:var(--danger-500)}.kiosk-footer{margin-top:1.5rem}.kiosk-exit-btn{align-items:center;background:none;border:none;color:var(--ink-2);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:.4rem;padding:0;transition:color .2s}.kiosk-exit-btn:hover{color:var(--ink-1)}@media (max-width:520px){.kiosk-container{align-items:flex-start;padding:2rem 1.5rem}.kiosk-actions{grid-template-columns:1fr}}.toast-container{bottom:1.5rem;flex-direction:column;pointer-events:none;position:fixed;right:1.5rem;z-index:99999}.toast,.toast-container{display:flex;gap:.625rem}.toast{align-items:flex-start;animation:toast-slide-in .28s cubic-bezier(.34,1.56,.64,1) both;background:var(--paper-0);border:1px solid #0000;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;max-width:400px;min-width:280px;overflow:hidden;padding:.75rem 1rem;pointer-events:all;position:relative}.toast.toast-leaving{animation:toast-slide-out .22s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-slide-out{0%{margin-bottom:0;max-height:120px;opacity:1;transform:translateX(0) scale(1)}to{margin-bottom:-.625rem;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateX(110%) scale(.9)}}.toast-success{background:linear-gradient(135deg,var(--ok-50) 0,var(--paper-0) 60%);border-color:var(--ok-50)}.toast-error{background:linear-gradient(135deg,var(--danger-50) 0,var(--paper-0) 60%);border-color:var(--danger-50)}.toast-warning{background:linear-gradient(135deg,var(--warn-50) 0,var(--paper-0) 60%);border-color:var(--warn-50)}.toast-info{background:linear-gradient(135deg,var(--info-50) 0,var(--paper-0) 60%);border-color:var(--info-50)}.toast-icon{flex-shrink:0;height:18px;margin-top:1px;width:18px}.toast-success .toast-icon{color:var(--ok-500)}.toast-error .toast-icon{color:var(--danger-500)}.toast-warning .toast-icon{color:var(--warn-500)}.toast-info .toast-icon{color:var(--info-500)}.toast-body{flex:1 1;min-width:0}.toast-message{color:var(--ink-0);font-size:.875rem;font-weight:500;line-height:1.4;word-break:break-word}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:-1px;padding:0;transition:color .15s,background .15s;width:20px}.toast-close:hover{background:#0000000f;color:var(--ink-1)}.toast-progress{animation:toast-progress linear forwards;border-radius:0 0 10px 10px;bottom:0;height:3px;left:0;position:absolute}.toast-success .toast-progress{background:var(--ok-500)}.toast-error .toast-progress{background:var(--danger-500)}.toast-warning .toast-progress{background:var(--warn-500)}.toast-info .toast-progress{background:var(--info-500)}@keyframes toast-progress{0%{width:100%}to{width:0}}
/*# sourceMappingURL=main.902d98b6.css.map*/