@import"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{--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-display: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-heading: var(--font-display);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--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);--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: rgba(210,69,26,.04);--shell-sidebar-hover-bg: var(--paper-2);--shell-sidebar-hover-text: var(--ink-0);--shell-sidebar-active-bg: rgba(210,69,26,.08);--shell-sidebar-user-hover: rgba(27,34,48,.04);--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);--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);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px}html[data-theme=night],body[data-theme=night]{color-scheme:light;--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: rgba(255,255,255,.04);--shell-sidebar-hover-bg: var(--ink-2);--shell-sidebar-hover-text: var(--paper-0);--shell-sidebar-active-bg: rgba(210,69,26,.18);--shell-sidebar-user-hover: rgba(255,255,255,.06);--shell-sidebar-muted-border: var(--ink-2);--shell-sidebar-top-border: var(--ink-2);--shell-toggle-bg: var(--ink-2);--shell-toggle-border: rgba(255,255,255,.12);--shell-toggle-text: var(--paper-3);--shell-toggle-hover-bg: rgba(255,255,255,.08);--shell-toggle-hover-text: var(--paper-0);--shell-tooltip-bg: var(--ink-0);--shell-tooltip-text: var(--paper-0)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--ink-0);margin:0}*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none;margin:0;padding:0}li{display:inline-block;margin:0;padding:0}html{font-size:15px}button:focus:not(:focus-visible){outline:none}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}html,body{height:100%;margin:0;padding:0;background-color:var(--shell-app-bg)}body{font-family:var(--font-body);color:var(--shell-main-text);line-height:1.6;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--shell-app-bg)}.app-body{display:flex;flex:1;overflow:hidden;width:100%;position:relative}.main-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--shell-main-bg);position:relative}.content-header{width:100%;height:64px;background:var(--shell-sidebar-bg);border-bottom:1px solid var(--shell-sidebar-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:100;flex-shrink:0;box-shadow:var(--shadow-xs);color:var(--shell-main-text)}.content-header .header-organization-name{color:var(--shell-sidebar-heading)}.content-header .btn-sidebar-toggle{color:var(--shell-sidebar-text)!important}.content-header .btn-sidebar-toggle:hover{color:var(--shell-sidebar-heading)!important;background:var(--shell-sidebar-hover-bg)!important;border-radius:var(--radius-sm)}.content-header-logo{display:flex;align-items:center}.header-logo{width:48px;height:48px;border-radius:var(--radius-sm)}.content-header-actions{display:flex;align-items:center;gap:.75rem}.header-user-name{font-size:.875rem;font-weight:500;color:var(--paper-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}@media (max-width: 640px){.header-user-name{display:none}}.content-wrapper{flex:1;overflow-y:auto;padding:1.5rem;background:transparent}.sidebar{width:220px;background:var(--shell-sidebar-bg);position:relative;color:var(--shell-sidebar-text);display:flex;flex-direction:column;border-right:1px solid var(--shell-sidebar-border);flex-shrink:0;transition:width var(--dur-base) var(--ease-standard);overflow-x:hidden;white-space:nowrap;box-shadow:none}.btn-sidebar-create{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--vermilion-500);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 2px 8px #d2451a40;border:none}.btn-sidebar-create:hover{background:var(--vermilion-400);box-shadow:0 4px 12px #d2451a59}.btn-sidebar-create:active{transform:translateY(0)}.btn-sidebar-ai{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;text-decoration:none;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);margin-bottom:.5rem;font-size:.875rem;font-weight:600;position:relative;width:100%;white-space:nowrap;overflow:hidden;background:transparent;color:var(--vermilion-400);border:1px solid rgba(210,69,26,.3);animation:ai-border-glow 3s ease-in-out infinite}.btn-sidebar-ai:hover{background:#d2451a1a;border-color:#d2451a8c;color:var(--vermilion-400);box-shadow:0 0 16px #d2451a33}@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{white-space:nowrap;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header{padding:0 .5rem;justify-content:center}.sidebar.collapsed .sidebar-brand{justify-content:center;flex:0}.sidebar.collapsed .nav-item{justify-content:center;padding:7px 8px}.sidebar.collapsed .logout-btn{justify-content:center;padding:.6rem 0}.sidebar-header{height:56px;padding:0 .75rem 0 1rem;border-bottom:1px solid var(--shell-sidebar-top-border);position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;z-index:1}.sidebar-brand{display:flex;align-items:center;gap:.6rem;justify-content:flex-start;flex:1;min-width:0;overflow:hidden}.sidebar-logo{width:48px;height:48px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0003}.sidebar-brand-text{font-weight:600;font-size:1rem;color:var(--shell-sidebar-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-company-name{font-weight:600;font-size:.9rem;color:var(--shell-sidebar-heading);margin-right:auto;letter-spacing:.05em}.collapse-btn-header{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;background:var(--shell-sidebar-hover-overlay);border:1px solid var(--shell-sidebar-border);color:var(--shell-sidebar-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);flex-shrink:0}.collapse-btn-header:hover{background:var(--shell-sidebar-hover-bg);color:var(--shell-sidebar-heading);transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.sidebar-nav{flex:1;padding:18px 14px;overflow-y:auto;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--shell-sidebar-muted-border);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{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{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-1);margin-bottom:.75rem;padding-left:.75rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;color:var(--shell-sidebar-text);text-decoration:none;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease;margin-bottom:0;font-size:13px;font-weight:500;position:relative}.nav-item svg{width:16px;height:16px;color:currentColor;flex-shrink:0}.nav-item:hover{color:var(--shell-sidebar-hover-text);background:var(--shell-sidebar-hover-bg)}.nav-item.active{background:var(--paper-1);color:var(--ink-0);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:2px;background:var(--vermilion-500)}[data-theme=night] .nav-item.active{background:var(--shell-sidebar-active-bg);color:var(--shell-sidebar-hover-text)}.nav-item.disabled{opacity:.4;cursor:not-allowed}.badge-soon{font-size:.65rem;background:var(--paper-1);color:var(--ink-1);padding:3px 8px;border-radius:var(--radius-sm);margin-left:auto;font-weight:600}.sidebar-top{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 14px;height:56px;flex-shrink:0}.sidebar-top--collapsed{flex-direction:column;justify-content:center;align-items:center;height:auto;padding:.75rem .5rem .5rem;gap:.5rem}.sidebar-brand-inner{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.sidebar-brand-logo{width:26px;height:26px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.sidebar-brand-initials{width:26px;height:26px;border-radius:var(--radius-sm);background-color:var(--vermilion-500);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.sidebar-brand-name{font-weight:600;font-size:13px;color:var(--shell-sidebar-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--shell-toggle-text);display:flex;align-items:center;justify-content:center;padding:5px;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);flex-shrink:0}.sidebar-collapse-toggle:hover{background:var(--shell-toggle-hover-bg);color:var(--shell-toggle-hover-text)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--shell-sidebar-muted-border);display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1;flex-shrink:0}.sidebar-theme-preference{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--shell-toggle-border);background:var(--shell-toggle-bg);color:var(--shell-toggle-text);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-align:left}.sidebar-theme-preference:hover{background:var(--shell-toggle-hover-bg);color:var(--shell-toggle-hover-text);border-color:#d2451a47}.sidebar-theme-preference-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:#d2451a1f;color:var(--color-accent);flex-shrink:0}.sidebar-theme-preference-copy{display:flex;flex-direction:column;min-width:0}.sidebar-theme-preference-title{font-size:.82rem;font-weight:600;color:inherit}.sidebar-theme-preference-subtitle{font-size:.72rem;color:var(--shell-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-theme-preference{justify-content:center;padding:.65rem}.sidebar.collapsed .sidebar-theme-preference-icon{width:28px;height:28px}.sidebar-user-info{display:flex;align-items:center;gap:.65rem;padding:.5rem .35rem;border-radius:var(--radius-sm);transition:background .2s;min-width:0}.sidebar-user-info:hover{background:var(--shell-sidebar-user-hover)}.sidebar-user-avatar{width:30px;height:30px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid var(--shell-sidebar-border);flex-shrink:0}.sidebar-user-avatar-initials{background-color:var(--ok-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.sidebar-user-details{min-width:0;flex:1}.sidebar-user-name{margin:0;font-size:.82rem;font-weight:600;color:var(--shell-sidebar-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{margin:0;font-size:.72rem;color:var(--shell-sidebar-text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-user-info{justify-content:center;padding:.5rem 0}.sidebar.collapsed .sidebar-footer{padding:.5rem .25rem}.sidebar.collapsed .sidebar-user-row{flex-direction:column;align-items:center;gap:2px}.sidebar.collapsed .sidebar-user-btn{justify-content:center;padding:.5rem}.collapse-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .75rem;background:var(--shell-toggle-bg);border:1px solid var(--shell-toggle-border);color:var(--shell-toggle-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);font-size:.9rem;font-weight:500}.collapse-btn:hover{background:var(--shell-toggle-hover-bg);color:var(--shell-toggle-hover-text);box-shadow:var(--shadow-sm);border-color:var(--shell-sidebar-border)}.sidebar.collapsed .collapse-btn{justify-content:center;padding:.6rem 0}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .75rem;background:transparent;border:1px solid transparent;color:var(--danger-500);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);font-size:.9rem;font-weight:500}.logout-btn:hover{background:#ef44441a;color:var(--danger-500)}.page-header{margin-bottom:2rem}.page-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1.5rem}.page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0;letter-spacing:-.01em}.page-subtitle{color:var(--ink-1);margin-top:.25rem;font-size:.875rem}.page-header-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.page-header-content{margin-top:1rem}.filters-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.75rem 1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--paper-3);border-radius:var(--radius-sm);background-color:var(--paper-0);color:var(--ink-1);font-size:.875rem;cursor:pointer;transition:border-color .2s;background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-select:hover{border-color:var(--paper-3)}.filter-select:focus{outline:none;border-color:var(--ink-1);box-shadow:0 0 0 2px #94a3b81a}.projects-header-compact{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 .5rem;margin-bottom:.5rem;border-bottom:1px solid var(--paper-3);flex-wrap:wrap}.projects-header-left{display:flex;align-items:center;gap:.5rem}.projects-title-compact{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0;display:flex;align-items:center;gap:.5rem}.projects-count{font-size:1rem;font-weight:500;color:var(--ink-1)}.projects-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filters-compact{display:flex;align-items:center;gap:.5rem;background:var(--paper-1);padding:.375rem;border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.filter-select-compact{padding:.375rem 1.75rem .375rem .625rem;border:none;border-radius:var(--radius-sm);background-color:var(--paper-0);color:var(--ink-1);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);min-width:110px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-select-compact:hover{background-color:var(--paper-1)}.filter-select-compact:focus{outline:none;background-color:var(--paper-0);box-shadow:0 0 0 2px #0f172a1a}.filter-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-1);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);margin-left:.25rem}.filter-clear-btn:hover{background:var(--paper-3);color:var(--ink-0)}.view-toggle-compact{display:inline-flex;background-color:var(--paper-1);border-radius:var(--radius-sm);padding:.25rem;gap:.25rem;border:1px solid var(--paper-3)}.view-toggle-btn-compact{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border:none;background:transparent;color:var(--ink-1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);width:32px;height: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);color:#0f172a;box-shadow:0 1px 2px #0000000d}.view-toggle-btn-compact svg{width:16px;height:16px}.btn-new-project-compact{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--vermilion-500);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 2px 4px #0f172a33}.btn-new-project-compact:hover{box-shadow:0 4px 8px #0f172a4d}.btn-new-project-compact svg{width:16px;height:16px}.btn-filter-compact{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:var(--ink-1);border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);position:relative}.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;color:#fff;border-color:transparent;box-shadow:0 2px 4px #0f172a33}.btn-filter-compact.active:hover{box-shadow:0 4px 8px #0f172a4d}.btn-filter-compact svg{width:16px;height:16px}.filter-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--danger-500);border-radius:var(--radius-pill);border:2px solid white}.btn-new-project{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--vermilion-500);color:var(--paper-0);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 2px 8px #d2451a33}.btn-new-project:hover{background:var(--vermilion-400);box-shadow:0 6px 18px #d2451a66;color:var(--paper-0)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.badge-status{text-transform:capitalize}.badge-status.to-do,.badge-status.to_do{background-color:var(--paper-1);color:var(--ink-1);border:1px solid var(--paper-3)}.badge-status.in-progress,.badge-status.in_progress{background-color:var(--info-50);color:var(--info-500);border:1px solid var(--info-50)}.badge-status.in-review,.badge-status.in_review{background-color:var(--warn-50);color:var(--warn-500);border:1px solid var(--warn-50)}.badge-status.done{background-color:var(--ok-50);color:var(--ok-500);border:1px solid var(--ok-50)}.badge-status.checked{background-color:var(--info-50);color:var(--info-500);border:1px solid var(--info-50)}.badge-status.on-hold,.badge-status.on_hold{background-color:var(--paper-1);color:var(--ink-1);border:1px solid var(--paper-3)}.badge-status.active{background-color:var(--ok-50);color:var(--ok-500);border:1px solid var(--ok-50)}.badge-status.inactive{background-color:var(--paper-1);color:var(--ink-1);border:1px solid var(--paper-3)}.badge-priority{display:inline-flex;align-items:center;justify-content:center;min-height:1.6rem;padding:.24rem .5rem;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:var(--tracking-micro);text-transform:uppercase;line-height:1;white-space:nowrap}.badge-priority.low{background-color:var(--paper-1);border-color:var(--paper-3);color:var(--ink-1)}.badge-priority.medium{background-color:var(--warn-50);border-color:#b07f1f2e;color:var(--warn-500)}.badge-priority.high{background-color:var(--vermilion-50);border-color:#d2451a2e;color:var(--vermilion-700)}.badge-priority.urgent{background-color:var(--danger-50);border-color:#d2451a3d;color:var(--danger-500)}.badge-project-status{text-transform:capitalize}.badge-project-status.active{background-color:var(--ok-50);color:var(--ok-500);border:1px solid var(--ok-50)}.badge-project-status.inactive,.badge-project-status.dormant{background-color:var(--paper-1);color:var(--ink-1);border:1px solid var(--paper-3)}.badge-project-status.in-discussion,.badge-project-status.in_discussion{background-color:var(--paper-1);color:var(--vermilion-600);border:1px solid var(--paper-3)}.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{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-pill);background-color:var(--paper-3);color:var(--ink-1);font-size:.875rem;font-weight:600;overflow:hidden;flex-shrink:0}.avatar-sm{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-left:-.5rem;border:2px solid var(--paper-0)}.avatar-group .avatar:first-child{margin-left:0}.view-toggle{display:inline-flex;background-color:var(--paper-1);border-radius:var(--radius-sm);padding:.25rem;gap:.25rem}.view-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--ink-1);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;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);color:var(--ink-0);box-shadow:0 1px 2px #0000000d}.view-toggle-btn svg{width:1rem;height:1rem}.data-table-container{background:var(--paper-0);border-radius:var(--radius-lg);border:1px solid var(--paper-3);overflow:hidden;box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse;color:var(--ink-0)}.data-table thead{background-color:var(--paper-1);position:sticky;top:0;z-index:10}.data-table th{padding:.68rem 1rem;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--ink-1);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--paper-3)}.data-table td{padding:.82rem 1rem;border-bottom:1px solid var(--paper-2);font-size:13px;line-height:1.45;color:var(--ink-0);font-variant-numeric:tabular-nums}.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;gap:1rem;overflow-x:auto;padding-bottom:1rem;flex:1;min-height:0}.kanban-column{flex:0 0 320px;background-color:var(--paper-0);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;height:100%;border:1px solid var(--paper-3);box-shadow:var(--shadow-sm)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--paper-3)}.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{font-size:.875rem;font-weight:600;color:var(--ink-0);text-transform:uppercase;letter-spacing:.06em}.kanban-column-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background:var(--vermilion-500);color:var(--paper-0);font-size:.75rem;font-weight:600;border-radius:var(--radius-pill)}.kanban-column-cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.kanban-card{background-color:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:.75rem;cursor:pointer;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{font-size:.875rem;font-weight:500;color:var(--ink-0);margin-bottom:.5rem;line-height:1.4}.kanban-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.project-card-modern{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;align-self:start;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0000000d}.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{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-1)}.project-card-modern-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.3;flex:1;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-card-number{font-size:.75rem;color:var(--ink-1);font-weight:500;white-space:nowrap;padding:.25rem .5rem;background:var(--paper-1);border-radius:var(--radius-sm)}.project-card-modern-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.project-stage-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:linear-gradient(135deg,var(--info-50) 0%,#e0f2fe 100%);color:var(--info-500);border:1px solid var(--info-50)}.project-card-description{font-size:.875rem;color:var(--ink-1);margin:0 0 1.25rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-modern-meta{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem;flex:1}.project-card-modern-meta-item{display:flex;align-items:flex-start;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-direction:column;gap:.25rem;flex:1;min-width:0}.project-card-modern-meta-label{font-size:.7rem;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.project-card-modern-meta-value{font-size:.875rem;color:var(--ink-0);font-weight:500;word-break:break-word}.project-card-modern-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:2px solid var(--paper-1);margin-top:auto}.project-budget{display:flex;flex-direction:column;gap:.25rem}.budget-label{font-size:.7rem;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.budget-value{font-size:1rem;font-weight:600;color:var(--ok-500)}.project-card-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;transition:all var(--dur-fast) var(--ease-standard)}.project-card-modern:hover .project-card-arrow{transform:translate(4px);box-shadow:0 4px 12px #0f172a4d}.task-row{display:grid;grid-template-columns:80px 1fr 120px 120px 100px 100px;gap:1rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--paper-1);transition:background-color .15s;cursor:pointer}.task-row:hover{background-color:var(--paper-1)}.task-row-id{font-size:.75rem;color:var(--ink-1);font-weight:500;font-family:SF Mono,Monaco,Courier New,monospace}.task-row-title{font-size:.875rem;color:var(--ink-0);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row-priority{display:flex;align-items:center;gap:.5rem}.task-row-status{display:flex;align-items:center}.task-row-assignee{display:flex;align-items:center;gap:.5rem}.task-row-date{font-size:.75rem;color:var(--ink-1)}.task-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--paper-3);margin-bottom:1rem;margin-top:0}.task-tab{padding:.75rem 1rem;border:none;background:transparent;color:var(--ink-1);font-weight:500;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.5rem}.task-tab:hover{color:var(--ink-0)}.task-tab.active{color:var(--ink-0);font-weight:600;border-bottom-color:var(--ink-0)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background-color:var(--paper-1);color:var(--ink-1);font-size:.75rem;font-weight:600;border-radius:var(--radius-pill)}.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{min-height:100vh;background:linear-gradient(-45deg,var(--paper-1),var(--paper-3),var(--paper-1),var(--paper-3));background-size:400% 400%;animation:gradient-animation 15s ease infinite;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.register-container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,#d2451a0d,#0000 70%);top:-100px;left:-100px;border-radius:var(--radius-pill);animation:float 10s ease-in-out infinite;pointer-events:none}.register-container:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,#d2451a0f,#0000 70%);bottom:-50px;right:-50px;border-radius:var(--radius-pill);animation:float 12s ease-in-out infinite reverse;pointer-events:none}.register-background{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.register-content{width:100%;max-width:900px}.register-header{text-align:center;margin-bottom:2rem}.logo-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-image{height:80px;width:auto;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0000001a}.brand-title{font-size:2rem;font-weight:800;color:var(--ink-0);margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,var(--ink-0) 0%,var(--ink-0) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:1rem;color:var(--ink-1);margin:0;font-weight:500;letter-spacing:.02em}.register-card{background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000005,0 20px 25px -5px #0000000d,0 0 0 1px #fff9 inset;overflow:hidden;border:1px solid rgba(226,232,240,.6);transition:transform .3s ease,box-shadow .3s ease}.register-card:hover{box-shadow:0 10px 15px -3px #00000008,0 25px 30px -5px #0000000f,0 0 0 1px #fffc inset}.card-header-section{background:transparent;color:var(--ink-0);padding:3rem 2rem 1.5rem;text-align:center}.card-title{font-size:2rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em}.card-subtitle{font-size:1rem;margin:0;color:var(--ink-1);font-weight:400}.progress-steps{display:flex;justify-content:center;gap:2rem;padding:2rem;background:var(--paper-1);border-bottom:1px solid var(--paper-3)}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.5;transition:all var(--dur-fast) var(--ease-standard)}.step.active{opacity:1}.step-number{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--ink-1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;transition:all var(--dur-fast) var(--ease-standard)}.step.active .step-number{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 4px 12px #0f172a4d}.step-label{font-size:.9rem;font-weight:500;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.step.active .step-label{color:#0f172a;font-weight:600}.message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin:1.5rem;border-radius:var(--radius-sm);font-weight:500}.message-icon{font-size:1.2rem}.register-form{padding:0 1.5rem}.form-step{padding:2rem 0}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-1)}.section-icon{font-size:2rem}.section-title h3{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--ink-0);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.required{color:var(--danger-500);font-weight:600}.form-input,.form-textarea{padding:.875rem 1rem;border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--paper-1);color:var(--ink-0);width:100%}.form-input:hover,.form-textarea:hover{background:var(--paper-0);border-color:var(--paper-3)}.form-input:focus,.form-textarea:focus{outline:none;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{font-size:.8rem;color:var(--ink-1);font-style:italic;margin-top:.25rem}.form-error{font-size:.8rem;color:var(--danger-500);font-weight:500;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-error:before{content:"⚠";font-size:.75rem}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--paper-1)}.btn-primary,.btn-secondary{padding:.875rem 2rem;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.btn-primary{background:var(--vermilion-500);color:#fff;box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.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{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--paper-2);color:var(--ink-0);border:2px solid var(--paper-3)}.btn-secondary:hover{background:var(--paper-3);border-color:var(--paper-4)}.loading-spinner{text-align:center;padding:4rem;color:var(--ink-1);font-size:1.1rem}.card-footer{background:var(--paper-1);padding:1.5rem;text-align:center;border-top:1px solid var(--paper-3)}.footer-text{color:var(--ink-1);margin:0}.link-button{background:none;border:none;color:#0f172a;text-decoration:underline;cursor:pointer;font-weight:600;padding:0;font-size:inherit}.link-button:hover{color:var(--vermilion-600)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-container p{margin-top:1rem;color:var(--ink-1);font-size:1.1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--danger-50);border-radius:var(--radius-md);border:1px solid var(--danger-50)}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h2{color:var(--danger-500);margin-bottom:1rem;font-size:1.5rem}.error-container p{color:#7f1d1d;margin-bottom:2rem;font-size:1.1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid var(--paper-3)}.page-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0;letter-spacing:-.01em}.page-subtitle{color:var(--ink-1);margin:0;font-size:1.1rem}.btn-outline{background:var(--paper-0);color:#0f172a;border:2px solid #0F172A;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.btn-outline:hover{background:var(--vermilion-500);color:#fff;box-shadow:0 4px 12px #0f172a33}.admin-register-card{background:var(--paper-0);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;padding:2rem;margin-bottom:2rem;border:1px solid var(--paper-3)}.admin-register-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--paper-1);border-radius:var(--radius-sm);padding:1.5rem;border:1px solid var(--paper-3)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--paper-1)}.info-card{background:var(--paper-0);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;padding:2rem;border:1px solid var(--paper-3)}.info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-1)}.info-icon{font-size:1.5rem}.info-header h3{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0}.info-content{color:#4b5563}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:block;border-bottom:1px solid var(--paper-1);position:relative;padding:.5rem 0 .5rem 1.5rem}.info-list li:before{content:"✓";position:absolute;left:0;color:var(--ok-500);font-weight:700}.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{grid-template-columns:1fr;gap:1rem}.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{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:none;box-shadow:0 8px 32px #0f172a33,0 2px 8px #0000001a;padding:0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-ultra-modern{background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.6);box-shadow:0 1px 3px #0000000a,0 1px 20px #00000005;position:sticky;top:0;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-container-ultra{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:76px}.navbar-brand-ultra{display:flex;align-items:center;flex-shrink:0}.brand-link-ultra{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:all var(--dur-fast) var(--ease-standard)}.brand-logo-ultra{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:0 4px 12px #0000001a;transition:all var(--dur-fast) var(--ease-standard)}.brand-link-ultra:hover .brand-logo-ultra{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.brand-text-ultra{display:flex;flex-direction:column;gap:.25rem}.brand-name-ultra{font-size:1.375rem;font-weight:800;color:var(--ink-0);line-height:1.1;letter-spacing:-.025em;background:linear-gradient(135deg,var(--ink-0) 0%,var(--ink-0) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-subtitle-ultra{font-size:.75rem;color:var(--ink-1);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-toggle-ultra{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);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;width:24px;height:18px;position:relative}.hamburger-ultra span{width:100%;height:2px;background:var(--ink-1);border-radius:2px;transition:all var(--dur-fast) var(--ease-standard);transform-origin:center}.hamburger-ultra.active span:nth-child(1){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{display:flex;align-items:center;gap:2rem}.nav-links-ultra{display:flex;align-items:center;gap:.5rem}.nav-item-ultra{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink-1);font-weight:600;font-size:.9375rem;line-height:1.4;letter-spacing:-.01em;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item-ultra:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.12),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.nav-item-ultra:hover:before{left:100%}.nav-item-ultra:hover{background:#f8fafccc;color:#1e293b;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #3b82f626}.nav-item-ultra.active{background:linear-gradient(135deg,var(--info-50) 0%,#e0f2fe 100%);color:#1e293b;font-weight:600;box-shadow:0 4px 16px #3b82f640,0 2px 4px var(--paper-2);border:1px solid rgba(59,130,246,.2)}.nav-item-ultra svg{transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.8}.nav-item-ultra:hover svg{transform:scale(1.15) rotate(2deg);opacity:1}.nav-item-ultra.logout-btn:hover svg{opacity:1}.app-switcher{position:relative;margin-bottom:1rem}.app-switcher-trigger{width:100%;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);font-size:.875rem;color:var(--ink-0)}.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;font-weight:600;text-align:left}.app-switcher-arrow{width:12px;height:12px;color:var(--ink-1);transition:transform .2s}.app-switcher-arrow.open{transform:rotate(180deg)}.app-switcher-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden}.app-switcher-header{padding:.75rem 1rem;border-bottom:1px solid var(--paper-3);background:var(--paper-1)}.app-switcher-title{font-size:.75rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.app-switcher-grid{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.app-card{padding:.75rem 1rem;background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-align:left;display:flex;align-items:center;gap:.75rem}.app-card:hover{background:var(--paper-1)}.app-card.active{background:var(--vermilion-500);color:var(--paper-0)}.app-card.active .app-card-name,.app-card.active .app-card-desc{color:var(--paper-0)}.app-card.coming-soon{opacity:.6;cursor:not-allowed}.app-card-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.app-card-content{flex:1;min-width:0}.app-card-name{font-weight:600;color:var(--ink-0);font-size:.875rem;margin-bottom:.125rem}.app-card-desc{font-size:.75rem;color:var(--ink-1);line-height:1.3}.app-card-badge{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;background:var(--warn-50);color:var(--warn-500);font-size:.625rem;font-weight:600;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em}.sidebar.collapsed .app-switcher-name,.sidebar.collapsed .app-switcher-arrow{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{opacity:.5;cursor:not-allowed;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{transform:none!important;opacity:.8!important}.coming-soon-badge{background:var(--warn-500);color:#fff;font-size:.6rem;font-weight:600;padding:.2rem .4rem;border-radius:var(--radius-sm);margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.nav-actions-ultra{display:flex;align-items:center}.logout-btn-ultra{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:#f8fafccc;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-sm);color:var(--ink-1);font-weight:600;font-size:.9375rem;line-height:1.4;letter-spacing:-.01em;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}.logout-btn-ultra:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .5s ease}.logout-btn-ultra:hover:before{left:100%}.logout-btn-ultra:hover{background:#fef2f2e6;border-color:#fecacacc;color:var(--danger-500);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #ef444440,0 2px 4px #ef44441a}.logout-btn-ultra svg{transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.8}.logout-btn-ultra:hover svg{transform:scale(1.15) rotate(-8deg);opacity:1}.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{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;min-height:70px;position:relative}.navbar-brand-section-modern{display:flex;align-items:center;flex-shrink:0}.navbar-brand-modern{display:flex;align-items:center;gap:1rem;color:var(--ink-0);text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);padding:.5rem 0}.navbar-brand-modern:hover{color:#0f172a}.navbar-logo-modern{height:40px;width:40px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;object-fit:cover}.brand-info-modern{display:flex;flex-direction:column;gap:.25rem}.organization-name-modern{font-size:1.25rem;font-weight:600;color:var(--ink-0);line-height:1.2;letter-spacing:-.01em}.welcome-text-modern{font-size:.75rem;color:var(--ink-1);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-menu-toggle-modern{display:none;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);cursor:pointer;padding:.75rem;z-index:1001;transition:all var(--dur-fast) var(--ease-standard);color:var(--ink-1)}.mobile-menu-toggle-modern:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--ink-0)}.navbar-nav-wrapper-modern{display:flex;align-items:center;gap:2rem}.navbar-nav-modern{list-style:none;display:flex;align-items:center;gap:.5rem;margin:0;padding:0}.navbar-nav-modern li{margin:0;display:inline-block}.navbar-nav-modern .nav-link-modern{color:var(--ink-1);text-decoration:none;font-size:.95rem;font-weight:500;padding:.75rem 1rem;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);background:transparent;border:1px solid transparent;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:.5rem;position:relative}.navbar-nav-modern .nav-link-modern:hover{background:var(--paper-1);color:#0f172a;border-color:var(--paper-3)}.navbar-nav-modern .nav-link-modern.active{background:var(--info-50);color:#0f172a;border-color:var(--info-50);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)}.navbar-logout-modern{display:flex;align-items:center}.logout-button-modern{background:var(--paper-1);color:var(--ink-1);border:1px solid var(--paper-3);padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);font-family:inherit;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 2px #0000000d}.logout-button-modern:hover{background:var(--paper-1);color:var(--ink-0);border-color:var(--paper-3);box-shadow:0 2px 4px #0000001a}.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{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;min-height:80px;position:relative}.navbar-brand-section{display:flex;align-items:center;flex-shrink:0}.navbar-brand{display:flex;align-items:center;gap:1rem;color:#fff;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard)}.navbar-brand:hover{color:#ffffffe6}.navbar-logo{height:45px;width:45px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0003;object-fit:cover}.brand-info{display:flex;flex-direction:column;gap:.25rem}.organization-name{font-size:1.4rem;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.welcome-text{font-size:.8rem;color:#ffffffd9;font-weight:500;text-transform:uppercase;letter-spacing:.8px}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;padding:.75rem;z-index:1001;transition:all var(--dur-fast) var(--ease-standard);color:#fff}.mobile-menu-toggle:hover{background:#fff3;box-shadow:0 4px 12px #0000001a}.navbar-nav-wrapper{display:flex;align-items:center;gap:2rem}.navbar-nav{list-style:none;display:flex;align-items:center;gap:.5rem;margin:0;padding:0}.navbar-nav li{margin:0;display:inline-block}.navbar-nav .nav-link{color:#ffffffe6;text-decoration:none;font-size:.95rem;font-weight:600;padding:.875rem 1.25rem;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.navbar-nav .nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.navbar-nav .nav-link:hover:before{left:100%}.navbar-nav .nav-link:hover{background:#ffffff40;color:#fff;box-shadow:0 8px 25px #00000026;border-color:#ffffff4d}.navbar-nav .nav-link.active{background:#ffffff4d;color:#fff;border-color:#ffffff80;font-weight:600;box-shadow:0 4px 20px #0000001a}.navbar-nav .nav-link svg{transition:transform .3s ease}.navbar-nav .nav-link:hover svg{transform:scale(1.1)}.navbar-user-section{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.875rem;padding:.5rem .75rem .5rem .5rem;background:#ffffff1a;border-radius:50px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.user-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.user-info:hover:before{left:100%}.user-info:hover{background:#fff3;box-shadow:0 8px 25px #00000026;border-color:#ffffff4d}.user-avatar{width:38px;height:38px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;box-shadow:0 4px 12px #0f172a4d;border:2px solid rgba(255,255,255,.3);transition:all var(--dur-fast) var(--ease-standard);flex-shrink:0}.user-info:hover .user-avatar{transform:scale(1.1);box-shadow:0 6px 20px #0f172a66;border-color:#ffffff80}.user-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-name{font-size:.9rem;font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-role{font-size:.7rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:.75rem 1rem;font-size:.85rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-button:hover{background:#fff3;color:#fff;box-shadow:0 8px 25px #00000026;border-color:#ffffff4d}.mobile-menu-overlay{display:none}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.login-container{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:450px;text-align:center}.login-logo-container{margin-bottom:1.5rem}.login-logo-container h2{white-space:nowrap;font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.login-logo-img{max-width:120px;height:auto;border-radius:.5rem}.login-container h1{color:var(--ink-0);margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.glassmorphism-login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0F172A 0%,#1a1210 40%,var(--ink-0) 70%,#0F172A 100%);position:relative;overflow:hidden}.glassmorphism-login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,var(--paper-0),transparent),radial-gradient(1px 1px at 25% 25%,var(--paper-0),transparent),radial-gradient(2px 2px at 60% 70%,var(--paper-0),transparent),radial-gradient(1px 1px at 65% 65%,var(--paper-0),transparent),radial-gradient(2px 2px at 50% 50%,var(--paper-0),transparent),radial-gradient(1px 1px at 55% 55%,var(--paper-0),transparent),radial-gradient(1px 1px at 80% 10%,var(--paper-0),transparent),radial-gradient(2px 2px at 75% 15%,var(--paper-0),transparent),radial-gradient(2px 2px at 90% 60%,var(--paper-0),transparent),radial-gradient(1px 1px at 85% 65%,var(--paper-0),transparent),radial-gradient(1px 1px at 33% 15%,var(--paper-0),transparent),radial-gradient(2px 2px at 38% 20%,var(--paper-0),transparent),radial-gradient(1px 1px at 15% 80%,var(--paper-0),transparent),radial-gradient(2px 2px at 20% 75%,var(--paper-0),transparent),radial-gradient(2px 2px at 40% 40%,var(--paper-0),transparent),radial-gradient(1px 1px at 45% 45%,var(--paper-0),transparent),radial-gradient(1px 1px at 75% 25%,var(--paper-0),transparent),radial-gradient(2px 2px at 70% 30%,var(--paper-0),transparent),radial-gradient(1px 1px at 10% 50%,var(--paper-0),transparent),radial-gradient(2px 2px at 15% 55%,var(--paper-0),transparent),radial-gradient(2px 2px at 70% 85%,var(--paper-0),transparent),radial-gradient(1px 1px at 65% 80%,var(--paper-0),transparent),radial-gradient(1px 1px at 85% 45%,var(--paper-0),transparent),radial-gradient(2px 2px at 80% 50%,var(--paper-0),transparent),radial-gradient(2px 2px at 5% 20%,var(--paper-0),transparent),radial-gradient(1px 1px at 95% 75%,var(--paper-0),transparent),radial-gradient(1px 1px at 30% 60%,var(--paper-0),transparent),radial-gradient(2px 2px at 35% 55%,var(--paper-0),transparent),radial-gradient(1px 1px at 55% 80%,var(--paper-0),transparent),radial-gradient(2px 2px at 12% 35%,var(--paper-0),transparent),radial-gradient(1px 1px at 88% 40%,var(--paper-0),transparent),radial-gradient(2px 2px at 45% 70%,var(--paper-0),transparent),radial-gradient(1px 1px at 22% 45%,var(--paper-0),transparent),radial-gradient(2px 2px at 92% 20%,var(--paper-0),transparent),radial-gradient(1px 1px at 62% 25%,var(--paper-0),transparent),radial-gradient(2px 2px at 72% 60%,var(--paper-0),transparent),radial-gradient(1px 1px at 28% 70%,var(--paper-0),transparent),radial-gradient(2px 2px at 40% 5%,var(--paper-0),transparent),radial-gradient(1px 1px at 15% 35%,var(--paper-0),transparent),radial-gradient(2px 2px at 85% 95%,var(--paper-0),transparent),radial-gradient(1px 1px at 50% 90%,var(--paper-0),transparent);background-size:200% 200%;background-repeat:repeat;animation:twinkle 3s linear infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:.7}25%{opacity:1}50%{opacity:.8}75%{opacity:1}}.glassmorphism-meteor1{position:absolute;top:-100px;right:10%;width:2px;height:100px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.8),transparent);animation:meteor-fall 5s linear infinite;animation-delay:0s}.glassmorphism-meteor2{position:absolute;top:-100px;left:20%;width:2px;height:150px;background:linear-gradient(to bottom,transparent,rgba(200,150,255,.8),transparent);animation:meteor3 6s linear infinite;animation-delay:0s}.glassmorphism-meteor3{position:absolute;top:-100px;right:30%;width:1px;height:80px;background:linear-gradient(to bottom,transparent,rgba(255,200,255,.7),transparent);animation:meteor4 3.5s linear infinite;animation-delay:0s}.glassmorphism-meteor4{position:absolute;top:-100px;left:50%;width:2px;height:120px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9),transparent);animation:meteor5 4.5s linear infinite;animation-delay:0s}.glassmorphism-meteor5{position:absolute;top:-100px;right:60%;width:1px;height:90px;background:linear-gradient(to bottom,transparent,rgba(180,100,255,.8),transparent);animation:meteor6 5.5s linear infinite;animation-delay:0s}@keyframes meteor-fall{0%{transform:translateY(-100px) translate(100px) rotate(45deg);opacity:0}10%{opacity:1}to{transform:translateY(600px) translate(-600px) rotate(45deg);opacity:0}}@keyframes meteor2{0%{transform:translateY(-100px) translate(150px) rotate(60deg);opacity:0}10%{opacity:1}to{transform:translateY(800px) translate(-800px) rotate(60deg);opacity:0}}@keyframes meteor3{0%{transform:translateY(-100px) translate(200px) rotate(40deg);opacity:0}10%{opacity:1}to{transform:translateY(700px) translate(-700px) rotate(40deg);opacity:0}}@keyframes meteor4{0%{transform:translateY(-100px) translate(80px) rotate(55deg);opacity:0}10%{opacity:1}to{transform:translateY(500px) translate(-500px) rotate(55deg);opacity:0}}@keyframes meteor5{0%{transform:translateY(-100px) translate(120px) rotate(50deg);opacity:0}10%{opacity:1}to{transform:translateY(650px) translate(-650px) rotate(50deg);opacity:0}}@keyframes meteor6{0%{transform:translateY(-100px) translate(100px) rotate(45deg);opacity:0}10%{opacity:1}to{transform:translateY(550px) translate(-550px) rotate(45deg);opacity:0}}.glassmorphism-login-container{position:relative;background:#ffffff0d;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:var(--radius-lg);padding:3rem 2.5rem;width:100%;max-width:420px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e,inset 0 0 0 1px #ffffff0d,0 0 60px #6496ff33;overflow:hidden}.glassmorphism-login-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,transparent 100%);border-radius:var(--radius-lg);pointer-events:none;z-index:1}.glassmorphism-login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:glossMove 8s infinite;pointer-events:none;z-index:0}@keyframes glossMove{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(0) translateY(0) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.glassmorphism-login-container>*{position:relative;z-index:2}.glassmorphism-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.glassmorphism-logo-img{max-width:120px;height:auto;border-radius:var(--radius-sm);box-shadow:0 8px 16px #64b5ff4d;margin-bottom:1rem;background:#ffffff1a;padding:4px}.glassmorphism-brand-name{color:var(--vermilion-200);font-size:1.25rem;font-weight:600;margin:0;text-align:center;letter-spacing:.05em;text-shadow:0 2px 8px rgba(255,255,255,.2)}.glassmorphism-error{background:#ef444440;color:#ffd4d4;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(239,68,68,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glassmorphism-success{background:#22c55e40;color:#c6ffd6;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(34,197,94,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glassmorphism-form{display:flex;flex-direction:column;gap:1.5rem}.glassmorphism-input-group{position:relative}.glassmorphism-label{display:flex;align-items:center;gap:.75rem;color:var(--vermilion-200);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.glassmorphism-input-icon{font-size:1rem;color:var(--vermilion-400)}.glassmorphism-input{width:100%;padding:.875rem 1rem;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--paper-0);font-size:.875rem;transition:all var(--dur-fast) var(--ease-standard)}.glassmorphism-input:focus{outline:none;border-color:#d2451a99;box-shadow:0 0 0 3px #d2451a26,inset 0 0 10px #d2451a1a;background:#ffffff1f}.glassmorphism-input::placeholder{color:#de5d2f80}.glassmorphism-options{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.glassmorphism-remember{display:flex;align-items:center;gap:.5rem;color:var(--vermilion-200);font-size:.875rem;cursor:pointer}.glassmorphism-remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--vermilion-500);cursor:pointer}.project-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;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{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:var(--radius-sm)}.form-row{display:flex;gap:10px}.activity-type-select{padding:8px;border:1px solid #ddd;border-radius:var(--radius-sm)}.activity-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:var(--radius-sm)}.activity-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.activity-icon{font-size:24px}.activity-content{flex:1}.activity-header{display:flex;gap:10px;margin-bottom:5px;font-size:.9em;color:#666}.activity-user{font-weight:600;color:#333}.client-contacts-section{padding:1.5rem;background:#fff;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a}.client-contacts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-1)}.client-contacts-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.client-contacts-subtitle{font-size:.875rem;color:var(--ink-1);margin:0}.contact-form-container{background:var(--paper-1);border-radius:var(--radius-sm);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--paper-3);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-3)}.contact-form-header h4{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--ink-1)}.loading-spinner{width:40px;height:40px;border:4px solid var(--paper-3);border-top-color:#0f172a;border-radius:var(--radius-pill);animation:spin .8s linear infinite;margin-bottom:1rem;position:relative}.loading-spinner:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-top-color:#1e293b;border-radius:var(--radius-pill);animation:spin 1s linear infinite reverse;opacity:.6}.loading-state p{margin:0;font-size:.875rem}.empty-state-modern{text-align:center;padding:3rem 1rem;color:var(--ink-1)}.empty-state-modern .empty-state-icon{margin:0 auto 1rem;width:64px;height:64px;color:var(--paper-3)}.empty-state-modern h3{font-size:1.125rem;font-weight:600;color:var(--ink-1);margin:0 0 .5rem}.empty-state-modern p{font-size:.875rem;margin:0}.contacts-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.contact-card-modern{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:1.25rem;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 1px 2px #0000000d}.contact-card-modern:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--paper-3)}.contact-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.contact-avatar{width:48px;height:48px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0;box-shadow:0 2px 8px #0f172a4d}.contact-info{flex:1;min-width:0}.contact-name-modern{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem;word-wrap:break-word}.contact-designation-modern{font-size:.875rem;color:var(--ink-1);margin:0;word-wrap:break-word}.contact-details-modern{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--paper-1)}.contact-detail-link{display:flex;align-items:center;gap:.5rem;color:var(--ink-1);text-decoration:none;font-size:.875rem;transition:color var(--dur-fast) var(--ease-standard);padding:.375rem 0}.contact-detail-link:hover{color:#0f172a}.contact-detail-link svg{flex-shrink:0;color:var(--ink-1)}.contact-detail-link:hover svg{color:#0f172a}.contact-detail-link span{word-break:break-all}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.contact-card{padding:15px;border:1px solid #eee;border-radius:var(--radius-sm);background:var(--paper-0)}.contact-name{font-weight:600;margin-bottom:5px}.contact-role{font-size:.9em;color:#666;margin-bottom:10px}.contact-detail{display:flex;gap:8px;font-size:.9em;margin-bottom:5px}.team-roster-section{padding:0;background:transparent}.team-roster-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--paper-3)}.team-roster-title{font-size:1.375rem;font-weight:600;color:var(--ink-0);margin:0 0 .375rem}.team-roster-subtitle{font-size:.9375rem;color:var(--ink-1);margin:0;font-weight:400}.team-grid-modern{display:flex;flex-direction:column;gap:.5rem}.team-member-card-modern{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--paper-1);border-radius:0;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{display:flex;align-items:center;gap:1rem;margin-bottom:0;flex:1}.team-member-avatar{width:40px;height:40px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;box-shadow:none;border:none}.team-member-card-modern:hover .team-member-avatar{transform:none;box-shadow:none}.team-member-info{display:flex;flex-direction:column;justify-content:center}.team-member-name{font-size:.9375rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.2}.team-member-designation{font-size:.75rem;color:var(--ink-1);margin:0;background:none;padding:0;border-radius:0;display:block;font-weight:400}.team-member-details{padding:0;border:none;margin:0 1.5rem;flex:1}.team-member-email{font-size:.875rem;color:var(--ink-1)}.team-member-email:before{display:none}.team-member-actions{margin-top:0}.available-users-list{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;padding-right:.5rem;border:1px solid var(--paper-3);border-radius:var(--radius-sm)}.available-user-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--paper-1);border-radius:0;background:#fff;box-shadow:none}.available-user-item:last-child{border-bottom:none}.available-user-item:hover{background:var(--paper-1);border-color:transparent;box-shadow:none;transform:none}.available-user-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.available-user-avatar{width:36px;height:36px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;box-shadow:none;border:none}.available-user-name{font-size:.9375rem;font-weight:600;color:var(--ink-0);margin:0}.available-user-designation{font-size:.875rem;color:var(--ink-1);margin:0 0 .25rem;font-weight:500}.available-user-email{font-size:.8125rem;color:var(--ink-1);word-break:break-all;font-weight:400}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.team-member-card{display:flex;gap:12px;padding:12px;border:1px solid #eee;border-radius:var(--radius-sm);align-items:center}.member-avatar{width:40px;height:40px;background:#007bff;color:#fff;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:700}.member-info{flex:1;overflow:hidden}.member-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:.85em;color:#666}.member-email{font-size:.8em;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-planner-section{padding:0;background:transparent;border-radius:0;box-shadow:none}.resource-planner-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;align-items:center}.resource-planner-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.resource-planner-subtitle{font-size:.875rem;color:var(--ink-1);margin:0}.resource-planner-grid-container{overflow-x:auto;border:none;border-radius:0;background:transparent}.resource-planner-table{display:table;width:100%;min-width:800px;border-collapse:separate;border-spacing:0}.resource-planner-header-row{display:table-row;background:var(--paper-1);position:sticky;top:0;z-index:10}.resource-planner-header-cell{display:table-cell;padding:.5rem 1rem;border-right:1px solid var(--paper-3);border-bottom:1px solid var(--paper-3);border-top:1px solid var(--paper-3);font-weight:600;font-size:.75rem;color:var(--ink-1);text-align:center;vertical-align:middle;min-width:150px;text-transform:uppercase;letter-spacing:.05em;background:var(--paper-1)}.resource-planner-header-cell.phase-name{font-weight:600;color:var(--ink-0)}.resource-planner-header-cell.phase-number{font-size:.75rem;color:var(--ink-1);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{position:sticky;left:0;background:var(--paper-1);z-index:5;border-right:1px solid var(--paper-3)}.resource-planner-header-row .resource-planner-sticky-column{background:var(--paper-1);z-index:15}.resource-planner-user-cell{display:table-cell;padding:.5rem 1rem;border-right:1px solid var(--paper-3);border-bottom:1px solid var(--paper-3);min-width:200px;background:var(--paper-1);vertical-align:middle}.resource-planner-user-cell .user-name{font-weight:600;color:var(--ink-0);margin-bottom:.25rem}.resource-planner-user-cell .user-email{font-size:.75rem;color:var(--ink-1)}.resource-planner-cell{display:table-cell;padding:.5rem;border-right:1px solid var(--paper-3);border-bottom:1px solid var(--paper-3);min-width:150px;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-align:center;vertical-align:middle;background:transparent}.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{display:flex;flex-direction:column;gap:.25rem;align-items:center}.cell-role{font-size:.8125rem;font-weight:600;color:var(--ink-0)}.cell-percentage{font-size:.875rem;font-weight:600;color:#0f172a}.cell-rate{font-size:.75rem;color:var(--ink-1)}.cell-empty{color:var(--paper-3);font-size:1.5rem;font-weight:300}.btn-danger{background:var(--danger-50);color:var(--danger-500);border-color:#fca5a5}.btn-danger:hover{background:var(--danger-50);border-color:var(--danger-500);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{width:100%;padding:1rem;background:#d2451a26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:var(--paper-0);font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);margin-top:1rem;position:relative;overflow:hidden}.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{margin-bottom:1.25rem;text-align:left}.form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;color:var(--ink-0);font-weight:500;font-size:.875rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--paper-4);border-radius:.5rem;font-size:.875rem;font-family:inherit;transition:all var(--dur-fast) var(--ease-standard);background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2)}.form-group textarea{resize:vertical;min-height:100px}.btn-primary{background-color:var(--vermilion-500);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:none}.btn-primary:hover{background-color:#1e293b}.btn-outline{background-color:#fff;border:1px solid #0F172A;color:#0f172a;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{background-color:var(--vermilion-500);color:#fff}.btn-small{padding:.5rem 1rem;font-size:.75rem;border-radius:.375rem;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-standard);font-weight:500}.btn-danger{background-color:var(--danger-500);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.75rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);font-weight:500}.btn-danger:hover{background-color:var(--danger-500)}.btn-danger-large{background-color:var(--danger-500);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-danger-large:hover{background-color:var(--danger-500);box-shadow:0 4px 12px #ef44444d}.alert{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none}.alert-danger{background-color:var(--danger-50);color:var(--danger-500);border:1px solid var(--danger-50)}.alert-success{background-color:var(--ok-50);color:var(--ok-500);border:1px solid var(--ok-50)}.options-link{text-align:center;margin-top:1.5rem;font-size:.875rem}.options-link a{color:#0f172a;text-decoration:none;font-weight:500}.options-link a:hover{text-decoration:underline}.main-content{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-title{color:var(--ink-0);margin-bottom:0;font-size:1.5rem;font-weight:600}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.page-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.page-header .page-title{margin-bottom:0}.page-header .page-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.page-header .page-actions .btn-primary{width:auto;max-width:none;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem}.smart-financial-card{background:#fff;border-radius:var(--radius-md);padding:2rem;box-shadow:0 4px 12px #0000000f;transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden;margin-bottom:2rem}.smart-financial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-1)}.smart-card-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0}.stage-badge{padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.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{display:flex;flex-direction:column;gap:1.5rem}.metric-primary{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.875rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2.5rem;font-weight:600;line-height:1}.metric-value.pursuit{background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-value.closeout{color:var(--warn-500)}.metric-value.closeout.negative{color:var(--danger-500)}.metric-value-medium{font-size:1.75rem;font-weight:600;color:var(--ink-0)}.metric-value-small{font-size:1.25rem;font-weight:600;color:var(--ink-0)}.metric-hint{font-size:.75rem;color:var(--ink-1);font-style:italic}.metrics-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-secondary,.probability-display{display:flex;flex-direction:column;gap:.5rem}.probability-bar{width:100%;height:8px;background:var(--paper-3);border-radius:var(--radius-sm);overflow:hidden}.probability-fill{height:100%;background:linear-gradient(90deg,#0f172a,#1e293b);border-radius:var(--radius-sm);transition:width .5s ease}.progress-bar-large{width:100%;height:12px;background:var(--paper-3);border-radius:var(--radius-sm);overflow:hidden}.progress-bar-small{width:100%;height:8px;background:var(--paper-3);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;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{display:flex;justify-content:space-between;align-items:center}.metric-percentage{font-size:1.125rem;font-weight:600;color:#14b8a6}.metric-subtext{font-size:.875rem;color:var(--ink-1)}.metric-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all var(--dur-fast) var(--ease-standard)}.metric-card:hover{background:var(--paper-1);border-color:var(--paper-3)}.metric-card.execution{border-left:3px solid #14b8a6}.metric-icon-small{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#14b8a6 0%,var(--ok-500) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-box{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.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{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;background:var(--paper-1);border-radius:var(--radius-sm)}.comparison-item{display:flex;flex-direction:column;gap:.5rem;flex:1}.comparison-label{font-size:.875rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;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{display:flex;align-items:center;color:var(--paper-3)}.collection-status{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600}.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{flex-direction:column;align-items:flex-start}.comparison-divider{transform:rotate(90deg)}}.project-financials-tab{padding:1rem}.financial-overview-section{margin-bottom:2rem}.financial-overview-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin-bottom:1.5rem}.financial-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.financial-stat-card.large{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:2rem;box-shadow:0 2px 8px #0000000a}.financial-stat-title{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin-bottom:1.5rem}.financial-chart-container{display:flex;align-items:center;gap:2rem}.financial-donut-chart{flex-shrink:0}.donut-svg{width:200px;height:200px}.donut-center-text{font-size:2rem;font-weight:600;fill:var(--ink-0)}.donut-center-subtext{font-size:.875rem;fill:var(--ink-1)}.financial-legend{display:flex;flex-direction:column;gap:1rem}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm);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{font-size:.875rem;color:var(--ink-1);font-weight:500}.legend-value{font-size:1.125rem;font-weight:600;color:var(--ink-0)}.financial-metrics{display:flex;flex-direction:column;gap:1rem}.metric-card{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000a;transition:all var(--dur-fast) var(--ease-standard)}.metric-card:hover{box-shadow:0 4px 12px #00000014}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.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{font-size:.875rem;color:var(--ink-1);font-weight:500}.metric-value{font-size:1.5rem;font-weight:600;color:var(--ink-0)}@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:var(--radius-sm);padding:1.5rem;margin-bottom:2rem}.financial-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-1)}.financial-section-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);display:flex;align-items:center;gap:.5rem}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--ink-1);cursor:help;transition:all var(--dur-fast) var(--ease-standard)}.info-tooltip:hover{background:var(--paper-3);color:var(--ink-1)}.info-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.info-hint-trigger{width:40px;height:40px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink-1);display:inline-flex;align-items:center;justify-content:center;cursor:help;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)}.info-hint-trigger:hover,.info-hint-trigger:focus-visible{background:var(--paper-1);color:var(--ink-0);outline:none}.info-hint-popover{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px);min-width:220px;max-width:320px;padding:.7rem .8rem;border-radius:var(--radius-sm);background:var(--ink-0);color:var(--paper-0);font-size:.78rem;line-height:1.45;text-wrap:pretty;white-space:normal;box-shadow:0 12px 30px #0f172a33;border:1px solid rgba(255,255,255,.08);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),visibility var(--dur-fast) var(--ease-standard);z-index:20}.info-hint-popover.is-open,.info-hint:hover .info-hint-popover,.info-hint:focus-within .info-hint-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.empty-state-small{text-align:center;padding:3rem 1rem;color:var(--ink-1)}.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:var(--radius-sm);padding:2rem;text-align:center}.unbilled-amount{font-size:2.5rem;font-weight:600;color:var(--warn-500);margin-bottom:.5rem}.unbilled-description{font-size:.875rem;color:#78350f;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{grid-template-columns:1fr;gap:1rem}}.back-button-container{margin-bottom:1rem}.back-button{display:inline-flex;align-items:center;padding:.5rem .75rem;background:transparent;color:var(--ink-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.back-button:hover{background:var(--paper-1);color:var(--ink-0);border-color:var(--paper-4);text-decoration:none}.page-actions .btn-secondary,.page-actions .btn-danger{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.minimal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--paper-3)}.minimal-header h1{font-size:1.5rem;font-weight:600;margin:0;color:var(--ink-0)}.minimal-controls{display:flex;gap:.75rem;align-items:center}.minimal-controls .btn-minimal{margin-left:.5rem;order:1}.minimal-controls select{padding:.375rem 2rem .375rem .75rem;border:1px solid var(--paper-4);border-radius:var(--radius-sm);font-size:.875rem;background:#fff;color:var(--ink-0);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;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%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.minimal-controls select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2)}.minimal-controls select:hover{border-color:var(--paper-4)}.btn-minimal{background:var(--vermilion-500);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);text-decoration:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);border:none;box-shadow:0 2px 4px #3b82f633;min-width:100px;text-align:center}.btn-minimal:hover{background:#1e293b;color:#fff;text-decoration:none;box-shadow:0 4px 8px #3b82f666}.ultra-compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--paper-3)}.header-tabs{display:flex;align-items:center;gap:1rem;flex-shrink:0}.compact-tabs{display:flex;gap:.25rem;flex-shrink:0}.compact-tab{background:transparent;border:1px solid var(--paper-3);color:var(--ink-1);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap;min-width:120px;text-align:center;flex-shrink:0}.compact-tab:hover{background:var(--paper-1);color:var(--ink-0);border-color:var(--paper-4)}.compact-tab.active{background:var(--vermilion-500);color:#fff;border-color:#0f172a;box-shadow:0 2px 4px #3b82f633}.compact-tab.active:hover{background:#1e293b;border-color:#1e293b}.priority-low{background:var(--ok-50);color:#065f46;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-medium{background:var(--warn-50);color:var(--warn-500);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-high{background:#fed7d7;color:#c53030;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-urgent{background:#fbb6ce;color:var(--vermilion-700);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.page-actions .btn-secondary,.page-actions .btn-danger,.page-actions .btn-outline{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);border:1px solid transparent;cursor:pointer;min-width:80px;text-align:center;box-shadow:0 1px 3px #0000001a}.page-actions .btn-secondary{background:var(--ink-1);color:#fff;border-color:var(--ink-1)}.page-actions .btn-secondary:hover{background:#4b5563;border-color:#4b5563;box-shadow:0 2px 6px #6b72804d}.page-actions .btn-danger{background:var(--danger-500);color:#fff;border-color:var(--danger-500)}.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);color:var(--paper-4);cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.page-actions .btn-outline{background:transparent;color:var(--ink-1);border-color:var(--paper-4)}.page-actions .btn-outline:hover{background:var(--paper-1);color:var(--ink-0);border-color:var(--paper-4);box-shadow:0 2px 6px #0000001a}.modern-tasks-section{margin-top:2rem}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--paper-2)}.tasks-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.btn-add-task{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 1px 3px #3b82f633}.btn-add-task:hover{box-shadow:0 4px 8px #3b82f64d}.modern-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.modern-task-card{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:1.25rem;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.modern-task-card:hover{box-shadow:0 4px 12px #00000026;border-color:var(--paper-4)}.modern-task-card .task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.modern-task-card .task-title{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937;flex:1;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;gap:.5rem;flex-shrink:0}.modern-task-card .task-description{margin-bottom:1rem;color:var(--ink-1);font-size:.9rem;line-height:1.5}.modern-task-card .task-description p{margin:0}.modern-task-card .no-description{font-style:italic;color:var(--paper-4)}.modern-task-card .task-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modern-task-card .meta-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.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{color:var(--danger-500);font-weight:600}.modern-task-card .overdue-indicator{background:var(--danger-50);color:var(--danger-500);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-left:.5rem}.modern-task-card .task-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.modern-task-card .task-card-actions .btn-small{padding:.375rem .75rem;font-size:.8rem;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);border:1px solid transparent;cursor:pointer;font-weight:500}.modern-task-card .task-card-actions .btn-outline{background:transparent;color:var(--ink-1);border-color:var(--paper-4)}.modern-task-card .task-card-actions .btn-outline:hover{background:var(--paper-1);color:var(--ink-0);border-color:var(--paper-4)}.modern-task-card .task-card-actions .btn-primary{background:var(--vermilion-500);color:#fff;border-color:#0f172a}.modern-task-card .task-card-actions .btn-primary:hover{background:#1e293b;border-color:#1e293b}.modern-task-card .task-card-actions .btn-danger{background:var(--danger-500);color:#fff;border-color:var(--danger-500)}.modern-task-card .task-card-actions .btn-danger:hover{background:var(--danger-500);border-color:var(--danger-500)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;margin-top:1rem}.task-card{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:1rem;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 1px 3px #0000001a}.task-card:hover{box-shadow:0 4px 12px #00000026;border-color:#0f172a}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.task-title{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.4;flex:1;margin-right:.5rem}.task-badges{display:flex;gap:.5rem;flex-wrap:wrap}.task-status,.priority-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.task-description{color:var(--ink-1);font-size:.875rem;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.meta-item{display:flex;flex-direction:column;gap:.125rem}.meta-label{font-size:.75rem;color:var(--ink-1);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:var(--ink-0);font-weight:500}.project-link{color:#0f172a;text-decoration:none;font-weight:500}.project-link:hover{color:#1e293b;text-decoration:underline}.task-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.task-card-actions .btn-small{padding:.375rem .75rem;font-size:.8rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:500;transition:all var(--dur-fast) var(--ease-standard)}.empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0}.filter-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.filter-group{display:flex;align-items:center}.filter-group label{font-weight:600;color:var(--ink-0);font-size:.875rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--paper-4);border-radius:var(--radius-sm);background:#fff;font-size:.875rem;color:var(--ink-0);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);min-width:120px}.filter-select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2)}.filter-results{display:flex;align-items:center;margin-left:auto}.results-count{color:var(--ink-1);font-size:.875rem;font-weight:500}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-sm);border:1px solid var(--paper-4);background:#fff;color:var(--ink-0);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-block}.btn-small:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4)}.btn-small:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.minimal-header{flex-direction:column;align-items:stretch;gap:.5rem}.minimal-controls{justify-content:center;flex-wrap:wrap}.minimal-controls select{min-width:100px;font-size:.8rem;padding:.25rem 1.5rem .25rem .5rem}.btn-minimal{font-size:.85rem;padding:.4rem .8rem;margin-left:0;order:0}.ultra-compact-header{flex-direction:column;align-items:stretch;gap:.75rem}.header-tabs{flex-direction:column;gap:.75rem}.compact-tabs{flex-wrap:wrap;gap:.5rem;justify-content:center}.compact-tab{font-size:.8rem;padding:.25rem .5rem;min-width:100px}.header-tabs .btn-minimal{align-self:center}.tasks-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-actions{flex-direction:column;gap:.5rem;align-items:stretch}.page-actions .btn-secondary,.page-actions .btn-danger,.page-actions .btn-outline{padding:.5rem .75rem;font-size:.8rem;width:100%}.btn-add-task{padding:.4rem .8rem;font-size:.8rem;align-self:flex-start}.modern-tasks-grid{grid-template-columns:1fr;gap:1rem}.modern-task-card{padding:1rem}.modern-task-card .task-card-header{flex-direction:column;align-items:flex-start;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{width:100%;text-align:center}.tasks-grid{grid-template-columns:1fr;gap:.75rem}.task-meta{grid-template-columns:1fr;gap:.375rem}.task-card-actions{flex-direction:column}.task-card-actions .btn-small{width:100%;text-align:center}}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm)}.pagination-info{color:var(--ink-1);font-size:.875rem;font-weight:500}.pagination-buttons{display:flex;gap:.5rem;align-items:center}.page-numbers{display:flex;gap:.25rem;align-items:center;margin:0 .5rem}.page-ellipsis{color:var(--ink-1);padding:0 .5rem;font-weight:500}.results-count .page-info{color:var(--paper-4);font-size:.8rem;margin-left:.5rem}.btn-clear{background:transparent;color:var(--ink-1);border:1px solid var(--paper-4);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);margin-left:auto}.btn-clear:hover:not(:disabled){background:var(--paper-1);color:var(--ink-0);border-color:var(--paper-4)}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.applied-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;padding-top:.5rem;border-top:1px solid var(--paper-2)}.filter-label{font-size:.75rem;color:var(--ink-1);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filter-tag{display:inline-flex;align-items:center;gap:.25rem;background:var(--info-50);color:var(--info-500);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid var(--info-50)}.filter-tag-remove{background:none;border:none;color:var(--info-500);cursor:pointer;font-size:.875rem;font-weight:700;padding:0;margin-left:.25rem;line-height:1}.filter-tag-remove:hover{color:var(--danger-500)}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:1rem;align-items:stretch}.pagination-buttons{justify-content:center;flex-wrap:wrap}.page-numbers{margin:0}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:0}.project-card{background-color:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--paper-3);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{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-header h3{color:var(--ink-0);margin:0;font-size:1.125rem;font-weight:600;flex:1;margin-right:1rem}.project-status{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;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{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;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,.priority-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:inline-block}.priority-badge.low-priority{background-color:var(--ok-50);color:var(--ok-500)}.priority-badge.medium-priority,.priority-badge.high-priority{background-color:var(--warn-50);color:var(--warn-500)}.priority-badge.urgent-priority{background-color:var(--danger-50);color:var(--danger-500)}.stage-preparation-brief,.stage-concept-design,.stage-design-development,.stage-technical-design,.stage-construction,.stage-handover,.stage-use{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:inline-block}.project-info{margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--paper-1)}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--ink-1);font-size:.875rem}.info-value{color:var(--ink-0);font-size:.875rem;text-align:right;max-width:60%;word-wrap:break-word}.text-success{color:var(--ok-500)!important}.project-badges{display:flex;gap:.5rem;flex-wrap:wrap}.project-card h3{color:var(--ink-0);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.project-card p{color:var(--ink-1);margin-bottom:1rem;line-height:1.5}.project-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.tasks-list{background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--paper-3)}.task-item{padding:1.25rem;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:background-color .2s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--paper-1)}.task-info{flex:1}.task-status-section{display:flex;align-items:center;min-width:120px}.task-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.task-info h4{color:var(--ink-0);margin-bottom:.5rem;font-size:1rem;font-weight:600}.task-info h4 a{color:inherit;text-decoration:none;display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.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{text-align:center;margin-bottom:1.5rem;padding-top:.5rem}.firm-logo-img{max-width:150px;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.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{padding:.5rem .75rem;font-size:.85rem}.user-info{padding:.4rem .75rem}.user-details{display:none}}@media (max-width: 1024px){.navbar-container-modern{padding:0 1.5rem}.navbar-nav-modern{gap:.25rem}.navbar-nav-modern .nav-link-modern{padding:.5rem .75rem;font-size:.85rem}}@media (max-width: 768px){.navbar-container{padding:0 1rem}.mobile-menu-toggle{display:block}.navbar-nav-wrapper{position:fixed;top:80px;right:-100%;width:320px;height:calc(100vh - 80px);background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;align-items:stretch;gap:0;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #00000026;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-nav-wrapper.open{right:0}.navbar-nav{flex-direction:column;gap:1.25rem;width:100%;margin-bottom:2.5rem}.navbar-nav li{width:100%}.navbar-nav .nav-link{width:100%;justify-content:flex-start;padding:1.25rem 1.75rem;font-size:1.1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);font-weight:600}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#ffffff40;border-color:#fff6;transform:translate(8px)}.navbar-user-section{flex-direction:column;gap:1.75rem;width:100%;margin-top:auto}.user-info{width:100%;justify-content:center;padding:1rem 1.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50px}.user-details{display:flex;text-align:center}.logout-button{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem;border-radius:50px}.mobile-menu-overlay{display:block;position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;transition:all var(--dur-fast) var(--ease-standard)}.organization-name{font-size:1.1rem}.welcome-text{font-size:.7rem}}@media (max-width: 768px){.navbar-container-modern{padding:0 1rem}.mobile-menu-toggle-modern{display:block}.navbar-nav-wrapper-modern{position:fixed;top:70px;right:-100%;width:320px;height:calc(100vh - 70px);background:var(--paper-0);flex-direction:column;align-items:stretch;gap:0;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #00000026;overflow-y:auto;border-left:1px solid var(--paper-3)}.navbar-nav-wrapper-modern.open{right:0}.navbar-nav-modern{flex-direction:column;gap:.75rem;width:100%;margin-bottom:2rem}.navbar-nav-modern li{width:100%}.navbar-nav-modern .nav-link-modern{width:100%;justify-content:flex-start;padding:1rem 1.25rem;font-size:1rem;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-weight:500}.navbar-nav-modern .nav-link-modern:hover,.navbar-nav-modern .nav-link-modern.active{background:var(--info-50);border-color:var(--info-50);color:#0f172a;transform:translate(4px)}.navbar-logout-modern{width:100%;margin-top:auto}.logout-button-modern{width:100%;justify-content:center;padding:1rem 1.25rem;font-size:1rem;border-radius:var(--radius-sm)}.mobile-menu-overlay-modern{display:block;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;transition:all var(--dur-fast) var(--ease-standard)}.organization-name-modern{font-size:1.1rem}.welcome-text-modern{font-size:.7rem}}@media (max-width: 480px){.navbar-container{padding:0 1rem;min-height:70px}.navbar-logo{height:40px;width:40px}.organization-name{font-size:1.2rem}.welcome-text{font-size:.7rem}.navbar-nav-wrapper{top:70px;height:calc(100vh - 70px);width:300px;padding:2rem 1.5rem}.mobile-menu-overlay{top:70px;height:calc(100vh - 70px)}}@media (max-width: 480px){.navbar-container-modern{padding:0 1rem;min-height:60px}.navbar-logo-modern{height:36px;width:36px}.organization-name-modern{font-size:1.1rem}.welcome-text-modern{font-size:.7rem}.navbar-nav-wrapper-modern{top:60px;height:calc(100vh - 60px);width:300px;padding:1.5rem 1.25rem}.mobile-menu-overlay-modern{top:60px;height:calc(100vh - 60px)}}@media (max-width: 1024px){.navbar-container-ultra{padding:0 1.5rem}.nav-links-ultra{gap:.25rem}.nav-item-ultra{padding:.5rem .75rem;font-size:.9rem}}@media (max-width: 768px){.navbar-container-ultra{padding:0 1rem;height:68px}.mobile-toggle-ultra{display:block}.navbar-nav-ultra{display:flex;position:fixed;top:68px;right:-100%;width:320px;height:calc(100vh - 64px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;gap:0;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #0000001a;overflow-y:auto;border-left:1px solid rgba(226,232,240,.8);z-index:1001}.navbar-nav-ultra.open{right:0;display:flex!important;visibility:visible!important;border:3px solid red!important}.nav-links-ultra{flex-direction:column;gap:.75rem;width:100%;margin-bottom:2rem}.nav-item-ultra{width:100%;justify-content:flex-start;padding:1rem 1.25rem;font-size:1rem;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm)}.nav-item-ultra:hover,.nav-item-ultra.active{background:var(--info-50);border-color:var(--info-50);color:#0f172a;transform:translate(4px)}.nav-actions-ultra{width:100%;margin-top:auto}.logout-btn-ultra{width:100%;justify-content:center;padding:1rem 1.25rem;font-size:1rem;border-radius:var(--radius-sm)}.mobile-overlay-ultra{display:block;position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;transition:all var(--dur-fast) var(--ease-standard)}.brand-name-ultra{font-size:1.1rem}.brand-subtitle-ultra{font-size:.7rem}}@media (max-width: 480px){.navbar-container-ultra{padding:0 1rem;height:60px}.brand-logo-ultra{width:36px;height:36px}.brand-name-ultra{font-size:1rem}.brand-subtitle-ultra{font-size:.65rem}.navbar-nav-ultra{top:60px;height:calc(100vh - 60px);width:300px;padding:1.5rem 1.25rem}.mobile-overlay-ultra{top:60px;height:calc(100vh - 60px)}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;text-align:center}.page-header .page-actions{justify-content:center}.page-actions .btn-secondary,.page-actions .btn-danger{min-width:100px;padding:.5rem .75rem;font-size:.8rem}.back-button{padding:.5rem .75rem;font-size:.8rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.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{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem 0}.project-details-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.project-details-modal{width:95%;max-height:95vh}.project-details-info-grid{grid-template-columns:1fr;gap:1.5rem}.project-details-modal-header,.project-details-modal-body,.project-details-modal-footer{padding:1.5rem}.task-filter-modal{width:95%;max-height:95vh}.task-filter-modal-header,.task-filter-modal-body,.task-filter-modal-footer{padding:1.5rem}.project-filter-modal{width:95%;max-height:95vh}.project-filter-modal-header,.project-filter-modal-body,.project-filter-modal-footer{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{flex-direction:column;gap:.75rem;align-items:flex-start}.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;text-align:center}.project-actions{justify-content:stretch}.project-actions>*{flex:1;text-align:center}.projects-header-compact{flex-direction:column;align-items:stretch;gap:.75rem;padding:.5rem 0}.projects-header-right{width:100%;justify-content:space-between}.filters-compact{flex:1;min-width:0}.filter-select-compact{min-width:90px;font-size:.75rem;padding:.375rem 1.5rem .375rem .5rem}.view-toggle-compact{order:-1}}@media (max-width: 480px){.login-container{padding:2rem;margin:1rem;max-width:90%}.login-logo-container h2{font-size:1.25rem}.glassmorphism-login-container{padding:2rem 1.5rem;max-width:95%}.glassmorphism-logo-img{max-width:100px}.glassmorphism-brand-name{font-size:1.1rem}.glassmorphism-button{padding:.875rem;font-size:.9375rem}.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{height:40px;width:auto;margin-right:10px;border-radius:var(--radius-sm)}.navbar-brand-text{font-weight:600;color:#333;text-decoration:none}.admin-dashboard{padding:2rem}.admin-actions{margin-top:2rem}.admin-actions .btn{margin-right:1rem;margin-bottom:1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.user-card{background:#fff;border:1px solid #e1e5e9;border-radius:var(--radius-sm);padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.user-card:hover{box-shadow:0 4px 8px #00000026}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e1e5e9}.user-header h3{margin:0;color:#333;font-size:1.25rem}.role-badge{padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.user{background-color:#6c757d;color:#fff}.user-details p{margin:.5rem 0;color:#666}.user-details strong{color:#333}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-left:.5rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.user-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e5e9;display:flex;gap:8px;justify-content:flex-end;align-items:center}.action-btn{padding:6px 12px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;transition:all var(--dur-fast) var(--ease-standard);background:var(--paper-1);border:1px solid var(--paper-3);white-space:nowrap;min-width:60px}.action-btn:hover{box-shadow:0 2px 4px #0000001a}.action-btn:active{transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow: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);color:var(--ink-0)}.toggle-btn:disabled:hover{background:var(--paper-1);border-color:var(--paper-3);color:var(--paper-4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius-sm);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e1e5e9}.modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:background-color .2s ease}.close-btn:hover{background-color:#f8f9fa;color:#333}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e1e5e9}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--ink-0)}.form-input,.form-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--paper-4);border-radius:var(--radius-sm);font-size:.875rem;transition:all var(--dur-fast) var(--ease-standard);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a}.form-input:disabled{background-color:var(--paper-2);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.btn-primary{background:var(--vermilion-500);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-primary:hover:not(:disabled){background:#1e293b}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--paper-2);color:var(--ink-0);border:1px solid var(--paper-4);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-secondary:hover{background:var(--paper-3)}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-top:1rem}.alert-success{background:var(--ok-50);color:#065f46;border:1px solid #6ee7b7}.alert-danger{background:var(--danger-50);color:var(--danger-500);border:1px solid #fca5a5}.admin-dashboard{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.header-actions{margin-left:2rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem;font-weight:400}.dashboard-overview{margin-bottom:2rem}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;background:#fff;border:1px solid var(--paper-3);border-radius:.5rem;padding:1.5rem}.stat-item{text-align:center;padding:.5rem 0}.stat-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.stat-value{font-size:2rem;font-weight:600;color:var(--ink-0);margin-bottom:.25rem}.stat-name{font-size:.875rem;color:var(--ink-1);font-weight:500}.dashboard-section{margin-bottom:2rem}.section-heading{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin-bottom:1rem}.action-list{background:#fff;border:1px solid var(--paper-3);border-radius:.5rem;overflow:hidden}.action-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--paper-1)}.action-item:last-child{border-bottom:none}.action-info{flex:1}.action-item h3{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.action-item p{font-size:.875rem;color:var(--ink-1);margin:0;line-height:1.4}@media (max-width: 768px){.overview-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.stat-value{font-size:1.5rem}.action-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.action-item button{align-self:stretch;width:100%}}.admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000d;border:1px solid var(--paper-3)}.header-content{flex:1}.dashboard-title{font-size:2.5rem;font-weight:800;color:var(--ink-0);margin:0 0 .5rem;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:.875rem;color:var(--ink-1);margin:0;font-weight:400}.header-actions{display:flex;gap:1rem}.btn-icon{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;transition:all var(--dur-fast) var(--ease-standard)}.btn-icon-text{font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:var(--radius-sm);padding:1rem;box-shadow:0 2px 4px #0000000d;border:1px solid var(--paper-3);transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 4px 8px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f172a,#1e293b)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem}.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);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600}.stat-content{text-align:left}.stat-value{font-size:1.75rem;font-weight:600;color:var(--ink-0);margin-bottom:.25rem;line-height:1}.stat-label{font-size:.875rem;font-weight:600;color:var(--ink-0);margin-bottom:.25rem}.stat-description{font-size:.75rem;color:var(--ink-1);margin:0}.actions-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin-bottom:1.5rem;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{background:#fff;border-radius:var(--radius-sm);padding:1rem;box-shadow:0 2px 4px #0000000d;border:1px solid var(--paper-3);transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}.action-card:hover{box-shadow:0 4px 8px #0000001a}.action-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.action-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--paper-2),var(--paper-3));display:flex;align-items:center;justify-content:center;font-size:.875rem}.action-card h3{font-size:.875rem;font-weight:600;color:var(--ink-0);margin:0}.action-description{font-size:.75rem;color:var(--ink-1);line-height:1.4;margin-bottom:1rem}.action-btn{width:100%;padding:.5rem .75rem;border:none;border-radius:var(--radius-sm);font-weight:500;font-size:.8rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.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);color:var(--ink-0);border:1px solid var(--paper-3)}.secondary-btn:hover{background:var(--paper-1);border-color:var(--paper-3);box-shadow:0 4px 12px #0000001a}.disabled-btn{background:var(--paper-2);color:var(--paper-4);border:1px solid var(--paper-3);cursor:not-allowed;opacity:.6}.disabled-btn:hover{background:var(--paper-2);color:var(--paper-4);border-color:var(--paper-3);transform:none;box-shadow:none}.navbar-logout{display:flex;align-items:center}.logout-button{color:#ffffffe6;text-decoration:none;font-size:.95rem;font-weight:600;padding:.875rem 1.25rem;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.logout-button:hover:before{left:100%}.logout-button:hover{background:#ffffff40;color:#fff;box-shadow:0 8px 25px #00000026;border-color:#ffffff4d}.logout-button svg{transition:transform .3s ease}.logout-button:hover svg{transform:scale(1.1)}.quick-access-section{margin-bottom:2rem}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-access-btn{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;justify-content:center}.quick-access-btn:hover{border-color:var(--primary);background:var(--primary-light);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%}.stats-grid,.actions-grid,.quick-access-grid{grid-template-columns:1fr}.stat-card,.action-card{padding:1rem}}@media (max-width: 480px){.stat-card,.action-header{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);padding:3rem 2rem;border-radius:0 0 2rem 2rem;margin-bottom:2rem;box-shadow:0 8px 40px #0f172a40}.profile-hero-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem}.profile-avatar-large{width:120px;height:120px;background:linear-gradient(135deg,var(--warn-500) 0%,var(--warn-500) 100%);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;color:#fff;box-shadow:0 8px 32px #0003;border:4px solid rgba(255,255,255,.2);flex-shrink:0}.profile-hero-info{display:flex;flex-direction:column;gap:1rem;color:#fff}.profile-name{font-size:2.5rem;font-weight:600;margin:0;color:#fff;line-height:1.1}.profile-badges{display:flex;gap:.75rem;flex-wrap:wrap}.profile-role-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.3)}.profile-organization{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:400}.edit-profile-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;align-self:flex-start}.edit-profile-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #00000026}.profile-content{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.profile-info-card{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;border:1px solid var(--paper-1);overflow:hidden;transition:all var(--dur-fast) var(--ease-standard);position:relative}.profile-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.profile-info-card.attendance-card{grid-column:1 / -1}.card-header-modern{background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);padding:1.5rem 2rem;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:center}.card-header-info{display:flex;align-items:center;gap:.75rem}.card-icon{font-size:1.5rem;width:40px;height:40px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a33}.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{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--paper-1)}.info-label{font-size:.75rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.95rem;font-weight:500;color:#1f2937}.info-link{font-size:.95rem;font-weight:500;color:#0f172a;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.bio-item .bio-text{font-size:.9rem;color:#4b5563;line-height:1.5;font-style:italic}.edit-form-modern{display:flex;flex-direction:column;gap:1.25rem}.form-input-modern,.form-textarea-modern{padding:.75rem 1rem;border:2px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.95rem;transition:all var(--dur-fast) var(--ease-standard);background:var(--paper-1)}.form-input-modern:focus,.form-textarea-modern:focus{outline:none;border-color:#0f172a;background:#fff;box-shadow:0 0 0 3px var(--paper-2)}.form-textarea-modern{resize:vertical;min-height:100px}.form-actions-modern{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-primary-modern{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-primary-modern:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #3b82f64d}.btn-outline-modern{background:transparent;color:var(--ink-1);border:2px solid var(--paper-3);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-outline-modern:hover:not(:disabled){background:var(--paper-1);border-color:var(--paper-4);color:var(--ink-0)}.alert-modern{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin:.5rem 0}.alert-modern.alert-success{background:var(--ok-50);color:#065f46;border:1px solid #a7f3d0}.alert-modern.alert-danger{background:var(--danger-50);color:var(--danger-500);border:1px solid #fca5a5}.status-badge-modern{padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.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);color:var(--ink-1);border:1px solid var(--paper-4);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.change-password-btn-modern:hover{background:var(--paper-3);color:var(--ink-0);border-color:var(--paper-4)}.attendance-status-modern{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.status-info-modern{display:flex;flex-direction:column;gap:.75rem}.status-indicator-modern{display:flex;align-items:center;gap:.75rem}.status-dot-modern{width:12px;height:12px;border-radius:var(--radius-pill);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{font-size:1rem;font-weight:600;color:#1f2937}.last-entry-modern{font-size:.875rem;color:var(--ink-1);padding-left:1.5rem}.attendance-actions-modern{display:flex;gap:1rem;flex-wrap:wrap}.btn-attendance-modern{flex:1;min-width:140px;padding:.875rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}.btn-attendance-modern.clock-in{background:linear-gradient(135deg,var(--ok-500),var(--ok-500));color:#fff}.btn-attendance-modern.clock-out{background:linear-gradient(135deg,var(--danger-500),var(--danger-500));color:#fff}.btn-attendance-modern.disabled{background:var(--paper-2);color:var(--paper-4);cursor:not-allowed}.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{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.attendance-log-modern{display:flex;flex-direction:column;gap:.75rem}.attendance-entry-modern{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.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{font-size:.875rem;color:var(--ink-1);font-weight:500}.entry-notes-modern{font-size:.8rem;color:var(--paper-4);font-style:italic}.loading-message-modern{text-align:center;color:var(--ink-1);font-style:italic;padding:1rem}.no-attendance-modern{text-align:center;color:var(--paper-4);font-style:italic;padding:1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.password-modal-overlay-modern{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.password-modal-modern{background:#fff;border-radius:var(--radius-md);box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.password-modal-header-modern{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--paper-3);background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);border-radius:var(--radius-md) 16px 0 0}.password-modal-header-modern h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--ink-0)}.close-btn-modern{background:none;border:none;font-size:1.5rem;color:var(--ink-1);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);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{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--paper-1);gap:1rem}.info-label{font-weight:600;color:var(--ink-1);font-size:.9rem;min-width:120px;flex-shrink:0}.info-value{color:var(--ink-0);font-size:.95rem;line-height:1.5;text-align:right}.username-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--paper-1);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;border:1px solid var(--paper-3)}.bio-item{flex-direction:column;align-items:stretch;text-align:left}.bio-text-modern{color:#4b5563;font-style:italic;line-height:1.6;margin:.5rem 0 0}.portfolio-link-modern{color:#0f172a;text-decoration:none;font-weight:500;transition:all var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.portfolio-link-modern:hover{background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a33}.status-badge-modern{padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.status-badge-modern.active{background:linear-gradient(135deg,var(--ok-500) 0%,var(--ok-500) 100%);color:#fff;box-shadow:0 2px 8px #10b98133}.status-badge-modern.inactive{background:linear-gradient(135deg,var(--danger-500) 0%,var(--danger-500) 100%);color:#fff;box-shadow:0 2px 8px #ef444433}.empty-state{text-align:center;padding:2rem;color:var(--ink-1)}.empty-icon{font-size:2rem;display:block;margin-bottom:.5rem}.edit-form,.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group-modern label{font-weight:600;color:var(--ink-0);font-size:.9rem}.form-group-modern input{border:2px solid var(--paper-3);border-radius:var(--radius-sm);padding:1rem;font-size:.95rem;transition:all var(--dur-fast) var(--ease-standard);background:#fff}.form-group-modern input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.modern-alert{padding:1rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;display:flex;align-items:center;gap:.5rem}.modern-alert.success{background:var(--ok-50);color:#065f46;border:1px solid var(--ok-500)}.modern-alert.error{background:var(--danger-50);color:var(--danger-500);border:1px solid var(--danger-500)}.form-actions-modern{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--paper-1)}.btn-primary-modern{background:var(--vermilion-500);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0f172a4d}.btn-primary-modern:hover{background:#1e293b;box-shadow:0 6px 20px #0f172a66}.btn-secondary-modern{background:var(--paper-1);color:var(--ink-1);border:1px solid var(--paper-3);padding:.875rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.5rem}.btn-secondary-modern:hover{background:var(--paper-1);border-color:var(--paper-3)}.password-card{grid-column:1 / -1}.project-details-header-compact{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;margin-bottom:1.5rem;border-bottom:2px solid var(--paper-3);flex-wrap:wrap}.project-details-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.project-details-title{font-size:1.75rem;font-weight:600;color:var(--ink-0);margin:0;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-details-number{font-size:.875rem;color:var(--ink-1);font-weight:500;white-space:nowrap;padding:.375rem .75rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.project-details-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-project-details{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 2px 4px #0f172a33}.btn-project-details:hover{box-shadow:0 4px 8px #0f172a4d}.btn-project-details svg{width:18px;height:18px}.project-details-modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.project-details-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--paper-3);background:linear-gradient(135deg,#0f172a0d,#764ba20d)}.project-details-modal-header-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.project-details-modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0f172a4d;flex-shrink:0}.project-details-modal-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.project-details-modal-subtitle{font-size:.875rem;color:var(--ink-1);margin:0}.project-details-modal-body{padding:2rem}.project-details-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.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{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--paper-3);display:flex;align-items:center;gap:.5rem}.project-details-section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:2px}.project-details-info-list{display:flex;flex-direction:column;gap:1rem}.project-details-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--paper-1)}.project-details-info-item:last-child{border-bottom:none}.project-details-info-label{font-size:.8125rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em;min-width:120px;flex-shrink:0}.project-details-info-value{font-size:.9375rem;font-weight:500;color:var(--ink-0);text-align:right;flex:1;word-break:break-word}.project-details-info-value.budget-value{color:var(--ok-500);font-weight:600;font-size:1rem}.project-details-info-value.cost-value{color:var(--danger-500);font-weight:600;font-size:1rem}.project-details-description{font-size:.9375rem;color:var(--ink-1);line-height:1.6;margin:0;padding:1rem;background:var(--paper-1);border-radius:var(--radius-md);border:1px solid var(--paper-3)}.project-details-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:2px solid var(--paper-3);background:var(--paper-1)}.task-filter-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 30px 60px -12px #0000004d;max-width:640px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;border:1px solid rgba(255,255,255,.2)}.task-filter-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2.5rem 2.5rem 2rem;border-bottom:1px solid var(--paper-3);background:linear-gradient(135deg,#0f172a14,#764ba214);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-filter-modal-header-content{display:flex;align-items:flex-start;gap:1.25rem;flex:1}.task-filter-modal-icon{width:56px;height:56px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #0f172a59;flex-shrink:0}.task-filter-modal-title{font-size:1.75rem;font-weight:600;color:var(--ink-0);margin:0 0 .5rem;letter-spacing:-.02em}.task-filter-modal-subtitle{font-size:.9375rem;color:var(--ink-1);margin:0;font-weight:400}.task-filter-modal-body{padding:2.5rem}.task-filter-form{display:flex;flex-direction:column;gap:2.5rem}.task-filter-form .form-group{display:flex;flex-direction:column;gap:1rem}.task-filter-form>.form-group>label{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;color:var(--ink-0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.task-filter-form>.form-group>label svg{width:18px;height:18px;color:#0f172a}.checkbox-group,.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.875rem;margin-top:.5rem}.checkbox-label:has(input:checked),.radio-label:has(input:checked){border-color:#0f172a;background:linear-gradient(135deg,#0f172a1a,#764ba21a);box-shadow:0 0 0 3px #0f172a1a,0 4px 12px #0f172a33}.checkbox-label:has(input[value=URGENT]:checked){border-color:var(--danger-500);background:linear-gradient(135deg,#ef44441f,#dc26261f);box-shadow:0 0 0 3px #ef444426,0 4px 12px #ef444440}.checkbox-label:has(input[value=HIGH]:checked){border-color:var(--warn-500);background:linear-gradient(135deg,#f59e0b1f,#d977061f);box-shadow:0 0 0 3px #f59e0b26,0 4px 12px #f59e0b40}.checkbox-label:has(input[value=MEDIUM]:checked){border-color:#0f172a;background:linear-gradient(135deg,#3b82f61f,#2563eb1f);box-shadow:0 0 0 3px #3b82f626,0 4px 12px #3b82f640}.checkbox-label:has(input[value=LOW]:checked){border-color:var(--ok-500);background:linear-gradient(135deg,#10b9811f,#0596691f);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){border-color:#0f172a;background:linear-gradient(135deg,#3b82f61f,#2563eb1f)}.checkbox-label:has(input[value=IN_REVIEW]:checked){border-color:#0f172a;background:linear-gradient(135deg,#8b5cf61f,#7c3aed1f)}.checkbox-label:has(input[value=DONE]:checked),.checkbox-label:has(input[value=CHECKED]:checked){border-color:var(--ok-500);background:linear-gradient(135deg,#10b9811f,#0596691f)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.875rem;cursor:pointer;padding:1rem 1.125rem;border-radius:var(--radius-sm);border:2px solid var(--paper-3);background:var(--paper-0);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.checkbox-label:before,.radio-label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a0d,#764ba20d);opacity:0;transition:opacity .25s ease}.checkbox-label:hover,.radio-label:hover{border-color:#0f172a;background:linear-gradient(135deg,#0f172a0a,#764ba20a);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){border-color:#0f172a;background:linear-gradient(135deg,#0f172a1a,#764ba21a);box-shadow:0 0 0 3px #0f172a1a,0 4px 12px #0f172a33}.checkbox-input,.radio-input{width:20px;height:20px;cursor:pointer;accent-color:#0F172A;flex-shrink:0;margin:0;position:relative;z-index:1}.checkbox-text,.radio-text{font-size:.9375rem;color:var(--ink-1);font-weight:500;-webkit-user-select:none;user-select:none;position:relative;z-index:1;transition:all .25s ease}.task-filter-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:2rem 2.5rem;border-top:1px solid var(--paper-3);background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);position:sticky;bottom:0;z-index:10}.task-filter-modal-footer .btn-outline-modern{background:#fff;color:#0f172a;border:2px solid #0F172A;padding:.875rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.task-filter-modal-footer .btn-outline-modern:hover:not(:disabled){background:var(--vermilion-500);color:#fff;box-shadow:0 6px 20px #0f172a4d}.task-filter-modal-footer .btn-primary-modern{background:var(--vermilion-500);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0f172a4d}.task-filter-modal-footer .btn-primary-modern:hover{background:#1e293b;box-shadow:0 8px 24px #0f172a66}.task-filter-modal-footer .btn-outline-modern:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.task-filter-modal-footer .btn-outline-modern:disabled:hover{background:#fff;color:#0f172a}.user-search-container{position:relative;margin-top:.5rem}.user-search-input-wrapper{position:relative;display:flex;align-items:center}.user-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--ink-0);background:#fff;transition:all .25s ease;outline:none}.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{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:2px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:0 10px 30px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.user-search-result-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);border-bottom:1px solid var(--paper-1)}.user-search-result-item:last-child{border-bottom:none}.user-search-result-item:hover{background:linear-gradient(135deg,#0f172a0d,#764ba20d)}.user-search-result-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-search-result-info{flex:1;min-width:0}.user-search-result-name{font-size:.9375rem;font-weight:600;color:var(--ink-0);margin-bottom:.25rem}.user-search-result-meta{font-size:.8125rem;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-users-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.selected-user-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#0f172a1a,#764ba21a);border:2px solid #0F172A;border-radius:var(--radius-md);font-size:.875rem}.selected-user-avatar{width:28px;height:28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.selected-user-name{font-weight:600;color:var(--ink-0)}.selected-user-remove{background:none;border:none;color:var(--ink-1);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);margin-left:.25rem}.selected-user-remove:hover{background:#ef44441a;color:var(--danger-500)}.spinner-small{width:18px;height:18px;border:2px solid var(--paper-3);border-top-color:#0f172a;border-radius:var(--radius-pill);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.task-filter-modal{max-width:95%;border-radius:var(--radius-md)}.task-filter-modal-header{padding:2rem 1.5rem 1.5rem}.task-filter-modal-icon{width:48px;height: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{grid-template-columns:1fr;gap:.75rem}.task-filter-modal-footer{padding:1.5rem;flex-direction:column}.task-filter-modal-footer .btn-outline-modern,.task-filter-modal-footer .btn-primary-modern{width:100%;justify-content:center}}@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{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-1);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all var(--dur-fast) var(--ease-standard)}.back-link-modern:hover{color:#0f172a;transform:translate(-2px)}.back-link-modern svg{width:18px;height:18px}.project-hero-section{background:#fff;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--paper-3)}.project-hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.project-hero-title-section{flex:1;display:flex;flex-direction:column;gap:.75rem}.project-hero-main-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.project-hero-number{font-family:Monaco,Consolas,monospace;font-size:1rem;color:var(--ink-1);background:var(--paper-1);padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:600}.project-hero-separator{color:var(--paper-3);font-weight:300;font-size:1.5rem}.project-hero-title{font-size:1.75rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.2}.project-hero-stage-pill{display:inline-flex;align-items:center;font-size:1rem;font-weight:600;color:var(--ink-0)}.project-hero-status-dot{width:12px;height:12px;border-radius:var(--radius-pill);display:inline-block;margin-right:.5rem}.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{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.project-hero-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.project-hero-actions .btn-primary-modern{padding:.5rem 1rem;font-size:.8125rem;height:36px}.btn-icon-modern{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none}.btn-icon-modern:hover{background:var(--paper-1);border-color:var(--paper-3);color:#0f172a;box-shadow:0 2px 4px #0000001a}.btn-icon-modern svg{width:18px;height:18px}.btn-icon-danger{color:var(--danger-500);border-color:var(--danger-50)}.btn-icon-danger:hover{background:var(--danger-50);border-color:#fca5a5;color:var(--danger-500)}.btn-icon-danger:disabled{opacity:.5;cursor:not-allowed}.project-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.project-stat-card{background:#fff;border-radius:var(--radius-sm);padding:.875rem 1rem;border:1px solid var(--paper-3);display:flex;align-items:center;gap:.75rem;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{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:18px;height:18px}.stat-icon-tasks,.stat-icon-progress{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}.stat-value{font-size:1.25rem;font-weight:600;color:var(--ink-0);line-height:1.2}.stat-label{font-size:.8125rem;color:var(--ink-1);font-weight:500;margin-top:.125rem}.project-tabs-container{margin-bottom:2rem;border-bottom:2px solid var(--paper-3)}.project-tabs{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.project-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--ink-1);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap;position:relative;margin-bottom:-2px}.project-tab:hover{color:#0f172a;background:#0f172a0d}.project-tab.active{color:#0f172a;border-bottom-color:#0f172a;background:#0f172a0d}.project-tab svg{width:18px;height:18px}.project-tab-content{min-height:400px}.project-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.project-overview-card{background:transparent;border:none;border-radius:0;box-shadow:none}.project-overview-card:hover{box-shadow:none;border-color:transparent}.project-overview-card-header{padding:0 0 1rem;border-bottom:none;background:transparent}.project-overview-card-title{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin:0;display:flex;align-items:center;gap:.75rem}.project-overview-card-title svg{color:#0f172a}.project-overview-card-body{padding:0}.project-tasks-tab{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--paper-3);overflow:hidden}.project-tasks-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--paper-3);background:var(--paper-1)}.project-tasks-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.project-tasks-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0}.project-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem;padding:1.5rem}.project-tasks-list{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.project-task-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--dur-fast) var(--ease-standard);gap:1rem}.project-task-list-item:hover{border-color:var(--paper-3);box-shadow:0 2px 8px #00000014;transform:translate(4px)}.project-task-list-main{flex:1;display:flex;flex-direction:column;gap:.75rem}.project-task-list-title-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.project-task-list-title{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0;flex:1;min-width:200px}.project-task-list-badges{display:flex;gap:.5rem;flex-wrap:wrap}.project-task-list-meta{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.project-task-list-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ink-1)}.project-task-list-meta-item svg{width:14px;height:14px;color:var(--ink-1)}.project-task-list-meta-item.overdue{color:var(--danger-500)}.project-task-list-meta-item.overdue svg{color:var(--danger-500)}.overdue-badge{font-size:.75rem;font-weight:600;color:var(--danger-500);background:var(--danger-50);padding:.125rem .5rem;border-radius:var(--radius-sm);margin-left:.25rem}.project-task-list-arrow{display:flex;align-items:center;justify-content:center;color:var(--ink-1);transition:all var(--dur-fast) var(--ease-standard);flex-shrink:0}.project-task-list-item:hover .project-task-list-arrow{color:#0f172a;transform:translate(4px)}.project-empty-state{text-align:center;padding:4rem 1.5rem}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:var(--paper-3)}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0 0 .5rem}.empty-state-description{color:var(--ink-1);margin:0 0 2rem;font-size:.9375rem}.project-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--paper-3);background:var(--paper-1)}.pagination-info{font-size:.9375rem;color:var(--ink-1);font-weight:500}.project-phases-tab{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--paper-3);overflow:hidden}.project-team-tab{background:transparent;border:none;border-radius:0;box-shadow:none}.project-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;padding:1.5rem}.project-team-card{background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3);overflow:hidden}.project-team-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--paper-3);background:#fff}.project-team-card-title{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin:0;display:flex;align-items:center;gap:.75rem}.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{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:none}.project-details-overview-item:last-child{border-bottom:none}.project-details-overview-label{font-size:.85rem;font-weight:500;color:var(--ink-1);min-width:120px}.project-details-overview-value{font-size:.9rem;color:var(--ink-0);text-align:left;flex:1;font-weight:500}.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{font-size:.9375rem;color:var(--ink-1);line-height:1.6;margin:0;text-align:left;flex:1}.project-contacts-tab{background:transparent;border:none;border-radius:0;box-shadow:none}.project-contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.project-contacts-column{display:flex;flex-direction:column}.project-contacts-column .project-team-card{height:100%;display:flex;flex-direction:column}.project-contacts-column .project-team-card-body{flex:1;overflow-y:auto;max-height:800px}@media (max-width: 1024px){.project-contacts-grid{grid-template-columns:1fr}}.project-dashboard-tab{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--paper-3);overflow:hidden}.project-dashboard-header{padding:1.5rem;border-bottom:1px solid var(--paper-3);background:var(--paper-1)}.project-dashboard-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.project-dashboard-subtitle{font-size:.9375rem;color:var(--ink-1);margin:0}.project-dashboard-tab .project-stats-grid{padding:1.5rem}.project-activity-tab{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.project-activity-card{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--paper-3);overflow:hidden}.project-activity-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--paper-3);background:var(--paper-1)}.project-activity-card-title{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin:0;display:flex;align-items:center;gap:.75rem}.project-activity-card-title svg{color:#0f172a}.project-activity-card-body{padding:1.5rem}.lifecycle-container{width:100%;padding:1rem;height:100%}.lifecycle-track{display:flex;flex-direction:column;position:relative;min-height:600px;padding:2rem 0;gap:2rem}.lifecycle-line-bg{position:absolute;top:2rem;bottom:2rem;left:1.25rem;width:2px;background-color:var(--paper-3);z-index:0;transform:translate(-50%)}.lifecycle-line-progress{position:absolute;top:2rem;left:1.25rem;width:2px;background:linear-gradient(180deg,#0f172a,#0f172a,#1e293b,#0f172a);background-size:100% 300%;z-index:1;transform:translate(-50%);transition:height .8s cubic-bezier(.4,0,.2,1);animation:gradient-flow-vertical 3s linear infinite;box-shadow:0 0 8px #3b82f680}.lifecycle-group{display:flex;flex-direction:column;position:relative;gap:1.5rem}.lifecycle-group-label{position:sticky;top:0;align-self:flex-start;margin-left:3rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-1);background-color:var(--paper-1);padding:.25rem .75rem;border-radius:var(--radius-pill);z-index:2;margin-bottom:.5rem}.lifecycle-group-stages{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.lifecycle-stage{display:flex;align-items:center;gap:1.5rem;position:relative;cursor:default;transition:all var(--dur-fast) var(--ease-standard)}.lifecycle-node-container{width:2.5rem;display:flex;justify-content:center;flex-shrink:0}.lifecycle-node{width:1.5rem;height:1.5rem;border-radius:var(--radius-pill);background-color:var(--paper-0);border:2px solid var(--paper-3);display:flex;align-items:center;justify-content:center;z-index:3;transition:all .3s cubic-bezier(.4,0,.2,1)}.lifecycle-stage.pending .lifecycle-node{background-color:var(--paper-0);border-color:var(--paper-3)}.lifecycle-dot{width:.5rem;height:.5rem;border-radius:var(--radius-pill);background-color:var(--paper-3)}.lifecycle-stage.completed .lifecycle-node{background-color:#0f172a;border-color:#0f172a;transform:scale(1.1)}.lifecycle-icon-check{width:1rem;height:1rem;color:var(--paper-0);stroke-width:3px}.lifecycle-stage.current .lifecycle-node{background-color:var(--paper-0);border-color:#0f172a;transform:scale(1.25);box-shadow:0 0 0 4px #3b82f633}.lifecycle-pulse{width:.75rem;height:.75rem;background-color:#0f172a;border-radius:var(--radius-pill);position:relative}.lifecycle-pulse:before,.lifecycle-pulse:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:var(--radius-pill);border:2px solid #0F172A;animation:ripple-effect 2s infinite cubic-bezier(0,.2,.8,1)}.lifecycle-pulse:after{animation-delay:-.5s}@keyframes ripple-effect{0%{width:100%;height:100%;opacity:1;border-width:2px}to{width:300%;height:300%;opacity:0;border-width:0px}}.lifecycle-content{display:flex;flex-direction:column}.lifecycle-label{font-size:.9375rem;font-weight:500;color:var(--ink-1);transition:color .3s ease}.lifecycle-stage.completed .lifecycle-label{color:var(--ink-0)}.lifecycle-stage.current .lifecycle-label{color:#0f172a;font-weight:600;font-size:1rem}.lifecycle-stage.completed.animate-in .lifecycle-node{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1.1);opacity:1}}.lifecycle-runner{display:inline-block;margin-left:.5rem;font-size:1.5rem;position:relative;z-index:10;animation:super-run .6s cubic-bezier(.36,0,.66,-.56) infinite alternate;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.lifecycle-runner:after{content:"🐆";position:absolute;top:0;left:-6px;opacity:.4;filter:blur(1px) grayscale(.5);z-index:-1;animation:trail-lag .6s cubic-bezier(.36,0,.66,-.56) infinite alternate;animation-delay:.1s}.lifecycle-runner:before{content:"💨";position:absolute;bottom:0;left:-12px;font-size:.8rem;opacity:.8;animation:dust-cloud 1s linear infinite}@keyframes super-run{0%{transform:translateY(0) skew(0) scale(1)}to{transform:translateY(-4px) skew(-10deg) scale(1.05)}}@keyframes trail-lag{0%{transform:translateY(0) skew(0) scale(.9)}to{transform:translateY(-4px) skew(-10deg) scale(.95)}}@keyframes dust-cloud{0%{transform:translate(0) scale(.5);opacity:0}50%{opacity:.8}to{transform:translate(-10px) scale(1.2);opacity:0}}@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;overflow-y:auto;max-height:800px}.project-hero-lifecycle{margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--paper-3)}.lifecycle-container.horizontal{width:100%;padding:0}.lifecycle-track.horizontal{display:flex;flex-direction:row;position:relative;min-height:80px;padding:0}.lifecycle-line-bg.horizontal{position:absolute;top:20px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--paper-3) 0%,var(--paper-3) 100%);border-radius:2px}.lifecycle-line-progress.horizontal{position:absolute;top:20px;left:0;height:3px;background:linear-gradient(90deg,#0f172a,#0f172a,#1e293b,#0f172a);background-size:300% 100%;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1;animation:gradient-flow-horizontal 3s linear infinite;box-shadow:0 0 8px #3b82f680}.lifecycle-stages-horizontal{display:flex;justify-content:space-between;width:100%;position:relative;z-index:2}.lifecycle-stage-horizontal{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;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{width:40px;height:40px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--dur-fast) var(--ease-standard);background:#fff;border:3px solid var(--paper-3)}.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{background:linear-gradient(135deg,var(--ok-500) 0%,var(--ok-500) 100%);border-color:var(--ok-500);box-shadow:0 4px 16px #10b98166;animation:pulse-horizontal 2s ease-in-out infinite}.lifecycle-stage-horizontal.pending .lifecycle-node-horizontal{background:#fff;border-color:var(--paper-3)}.lifecycle-label-horizontal{font-size:.75rem;font-weight:600;color:var(--ink-1);text-align:center;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.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{transform:scale(1);box-shadow:0 4px 16px #10b98166}50%{transform:scale(1.1);box-shadow:0 6px 20px #10b98199}}@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{height:100%;display:flex;flex-direction:column}.activity-list{flex:1;overflow-y:auto;min-height:400px}@media (max-width: 768px){.project-details-page{padding:0 1rem 1.5rem}.project-hero-section{padding:1.5rem}.project-hero-header{flex-direction:column;align-items:stretch}.project-hero-title{font-size:1.5rem}.project-hero-actions{width:100%;justify-content:flex-start}.project-stats-grid{grid-template-columns:1fr}.project-tabs{gap:.25rem}.project-tab{padding:.75rem 1rem;font-size:.875rem}.project-overview-grid,.project-team-grid,.project-tasks-grid,.project-activity-tab{grid-template-columns:1fr}}.project-filter-modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.project-filter-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--paper-3);background:linear-gradient(135deg,#0f172a0d,#764ba20d)}.project-filter-modal-header-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.project-filter-modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0f172a4d;flex-shrink:0}.project-filter-modal-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.project-filter-modal-subtitle{font-size:.875rem;color:var(--ink-1);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{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--ink-1)}.project-filter-form label svg{width:16px;height:16px;color:#0f172a}.project-filter-form .form-control{padding:.75rem 1rem;border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--ink-0);background:#fff;transition:all var(--dur-fast) var(--ease-standard)}.project-filter-form .form-control:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.project-filter-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:2px solid var(--paper-3);background:var(--paper-1)}.project-filter-modal-footer .btn-outline-modern:disabled{opacity:.5;cursor:not-allowed}.project-filter-modal-footer .btn-outline-modern:disabled:hover{transform:none;box-shadow: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;text-align:center;gap:1.5rem}.profile-avatar-large{width:100px;height:100px;font-size:2.5rem}.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{padding:1rem 1.25rem;flex-direction:column;align-items:stretch;gap:1rem}.attendance-actions-modern{flex-direction:column}.btn-attendance-modern{min-width:auto}.password-modal-modern{width:95%;margin:1rem}.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{flex-direction:column;align-items:stretch;text-align:left;gap:.5rem}.info-value{text-align:left}.form-actions-modern{flex-direction:column}.btn-primary-modern,.btn-secondary-modern{width:100%;justify-content:center}}@media (max-width: 480px){.profile-hero{padding:1.5rem 1rem}.profile-avatar-large{width:80px;height:80px;font-size:2rem}.profile-name{font-size:1.75rem}.profile-badges{justify-content:center}.profile-content{padding:0 1rem}.card-content{padding:1rem}.card-header-modern{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.card-header-info{justify-content:center}.btn-secondary-modern{width:100%;justify-content:center}.profile-grid{gap:1rem;grid-template-columns:1fr}.attendance-entry-modern{flex-direction:column;align-items:flex-start;gap:.5rem}.entry-type-modern{min-width:auto}.password-modal-modern{width:100%;margin:.5rem;border-radius:var(--radius-sm)}.password-modal-header-modern{padding:1rem 1.25rem}.password-form-modern{padding:1.25rem}}.task-details-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.task-details-grid{grid-template-columns:1fr;gap:1.5rem}}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--paper-3);margin-bottom:1.5rem}.task-badges{display:flex;gap:.5rem}.task-status{padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.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;color:#0277bd;border:1px solid #81d4fa;font-weight:600}.status-on-hold{background-color:var(--danger-50);color:var(--danger-500)}.priority-badge{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2rem;padding:.38rem .82rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1;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;text-decoration:none;font-weight:500}.project-link:hover{text-decoration:underline}.client-name{color:var(--ink-1);font-size:.875rem}.user-info{font-weight:500}.user-email{color:var(--ink-1);font-size:.875rem;font-weight:400}.overdue-badge{background-color:var(--danger-500);color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem}.time-logs-list{display:flex;flex-direction:column;gap:1rem}.time-log-item{padding:1rem;background-color:var(--paper-1);border-radius:.5rem;border:1px solid var(--paper-3)}.time-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hours-badge{background-color:#1e293b;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.date-logged{color:var(--ink-1);font-size:.875rem}.time-log-description{margin-bottom:.5rem;color:var(--ink-0)}.time-log-user{color:var(--ink-1);font-size:.75rem}.total-time{padding:1rem;background-color:var(--info-50);border:1px solid var(--info-50);border-radius:.5rem;text-align:center;color:#0c4a6e;margin-top:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--ink-1)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.text-danger{color:var(--danger-500)!important}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-top:2rem}@media (max-width: 768px){.profile-layout{grid-template-columns:1fr;gap:1.5rem}}.profile-summary{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--paper-3);height:fit-content}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;margin:0 auto 1.5rem}.profile-summary-info{text-align:center}.profile-summary-info h2{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin-bottom:.5rem}.edit-profile-btn{margin-top:1rem;align-self:center;background:transparent;color:#0f172a;border:1px solid #0F172A;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.edit-profile-btn:hover{background:#0f172a;color:#fff}.professional-info{margin:1rem 0;padding:1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.professional-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--paper-3)}.professional-info .info-row:last-child{border-bottom:none}.professional-info .label{font-weight:500;color:var(--ink-1);font-size:.875rem;min-width:100px}.professional-info .value{color:var(--ink-0);font-size:.875rem;text-align:right;flex:1}.professional-info .value-link{color:#0f172a;text-decoration:none;font-weight:500;font-size:.875rem}.professional-info .value-link:hover{text-decoration:underline}.profile-card{background:#fff;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.profile-card .card-header{background:var(--paper-1);padding:1rem 1.5rem;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:center}.profile-card .card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--ink-0)}.top-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.profile-summary-card{min-height:400px}@media (max-width: 768px){.top-row{grid-template-columns:1fr;gap:1.5rem}}.professional-info-card{background:#fff;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);padding:1rem 1.5rem;border-bottom:1px solid var(--paper-3)}.professional-info-card .card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--ink-0)}.professional-details{padding:1.5rem}.professional-details .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--paper-1)}.professional-details .info-row:last-child{border-bottom:none}.professional-details .label{font-weight:500;color:var(--ink-1);min-width:120px}.professional-details .value{color:var(--ink-0);text-align:right;flex:1}.portfolio-link{color:#0f172a;text-decoration:none;font-weight:500}.portfolio-link:hover{text-decoration:underline}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.change-password-btn{padding:4px 8px;background:var(--vermilion-500);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.change-password-btn:hover{background:#1e293b;box-shadow:0 2px 4px #3b82f64d}.change-password-btn:active{transform:translateY(0);box-shadow:0 1px 2px #3b82f64d}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.password-modal{background:#fff;border-radius:var(--radius-sm);padding:0;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--paper-3);background:var(--paper-1);border-radius:var(--radius-sm) 8px 0 0}.password-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;color:var(--ink-1);cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm);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{color:var(--ink-1);font-size:.875rem;margin-bottom:.25rem}.profile-org{color:var(--ink-1);font-size:.875rem;margin-bottom:1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500}.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-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--paper-3);overflow:hidden}.detail-section{padding:2rem;border-bottom:1px solid var(--paper-3)}.detail-section:last-child{border-bottom:none}.detail-section h3{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin-bottom:0}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:start;padding:.75rem 0}.info-row .label{font-weight:500;color:var(--ink-1);min-width:120px}.info-row .value{color:var(--ink-0);flex:1;text-align:right}.value-link{color:#1e293b;text-decoration:none}.value-link:hover{text-decoration:underline}.bio-row{align-items:start}.bio-text{margin:0;text-align:right;line-height:1.5}.attendance-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--paper-1);border-radius:.5rem;border:1px solid var(--paper-3)}.status-info{flex:1}.status-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.status-dot{width:10px;height:10px;border-radius:var(--radius-pill);display:inline-block}.status-dot.active{background-color:var(--ok-500);box-shadow:0 0 0 2px #10b9814d}.status-dot.inactive{background-color:var(--ink-1)}.status-text{font-weight:500;color:var(--ink-0)}.last-entry{color:var(--ink-1);font-size:.875rem}.btn-attendance{padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.25rem}.btn-attendance.clock-in{background-color:var(--ok-500);color:#fff}.btn-attendance.clock-in:hover:not(:disabled){background-color:var(--ok-500)}.btn-attendance.clock-out{background-color:var(--danger-500);color:#fff}.btn-attendance.clock-out:hover:not(:disabled){background-color:var(--danger-500)}.btn-attendance.disabled{background-color:var(--paper-3);color:var(--paper-4);cursor:not-allowed}.btn-attendance:disabled{cursor:not-allowed;opacity:.6}.today-attendance{margin-top:1.5rem}.today-attendance h4{font-size:1rem;font-weight:600;color:var(--ink-0);margin-bottom:1rem}.attendance-log{display:flex;flex-direction:column;gap:.5rem}.attendance-entry{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid var(--paper-3);box-shadow:0 1px 2px #0000000d}.entry-type{font-weight:500;display:flex;align-items:center;gap:.25rem;min-width:100px}.entry-type.clock-in{color:var(--ok-500)}.entry-type.clock-out{color:var(--danger-500)}.entry-time{font-family:Menlo,Monaco,Courier New,monospace;background:var(--paper-1);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;color:var(--ink-1);font-weight:500}.entry-notes{color:var(--ink-1);font-style:italic;flex:1;text-align:right;font-size:.875rem}.no-attendance{text-align:center;padding:2rem;color:var(--ink-1);background:var(--paper-1);border-radius:.375rem;border:1px dashed var(--paper-3)}.loading-message{text-align:center;padding:1rem;color:var(--ink-1);font-style:italic}@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{display:flex;gap:.5rem;margin:2rem 0 1.5rem;border-bottom:1px solid var(--paper-3)}.tab-button{background:none;border:none;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--ink-1);font-weight:500;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.tab-button:hover{color:#1e293b;background-color:var(--paper-1)}.tab-button.active{color:#1e293b;border-bottom-color:#1e293b;background-color:var(--paper-1)}.tab-icon{font-size:1rem}.tasks-content{margin-top:1.5rem}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media (max-width: 768px){.tasks-grid{grid-template-columns:1fr}}.task-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--paper-3);transition:box-shadow .2s}.task-card:hover{box-shadow:0 4px 6px #0000001a}.task-card-header{display:flex;justify-content:space-between;align-items:start;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);margin-bottom:1rem;line-height:1.5}.task-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;justify-content:space-between;font-size:.875rem}.meta-label{color:var(--ink-1);font-weight:500}.stage-info,.due-date{color:var(--ink-0)}.due-date.overdue{color:var(--danger-500);font-weight:600}.user-details-container{max-width:1200px;margin:0 auto;padding:0 20px}.detail-section{background:#fff;border-radius:var(--radius-sm);padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.detail-section.compact{padding:16px;margin-bottom:16px}.detail-section h3{color:var(--ink-0);font-size:1.25rem;font-weight:600;margin-bottom:16px;border-bottom:2px solid var(--paper-3);padding-bottom:8px}.info-grid{display:grid;gap:12px}.info-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.info-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--paper-1)}.info-item:last-child{border-bottom:none}.bio-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--paper-3)}.personal-info-section{margin-top:24px}.info-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.info-card-header{background:var(--paper-1);padding:12px 16px;border-bottom:1px solid var(--paper-3)}.info-card-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--ink-0)}.info-card-content{padding:16px}.info-card .info-row{display:flex;gap:24px;margin-bottom:16px;align-items:flex-start}.info-card .info-row:last-child{margin-bottom:0}.info-field{flex:1;display:flex;flex-direction:column;gap:4px}.info-field.full-width{flex:1 1 100%}.field-label{font-size:.875rem;font-weight:500;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:1rem;color:#1f2937;font-weight:500}.field-link{color:#0f172a;text-decoration:none;font-size:1rem;font-weight:500}.field-link:hover{text-decoration:underline}.info-card .bio-text{margin:0;color:#4b5563;line-height:1.6;white-space:pre-wrap;font-size:.95rem;text-align:left;padding:0}.info-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.info-row .label{font-weight:600;color:var(--ink-0);min-width:120px;flex-shrink:0}.info-row .value{color:#1f2937;flex:1}.info-row .value-link{color:#0f172a;text-decoration:none}.info-row .value-link:hover{text-decoration:underline}.bio-row{flex-direction:column;align-items:flex-start}.bio-text{margin-top:4px;color:#4b5563;line-height:1.6;white-space:pre-wrap}.status-badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.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:var(--radius-sm);padding:24px;box-shadow:0 1px 3px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--paper-3)}.calendar-navigation{display:flex;align-items:center;gap:16px}.calendar-actions{display:flex;align-items:center;gap:8px}.export-btn{background:var(--vermilion-500)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:var(--radius-sm)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all var(--dur-fast) var(--ease-standard)!important;display:flex!important;align-items:center!important;gap:6px!important}.export-btn:hover{background:var(--vermilion-400)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #d2451a4d!important}.export-btn:active{transform:translateY(0)!important}.export-dropdown-container{position:relative;display:inline-block}.export-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);box-shadow:0 10px 25px #00000026;z-index:1000;min-width:200px;margin-top:4px;overflow:hidden}.export-option{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 16px!important;background:#fff!important;border:none!important;color:var(--ink-0)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all var(--dur-fast) var(--ease-standard)!important;text-align:left!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;width:20px;text-align:center}.export-dropdown{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0}.attendance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px;background-color:var(--paper-1);border-radius:var(--radius-sm)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:.875rem;color:var(--ink-1);font-weight:500}.stat-value{font-size:1.5rem;font-weight:600;color:#1f2937}.stat-value.present{color:var(--ok-500)}.stat-value.absent{color:var(--danger-500)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--paper-3);border:1px solid var(--paper-3);border-radius:var(--radius-sm);overflow:hidden}.calendar-day-header{background-color:var(--paper-1);padding:12px 8px;text-align:center;font-weight:600;color:var(--ink-1);font-size:.875rem}.calendar-day{background-color:#fff;padding:8px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color .2s}.calendar-day:hover{background-color:var(--paper-1)}.calendar-day.empty{background-color:var(--paper-1);cursor:default}.calendar-day.weekend{background-color:var(--paper-1)}.calendar-day.weekend:hover{background-color:var(--paper-3)}.day-number{font-weight:500;color:var(--ink-0);font-size:.875rem}.attendance-indicator{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.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{display:flex;justify-content:center;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid var(--paper-3)}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--ink-1)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.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-loading,.attendance-calendar-error{text-align:center;padding:40px;color:var(--ink-1)}.attendance-calendar-error .error-text{color:var(--danger-500);margin-bottom:16px}.btn-small{padding:6px 12px;font-size:.875rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-block;text-align:center}.btn-info{background-color:#3b82f6;color:#fff;border-color:#0f172a}.btn-info:hover{background-color:#1e293b;border-color:#1e293b}.btn-small:disabled{background-color:var(--paper-2);color:var(--paper-4);border-color:var(--paper-3);cursor:not-allowed}.btn-small:disabled:hover{background-color:var(--paper-2);color:var(--paper-4);border-color:var(--paper-3)}.update-time{color:var(--ink-1)}.task-card-actions{display:flex;gap:.75rem}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--paper-1);min-height:calc(100vh - 80px)}.profile-header{background:#fff;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:600;box-shadow:0 8px 32px #0f172a4d;flex-shrink:0}.profile-basic-info{display:flex;flex-direction:column;gap:.5rem}.profile-name{font-size:1.75rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.2}.profile-role{font-size:1.1rem;color:#0f172a;font-weight:500;margin:0}.profile-organization{font-size:1rem;color:var(--ink-1);margin:0 0 1rem}.profile-professional-info{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.professional-item{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.prof-label{font-size:.75rem;color:var(--ink-1);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.prof-value{font-size:.875rem;color:var(--ink-0);font-weight:500}.prof-link{color:#0f172a;text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--dur-fast) var(--ease-standard)}.prof-link:hover{color:#1e293b;text-decoration:underline}.profile-actions{display:flex;gap:1rem;flex-shrink:0}.profile-section-header{margin:2rem 0 1rem;padding:0 .5rem}.profile-section-header h2{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--paper-3)}.profile-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-card.personal-info-card{max-width:600px;width:100%}.profile-card.personal-info-card .card-content{padding:1rem 1.5rem}.profile-card{background:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 20px #00000014;border:1px solid var(--paper-3);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{box-shadow:0 8px 32px #0000001f}.profile-card .card-header{background:var(--paper-1);padding:1.25rem 1.5rem;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:center}.profile-card .card-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--ink-0)}.profile-card .card-content{padding:1.5rem}.info-section{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--paper-1)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{font-size:.75rem;font-weight:500;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9rem;color:var(--ink-0);font-weight:500}.info-link{color:#0f172a;text-decoration:none;font-size:1rem;font-weight:500;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);line-height:1.5;margin:0;font-size:.875rem}.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{font-size:.875rem;font-weight:500;color:var(--ink-0)}.profile-edit-form input,.profile-edit-form textarea{padding:.75rem 1rem;border:1px solid var(--paper-4);border-radius:var(--radius-sm);font-size:1rem;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow .2s ease;background:var(--paper-0)}.profile-edit-form input:focus,.profile-edit-form textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.profile-edit-form textarea{resize:vertical;min-height:100px}.attendance-status{display:flex;flex-direction:column;gap:1.5rem}.status-indicator{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.status-dot{width:12px;height:12px;border-radius:var(--radius-pill);flex-shrink:0}.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{font-size:1rem;font-weight:500;color:var(--ink-0)}.last-entry-time{font-size:.875rem;color:var(--ink-1)}.attendance-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-attendance{padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;border:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);flex:1;min-width:140px}.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);color:var(--ink-1);cursor:not-allowed;transform:none;box-shadow:none}.message{padding:1rem;border-radius:var(--radius-sm);font-weight:500;margin:1rem 0}.message.error{background:var(--danger-50);color:var(--danger-500);border:1px solid var(--danger-50)}.message.success{background:var(--ok-50);color:var(--ok-500);border:1px solid var(--ok-50)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary{background:var(--vermilion-500);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-secondary{background:#0f172a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-outline{background:transparent;color:#0f172a;border:1px solid #0F172A;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow: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{flex-direction:column;text-align:center;gap:1.5rem;padding:1rem}.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar{width:70px;height:70px;font-size:1.75rem}.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{width:70px;height:70px;font-size:1.75rem}.profile-name{font-size:1.5rem}.attendance-actions{flex-direction:column}.btn-attendance{min-width:auto}}.pagination-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;border-top:1px solid var(--paper-3)}.pagination-info{font-size:.875rem;color:var(--ink-1);text-align:center}.pagination-buttons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.page-numbers{display:flex;gap:.25rem;align-items:center}.pagination-buttons .btn-small{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem}.pagination-buttons .btn-small:disabled{opacity:.5;cursor:not-allowed;background-color:var(--paper-1);color:var(--paper-4);border-color:var(--paper-3)}.pagination-buttons .btn-small:disabled:hover{background-color:var(--paper-1);color:var(--paper-4);transform:none;box-shadow:none}@media (max-width: 768px){.pagination-controls{gap:.75rem}.pagination-buttons{gap:.25rem}.pagination-buttons .btn-small{min-width:2rem;height:2rem;font-size:.75rem;padding:.25rem .5rem}.page-numbers{gap:.125rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container-modern{background:#fff;border-radius:var(--radius-md);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1);margin:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-modern{padding:1.5rem;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-header-content{display:flex;align-items:flex-start;gap:1rem}.modal-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--paper-1);color:var(--ink-1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.modal-close-button{background:transparent;border:none;color:var(--ink-1);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:var(--paper-1);color:var(--ink-1)}.modal-body-modern{padding:1.5rem;overflow-y:auto}.search-input-modern{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--ink-0);transition:all var(--dur-fast) var(--ease-standard);background:#fff}.search-input-modern:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.search-input-container{position:relative}.modal-content{background:#fff;border-radius:var(--radius-sm);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--paper-3)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--ink-0)}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ink-1);padding:.25rem;border-radius:var(--radius-sm);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{display:block;margin-bottom:.5rem;font-weight:500;color:var(--ink-0)}.form-control{width:100%;padding:.75rem;border:1px solid var(--paper-4);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow .2s ease}.form-control:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--paper-3)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-danger-large{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-decoration:none;border:none;min-height:2.75rem;box-sizing:border-box}.btn-primary{background:var(--vermilion-500);color:#fff}.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:transparent;color:#0f172a;border:1px solid #0F172A}.btn-outline:hover:not(:disabled){background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a4d}.btn-danger,.btn-danger-large{background:var(--danger-500);color:#fff}.btn-danger:hover:not(:disabled),.btn-danger-large:hover:not(:disabled){background:var(--danger-500);box-shadow:0 4px 12px #ef44444d}.btn-small{padding:.5rem 1rem;font-size:.75rem;min-height:2.25rem}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled,.btn-danger:disabled,.btn-danger-large:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--paper-2)!important;color:var(--paper-4)!important;border-color:var(--paper-3)!important}.page-actions>*+*{margin-left:1rem}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-danger-large{padding:.625rem 1.25rem;font-size:.8rem}.page-actions{gap:.75rem}.page-actions>*+*{margin-left:0}}.modern-admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);min-height:100vh}.dashboard-header-compact{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:0;background:transparent}.dashboard-title-compact{font-size:2rem;font-weight:600;color:var(--ink-0);margin:0;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-compact-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 2px 4px -1px #3b82f64d}.btn-compact-primary:hover{box-shadow:0 4px 8px -2px #3b82f666}.dashboard-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--paper-3)}.dashboard-title-modern{font-size:2.5rem;font-weight:800;color:var(--ink-0);margin:0;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle-modern{font-size:1rem;color:var(--ink-1);margin:.5rem 0 0;font-weight:500}.header-actions-modern{display:flex;gap:1rem}.btn-modern-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 4px 6px -1px #3b82f64d}.btn-icon{font-size:1.1rem;font-weight:600}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card-modern{background:#fff;border-radius:var(--radius-md);padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--paper-3);transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}.stat-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f172a,#1e293b)}.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{transform:translateY(-4px);box-shadow:0 12px 20px -4px #00000026}.stat-icon-modern{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-3) 100%);color:var(--ink-1)}.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{display:flex;flex-direction:column;gap:.5rem}.stat-value-modern{font-size:2.5rem;font-weight:800;color:var(--ink-0);line-height:1}.stat-label-modern{font-size:1rem;font-weight:600;color:var(--ink-0)}.stat-trend-modern{font-size:.875rem;color:var(--ink-1);font-weight:500}.actions-section-modern{margin-bottom:2rem}.section-title-modern{font-size:1.875rem;font-weight:600;color:var(--ink-0);margin:0 0 2rem;text-align:center}.actions-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card-modern{background:#fff;border-radius:var(--radius-md);padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--paper-3);transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.action-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ink-1),#4b5563)}.action-standard:before{background:linear-gradient(90deg,#0f172a,#1e293b)}.action-primary: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{transform:translateY(-4px);box-shadow:0 12px 20px -4px #00000026}.action-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.action-icon-modern{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-3) 100%);color:var(--ink-1)}.action-standard .action-icon-modern,.action-primary .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{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0}.action-description-modern{font-size:.9rem;color:var(--ink-1);line-height:1.6;margin:0 0 auto;flex-grow:1}.action-btn-modern{width:100%;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-transform:none;text-align:center;display:block;margin-top:1.5rem}.action-btn-standard{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.action-btn-standard:hover{box-shadow:0 8px 15px -3px #3b82f666}.action-btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.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%);color:#fff;box-shadow:0 4px 6px -1px #10b9814d}.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{transform:none;box-shadow:0 4px 6px -1px #9ca3af4d}@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}.stats-grid-modern,.actions-grid-modern{grid-template-columns:1fr;gap:1rem}.stat-card-modern,.action-card-modern{padding:1.5rem}}.modern-profile-container{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);min-height:100vh}.modern-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--paper-3)}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem}.modern-profile-avatar{width:80px;height:80px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;box-shadow:0 8px 16px -4px #3b82f64d}.profile-info{display:flex;flex-direction:column;gap:.5rem}.modern-profile-name{font-size:2rem;font-weight:600;color:var(--ink-0);margin:0}.profile-username{font-size:1rem;color:var(--ink-1);margin:0;font-weight:500}.profile-professional-badges{display:flex;gap:1rem;margin-top:.5rem}.professional-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-3) 100%);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--ink-1)}.profile-actions-modern{display:flex;gap:1rem}.btn-modern-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-3) 100%);color:var(--ink-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;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{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#0f172a;border:1px solid #0F172A;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-modern-outline:hover{background:#0f172a;color:#fff}.modern-profile-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.modern-profile-card{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--paper-3);overflow:hidden}.card-header-modern{padding:1.5rem 2rem;background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);border-bottom:1px solid var(--paper-3)}.card-title-section{display:flex;align-items:center;gap:.75rem}.card-title-section svg{color:#0f172a}.card-title-section h3{font-size:1.25rem;font-weight:600;color:var(--ink-0);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{font-size:.875rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.info-value-modern{font-size:1rem;font-weight:500;color:var(--ink-0)}.bio-item-modern{grid-column:1 / -1}.bio-text-modern{font-size:1rem;line-height:1.6;color:var(--ink-1);background:var(--paper-1);padding:1rem;border-radius:var(--radius-sm);border-left:4px solid #0F172A}.modern-profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group-modern label{font-size:.875rem;font-weight:600;color:var(--ink-0)}.modern-input,.modern-textarea{padding:.75rem 1rem;border:1px solid var(--paper-4);border-radius:var(--radius-sm);font-size:1rem;transition:all var(--dur-fast) var(--ease-standard);background:#fff}.modern-input:focus,.modern-textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px var(--paper-2)}.modern-textarea{resize:vertical;min-height:100px}.form-actions-modern{display:flex;gap:1rem;margin-top:1rem}.btn-modern-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);box-shadow:0 4px 6px -1px #3b82f64d}.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{display:flex;align-items:center;gap:1rem}.status-dot-modern{width:12px;height:12px;border-radius:var(--radius-pill);position:relative}.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{font-size:1rem;font-weight:600;color:var(--ink-0)}.last-entry-time-modern{font-size:.875rem;color:var(--ink-1)}.attendance-actions-modern{display:flex;gap:1rem}.btn-attendance-modern{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);flex:1;justify-content:center}.btn-attendance-modern.clock-in{background:linear-gradient(135deg,var(--ok-500) 0%,var(--ok-500) 100%);color:#fff;box-shadow:0 4px 6px -1px #10b9814d}.btn-attendance-modern.clock-out{background:linear-gradient(135deg,var(--danger-500) 0%,var(--danger-500) 100%);color:#fff;box-shadow:0 4px 6px -1px #ef44444d}.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{padding:1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-top:1rem}.modern-message.success{background:var(--ok-50);color:#065f46;border:1px solid #a7f3d0}.modern-message.error{background:var(--danger-50);color:var(--danger-500);border:1px solid var(--danger-50)}@media (max-width: 768px){.modern-profile-container{padding:1rem}.modern-profile-header{flex-direction:column;gap:1.5rem;text-align:center}.profile-avatar-section{flex-direction:column;text-align:center}.modern-profile-content{grid-template-columns:1fr;gap:1.5rem}.attendance-actions-modern,.form-actions-modern{flex-direction:column}}.modern-task-card-new{background:#fff;border-radius:var(--radius-sm);padding:1rem;box-shadow:0 2px 4px -1px #0000001a;border:1px solid var(--paper-3);transition:all var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}.modern-task-card-new:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f172a,#1e293b)}.modern-task-card-new:hover{box-shadow:0 8px 16px -4px #00000026;border-color:#0f172a}.task-card-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.task-title-section{flex:1;min-width:0}.task-title-new{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--ink-0);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;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;gap:.375rem;flex-wrap:wrap}.task-status-new{padding:.2rem .6rem;border-radius:var(--radius-md);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.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{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.38rem .82rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1;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;gap:.375rem;flex-shrink:0}.btn-task-action{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .6rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-decoration:none;transition:all var(--dur-fast) var(--ease-standard);border:1px solid transparent}.btn-task-action.btn-view{background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-1) 100%);color:var(--ink-1);border-color:var(--paper-3)}.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{background:linear-gradient(135deg,var(--info-50) 0%,var(--info-50) 100%);color:#1e293b;border-color:var(--info-50)}.btn-task-action.btn-edit:hover{background:linear-gradient(135deg,var(--info-50) 0%,var(--info-50) 100%);color:var(--info-500)}.btn-task-action.btn-time{background:linear-gradient(135deg,var(--ok-50) 0%,#a7f3d0 100%);color:var(--ok-500);border-color:#6ee7b7}.btn-task-action.btn-time:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#047857}.btn-task-action.btn-delete{background:linear-gradient(135deg,var(--danger-50) 0%,var(--danger-50) 100%);color:var(--danger-500);border-color:var(--danger-50)}.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{color:var(--ink-1);font-size:.85rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.task-meta-new{display:flex;gap:1.5rem}.task-meta-left,.task-meta-right{flex:1;display:flex;flex-direction:column;gap:.5rem}.meta-item-new{display:flex;align-items:center;gap:.6rem;padding:.375rem 0}.meta-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--paper-1) 0%,var(--paper-3) 100%);display:flex;align-items:center;justify-content:center;color:var(--ink-1);flex-shrink:0}.meta-content{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.meta-label-new{font-size:.7rem;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em}.meta-value-new{font-size:.8rem;font-weight:500;color:var(--ink-0);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{display:inline-block;background:var(--danger-500);color:#fff;font-size:.6rem;font-weight:600;padding:.1rem .3rem;border-radius:var(--radius-sm);margin-left:.5rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.modern-task-card-new{padding:.75rem}.task-card-header-new{flex-direction:column;align-items:flex-start;gap:.75rem}.task-actions-new{width:100%;justify-content:space-between}.btn-task-action{flex: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{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}@media (max-width: 1024px){.profile-container{grid-template-columns:1fr}}.profile-card{background:#fff;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;border:1px solid var(--paper-3);overflow:hidden;margin-bottom:1.5rem}.profile-cover{height:120px;background:linear-gradient(135deg,var(--vermilion-500) 0%,#0F172A 100%)}.profile-header-content{padding:0 1.5rem 1.5rem;position:relative;text-align:center}.profile-avatar-large{width:100px;height:100px;border-radius:var(--radius-pill);background:var(--paper-1);border:4px solid white;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:var(--ink-1);margin:-50px auto 1rem;box-shadow:0 4px 6px -1px #0000001a;position:relative;overflow:hidden}.profile-avatar-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar-clickable:hover{transform:scale(1.05);box-shadow:0 8px 12px -3px #00000026}.profile-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-pill)}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);border-radius:var(--radius-pill)}.avatar-edit-overlay svg{color:#fff}.profile-avatar-clickable:hover .avatar-edit-overlay{opacity:1}.profile-image-upload{width:100%}.upload-zone{border:2px dashed var(--paper-3);border-radius:var(--radius-sm);padding:2rem;text-align:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);background:var(--paper-1);position:relative;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-zone:hover{border-color:var(--vermilion-500);background:var(--paper-1)}.upload-zone.drag-over{border-color:var(--vermilion-500);background:var(--paper-1);border-style:solid}.upload-zone.uploading{pointer-events:none;opacity:.7}.upload-zone.has-image{padding:0;border-style:solid;border-color:var(--paper-3)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:var(--ink-1)}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-main-text{font-size:1rem;font-weight:600;color:var(--ink-0)}.upload-sub-text{font-size:.875rem;color:var(--ink-1)}.image-preview-container{position:relative;width:100%;height:200px}.profile-image-preview{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);border-radius:var(--radius-md)}.upload-zone:hover .image-overlay{opacity:1}.overlay-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.overlay-text{color:#fff;font-weight:500;font-size:.875rem}.delete-btn{background:#ef4444e6;color:#fff;border:none;width:32px;height:32px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:600;transition:transform .2s ease,background .2s ease}.delete-btn:hover{background:var(--danger-500);transform:scale(1.1)}.upload-progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border-radius:var(--radius-md)}.progress-container{width:80%;height:6px;background:var(--paper-3);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--vermilion-500) 0%,#0F172A 100%);border-radius:3px;transition:width .2s ease}.progress-text{font-size:.875rem;font-weight:600;color:var(--vermilion-500)}.upload-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:var(--danger-50);border:1px solid var(--danger-50);border-radius:var(--radius-sm);color:var(--danger-500);font-size:.875rem}.error-icon{font-size:1rem}.image-upload-modal{max-width:480px}.image-upload-modal .modal-content{padding:1.5rem}.upload-tip{margin-top:1rem;font-size:.875rem;color:var(--ink-1);text-align:center}.profile-name-large{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin-bottom:.25rem}.profile-username-large{color:var(--ink-1);font-size:.875rem;margin-bottom:1rem}.profile-badges{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.profile-info-list{border-top:1px solid var(--paper-3);padding:1.5rem}.profile-info-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--paper-1);font-size:.875rem}.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{padding:1.25rem 1.5rem;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:center}.profile-section-header h3{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin:0}.profile-section-content{padding:1.5rem}.attendance-status-box{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3);margin-bottom:1.5rem}.status-badge-large{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-pill);font-weight:600;font-size:.875rem}.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{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 640px){.attendance-grid{grid-template-columns:1fr}}.login-modern-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper-0);padding:1.5rem}.login-modern-card{width:100%;max-width:400px;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;border:1px solid rgba(255,255,255,.5);overflow:hidden}.login-modern-header{padding:2rem 2rem 1.5rem;text-align:center}.login-modern-card .login-brand-logo{width:48px;height:48px;margin-bottom:1rem;border-radius:var(--radius-sm)}.login-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin-bottom:.5rem}.login-subtitle{font-size:.875rem;color:var(--ink-1)}.login-modern-form{padding:0 2rem 2rem}.login-form-group{margin-bottom:1.25rem}.login-label{display:block;font-size:.875rem;font-weight:500;color:var(--ink-0);margin-bottom:.5rem}.login-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--paper-3);background-color:var(--paper-0);color:var(--ink-0);font-size:.925rem;transition:all var(--dur-fast) var(--ease-standard)}.login-input:focus{outline:none;border-color:var(--vermilion-500);box-shadow:0 0 0 3px #d2451a1a}.login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:.875rem}.login-checkbox{display:flex;align-items:center;gap:.5rem;color:var(--ink-1);cursor:pointer}.login-forgot-link{color:var(--vermilion-500);text-decoration:none;font-weight:500}.login-forgot-link:hover{color:#1e293b}.login-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--vermilion-500) 0%,#1E293B 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.login-btn:hover{box-shadow:0 4px 12px #4f46e533}.login-footer{padding:1.5rem;background-color:var(--paper-1);border-top:1px solid var(--paper-1);text-align:center;font-size:.875rem;color:var(--ink-1)}.login-footer-link{color:var(--vermilion-500);font-weight:600;text-decoration:none;margin-left:.25rem}.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{transform-style:preserve-3d;perspective:1000px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275)}.login-modern-card:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d}.login-btn{position:relative;overflow:hidden;transition:all var(--dur-fast) var(--ease-standard);z-index:1}.login-btn:hover{transform:translateY(-3px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.login-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#fff3;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;z-index:-1;border-radius:var(--radius-sm)}.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{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--paper-3)}.page-title-modern{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--ink-0);margin:0 0 .5rem;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:.95rem;color:var(--ink-1);margin:0}.project-form-container{background:#fff;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{margin-bottom:2.5rem;background:var(--paper-1);border-radius:var(--radius-sm);padding:1.5rem;border:1px solid var(--paper-3)}.form-section:last-of-type{margin-bottom:0}.form-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--paper-3)}.form-section-icon{font-size:1.25rem;color:#0f172a;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a1a,#764ba21a);border-radius:var(--radius-md)}.form-section-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);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{font-size:.875rem;font-weight:600;color:var(--ink-0);display:flex;align-items:center;gap:.25rem}.required-asterisk{color:var(--danger-500);font-weight:600}.form-input-modern,.form-textarea-modern{padding:.875rem 1rem;border:2px solid var(--paper-3);border-radius:var(--radius-md);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;color:var(--ink-0);width:100%;font-family:inherit}.form-input-modern:hover,.form-textarea-modern:hover{border-color:var(--paper-3);background:var(--paper-1)}.form-input-modern:focus,.form-textarea-modern:focus{outline:none;border-color:#0f172a;background:#fff;box-shadow:0 0 0 4px #0f172a1a}.form-textarea-modern{resize:vertical;min-height:120px;font-family:inherit}.form-help-text{font-size:.8rem;color:var(--ink-1);display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.form-row-modern{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.client-select-wrapper{display:flex;gap:.75rem;align-items:flex-start}.client-select-input{flex:1}.btn-new-client{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 8px #0f172a33}.btn-new-client:hover{box-shadow:0 4px 12px #0f172a4d}.btn-new-client:active{transform:translateY(0)}.form-actions-modern{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--paper-3)}.btn-primary-modern{background:var(--vermilion-500);color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0f172a4d}.btn-primary-modern:hover:not(:disabled){background:#1e293b;box-shadow:0 6px 20px #0f172a66}.btn-primary-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline-modern{background:#fff;color:#0f172a;border:2px solid #0F172A;padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:.5rem}.btn-outline-modern:hover:not(:disabled){background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a33}.btn-outline-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content-modern{background:#fff;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;max-width:550px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-modern{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--paper-3);background:linear-gradient(135deg,#0f172a0d,#764ba20d)}.modal-header-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.modal-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 4px 12px #0f172a4d}.modal-title{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.modal-subtitle{font-size:.875rem;color:var(--ink-1);margin:0}.modal-close-button{background:var(--paper-1);border:none;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-1);transition:all var(--dur-fast) var(--ease-standard);font-size:1rem}.modal-close-button:hover{background:var(--paper-3);color:var(--ink-0);transform:rotate(90deg)}.modal-body-modern{padding:2rem}.client-form-modern{display:flex;flex-direction:column;gap:1.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--paper-4);font-size:1rem;z-index:1;pointer-events:none}.input-icon-top{top:1rem;align-self:flex-start}.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{background:var(--danger-50);color:var(--danger-500);border:1px solid #fca5a5;border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.alert-danger-modern i{font-size:1.125rem}.modal-actions-modern{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--paper-3)}@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{width:100%;justify-content:center}.form-actions-modern,.modal-actions-modern{flex-direction:column}.btn-primary-modern,.btn-outline-modern{width:100%;justify-content:center}.modal-content-modern{width:95%;max-height:95vh}.modal-header-modern,.modal-body-modern{padding:1.5rem}}.profile-tabs{display:flex;gap:2rem;border-bottom:1px solid var(--paper-3);margin-bottom:2rem;padding:0 .5rem}.profile-tab{padding:1rem .5rem;font-weight:600;color:var(--ink-1);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.profile-tab:hover{color:var(--ink-0)}.profile-tab.active{color:var(--vermilion-500);border-bottom-color:var(--vermilion-500)}.profile-tab-icon{font-size:1.1rem}.profile-content-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem}.profile-main-col,.profile-side-col{display:flex;flex-direction:column;gap:1.5rem}.profile-card-modern{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--paper-3);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 #00000006}.profile-cover-modern{height:140px;background:linear-gradient(135deg,var(--vermilion-500) 0%,#0F172A 100%);position:relative}.profile-header-modern{padding:0 2rem 2rem;text-align:center;position:relative}.profile-avatar-wrapper{margin-top:-60px;margin-bottom:1rem;display:inline-block;position:relative}.profile-avatar-modern{width:120px;height:120px;border-radius:var(--radius-pill);border:4px solid white;box-shadow:0 4px 6px -1px #0000001a;background:var(--paper-1);overflow:hidden;position:relative}.profile-avatar-modern img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;color:var(--ink-1);background:var(--paper-1)}.profile-name-modern{font-size:1.5rem;font-weight:600;color:var(--ink-0);margin:0 0 .25rem}.profile-username-modern{font-size:.95rem;color:var(--ink-1);margin:0 0 1rem}.profile-badges-modern{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;border-top:1px solid var(--paper-3)}.profile-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.1rem;font-weight:600;color:var(--ink-0)}.stat-label{font-size:.75rem;color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.settings-section{background:#fff;border-radius:var(--radius-md);border:1px solid var(--paper-3);overflow:hidden;margin-bottom:2rem}.settings-header{padding:1.5rem 2rem;border-bottom:1px solid var(--paper-3);display:flex;justify-content:space-between;align-items:center}.settings-title{font-size:1.1rem;font-weight:600;color:var(--ink-0);margin:0}.settings-content{padding:2rem}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.full-width{grid-column:1 / -1}.attendance-widget{background:#fff;border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--paper-3);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.attendance-info{display:flex;align-items:center;gap:1rem}.attendance-status-indicator{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--paper-3);box-shadow:0 0 0 4px var(--paper-1)}.attendance-status-indicator.active{background:var(--ok-500);box-shadow:0 0 0 4px var(--ok-50)}.attendance-text h4{margin:0 0 .25rem;font-size:1rem;color:var(--ink-0)}.attendance-text p{margin:0;font-size:.875rem;color:var(--ink-1)}.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{flex-direction:column;align-items:flex-start}.attendance-actions{width:100%}.attendance-actions button{flex:1}}.tab-header-standard{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;align-items:center}.tab-header-title{font-size:1.25rem;font-weight:600;color:var(--ink-0);margin:0;display:flex;align-items:center;gap:.5rem}.project-hero-meta{display:flex;align-items:center;gap:1.5rem;margin-top:.5rem;color:var(--ink-1);font-size:.9rem}.project-hero-meta-item{display:flex;align-items:center;gap:.5rem}.project-hero-meta-item svg{width:16px;height:16px;color:var(--ink-1)}.page-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-title-modern{font-family:var(--font-display);font-size:1.875rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.2}.btn-outline-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);color:var(--ink-1);font-weight:500;font-size:.875rem;cursor:pointer;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{display:grid;gap:2rem}.project-card{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--paper-3);overflow:hidden;box-shadow:0 1px 3px #0000000d}.project-card-header{padding:1.5rem;border-bottom:1px solid var(--paper-1);display:flex;justify-content:space-between;align-items:center}.project-card-title{font-size:1.125rem;font-weight:600;color:var(--ink-0);margin:0}.project-card-body{padding:1.5rem}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card-modern{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--paper-1);border-radius:var(--radius-sm);border:1px solid var(--paper-3)}.stat-icon-modern{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.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{font-size:1.5rem;font-weight:600;color:var(--ink-0);line-height:1;margin-bottom:.25rem}.stat-label-modern{font-size:.875rem;color:var(--ink-1);font-weight:500}.empty-state-modern{text-align:center;padding:3rem;color:var(--ink-1);background:var(--paper-1);border-radius:var(--radius-sm);border:1px dashed var(--paper-3)}.permissions-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.permission-group-card{background:var(--paper-1);border-radius:var(--radius-md);border:1px solid var(--paper-3);padding:1.25rem}.permission-group-title{font-size:.9375rem;font-weight:600;color:var(--ink-0);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--paper-3)}.permission-tags{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--ink-1);font-weight:500;box-shadow:0 1px 2px #0000000d}.lifecycle-container.vertical.single-stage{min-height:auto;padding:0}.lifecycle-group-label-small{font-size:.75rem;color:var(--ink-1);margin-top:.25rem;font-weight:500}.hidden-mobile{display:flex}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (max-width: 768px){.page-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.page-header-actions{width:100%;overflow-x:auto;padding-bottom:.5rem;justify-content:flex-start}.page-title{font-size:1.25rem}.content-header{padding:0 1rem}.app-layout{height:100vh}}.nav-section-header{display:flex;align-items:center;padding:14px 8px 6px;margin:0;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-sidebar-section-text);-webkit-user-select:none;user-select:none}.nav-divider{height:1px;background-color:var(--shell-sidebar-divider);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{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;flex:1;min-width:0;color:inherit;text-align:left;transition:background .2s}.sidebar-user-btn:hover{background:var(--shell-sidebar-user-hover)}.sidebar-user-row{display:flex;align-items:center;gap:4px}.sidebar-footer-actions{display:flex;flex-shrink:0;gap:2px}.sidebar-footer-icon{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:var(--radius-sm);color:var(--shell-sidebar-text);background:none;border:none;cursor:pointer}.sidebar-footer-icon:hover{background:var(--shell-sidebar-hover-bg);color:var(--shell-sidebar-hover-text)}.sidebar-footer-icon--danger:hover{color:var(--danger-500);background:var(--danger-50)}.page-title{font-family:var(--font-display);font-size:1.625rem;font-weight:600;color:var(--ink-0);margin:0;line-height:1.2}.page-subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--ink-1);margin:.25rem 0 0;line-height:1.5}.btn-primary{background:var(--vermilion-500)!important;color:var(--on-accent)!important;padding:8px 14px;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1.2;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-primary:focus-visible,.btn-secondary:focus-visible,.btn-accent:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary:focus:not(:focus-visible),.btn-secondary:focus:not(:focus-visible),.btn-accent:focus:not(:focus-visible){outline:none}.btn-primary:disabled,.btn-primary[disabled]{opacity:.45;pointer-events:none;transform:none!important}.btn-secondary{background:var(--paper-0)!important;color:var(--ink-2)!important;padding:8px 14px;border:1px solid var(--paper-3)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1.2;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{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:none!important;border-radius:var(--radius-sm)!important;background:var(--vermilion-500)!important;color:var(--on-accent)!important;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);text-decoration:none;line-height:1.2;white-space:nowrap;box-shadow:none!important}.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;color:var(--on-accent)!important;border:none!important;box-shadow:none!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;color:var(--on-accent)!important;transform:none!important;box-shadow: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{background:var(--vermilion-500);color:var(--on-accent);padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1.2;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{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.app-card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink-0);margin:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font-body);line-height:1.4}.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{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--ink-2);background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-sm);padding:9px 12px;width:100%;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);outline:none;box-sizing:border-box}.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{outline:none;border-color:var(--vermilion-500);box-shadow:var(--shadow-focus)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.main-content-area input:disabled,.main-content-area select:disabled,.main-content-area textarea:disabled,.form-input[readonly],.form-textarea[readonly],.main-content-area input[readonly],.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 .form-group>label,.main-content-area .form-group-modern>label,.main-content-area .invoice-form-field>label,.main-content-area .edit-user-field>label{font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.35;color:var(--ink-1);display:block;margin-bottom:6px;text-transform:none;letter-spacing:0}.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}.form-help,.form-hint,.form-helper,.edit-user-help,.main-content-area .form-help,.main-content-area .form-hint,.main-content-area .form-helper{margin:2px 0 0;color:var(--ink-1);font-size:12px;line-height:1.45}.form-error,.form-inline-error,.invoice-inline-error,.main-content-area .form-error,.main-content-area .form-inline-error{display:flex;align-items:center;gap:6px;margin:2px 0 0;padding:0;border:none;background:transparent;color:var(--danger-500);font-size:12px;font-weight:500;line-height:1.45}.form-error:before{content:none}.form-actions,.form-actions-modern,.main-content-area .form-actions,.main-content-area .form-actions-modern{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.section-divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--paper-4);gap:.75rem}.empty-state-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink-1);margin:0}.empty-state-text{font-size:.875rem;color:var(--paper-4);margin:0}.data-mono,.kpi-value,.invoice-amount,.hours-value,.stat-number,.metric-value{font-family:var(--font-mono);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.main-content-area h1,.main-content-area h2,.main-content-area h3,.main-content-area h4{font-family:var(--font-display);color:var(--ink-0)}.main-content-area p,.main-content-area span,.main-content-area label,.main-content-area input,.main-content-area select,.main-content-area textarea,.main-content-area button{font-family:var(--font-body)}:root{--paper-0: #FFFFFF;--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: -.025em;--tracking-heading: -.015em;--tracking-body: 0;--tracking-micro: .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 rgba(19,18,16,.04);--shadow-sm: 0 1px 2px rgba(19,18,16,.06), 0 1px 1px rgba(19,18,16,.04);--shadow-md: 0 6px 16px -4px rgba(19,18,16,.08), 0 2px 4px rgba(19,18,16,.04);--shadow-lg: 0 18px 40px -12px rgba(19,18,16,.14), 0 4px 10px rgba(19,18,16,.05);--shadow-focus: 0 0 0 3px rgba(210,69,26,.28);--shadow-inset-hair: inset 0 0 0 1px var(--border);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--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)}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{color:var(--fg)}h1,.h1,.display{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-3xl);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--fg-strong);text-wrap:balance}.display-xl{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-5xl);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--fg-strong)}h2,.h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-2xl);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);color:var(--fg-strong)}h3,.h3{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xl);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);color:var(--fg-strong)}h4,.h4{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg);line-height:var(--lh-heading);color:var(--fg-strong)}h5,.h5{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--fs-md);line-height:var(--lh-heading);color:var(--fg-strong)}p,.body{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--fg)}.lead{font-size:var(--fs-lg);line-height:1.45;color:var(--fg-muted);text-wrap:pretty}.small{font-size:var(--fs-sm);color:var(--fg-muted)}.micro{font-size:var(--fs-xs);color:var(--fg-muted)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--fg-muted)}code,.code,.mono{font-family:var(--font-mono);font-size:.92em;color:var(--fg)}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--accent-press)}:where(a,button,input,select,textarea,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:none;box-shadow:var(--shadow-focus)}hr{border:0;border-top:var(--border-hair);margin:var(--space-8) 0}::selection{background:var(--vermilion-100);color:var(--ink-0)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:99999;display:flex;flex-direction:column;gap:.625rem;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-md);min-width:280px;max-width:400px;background:var(--paper-0);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border:1px solid transparent;pointer-events:all;animation:toast-slide-in .28s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden;position:relative}.toast.toast-leaving{animation:toast-slide-out .22s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0) scale(1);max-height:120px;margin-bottom:0}to{opacity:0;transform:translate(110%) scale(.9);max-height:0;margin-bottom:-.625rem;padding-top:0;padding-bottom:0}}.toast-success{border-color:var(--ok-50);background:linear-gradient(135deg,var(--ok-50) 0%,var(--paper-0) 60%)}.toast-error{border-color:var(--danger-50);background:linear-gradient(135deg,var(--danger-50) 0%,var(--paper-0) 60%)}.toast-warning{border-color:var(--warn-50);background:linear-gradient(135deg,var(--warn-50) 0%,var(--paper-0) 60%)}.toast-info{border-color:var(--info-50);background:linear-gradient(135deg,var(--info-50) 0%,var(--paper-0) 60%)}.toast-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.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;min-width:0}.toast-message{font-size:.875rem;font-weight:500;color:var(--ink-0);line-height:1.4;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:var(--ink-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);width:20px;height:20px;transition:color .15s,background .15s;margin-top:-1px}.toast-close:hover{color:var(--ink-1);background:#0000000f}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 10px 10px;animation:toast-progress linear forwards}.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%}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99998;display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .18s ease both}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--paper-0);border-radius:var(--radius-md);box-shadow:0 20px 48px #00000026,0 4px 12px #00000014;padding:1.75rem;max-width:400px;width:calc(100% - 2rem);animation:confirm-scale-in .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.confirm-icon-wrap{width:44px;height:44px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.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{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0 0 .5rem}.confirm-message{font-size:.875rem;color:var(--ink-1);line-height:1.6;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.625rem;justify-content:flex-end}.confirm-btn{padding:.5rem 1.125rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:none;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)}.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));font-family:var(--font-body);color:var(--ink-0);background:var(--paper-0);min-height:100vh;overflow-x:clip;position:relative;z-index:1}.desktop-only{display:flex}.lp-nav{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--paper-3);box-shadow:none;transition:background var(--dur-base) var(--ease-standard)}.lp-nav--scrolled{background:#ffffffeb!important;box-shadow:none!important}.lp-nav-inner{max-width:var(--lp-content-max);margin:0 auto;padding:0 var(--lp-page-gutter);height:68px;display:flex;align-items:center;justify-content:space-between;gap:2.5rem}.lp-nav-logo{display:flex;align-items:center;gap:.35rem;font-size:1.25rem;font-weight:800;color:var(--ink-0);text-decoration:none;letter-spacing:-.03em;flex-shrink:0;line-height:1}.lp-nav-logo svg{width:30px;height:30px;flex-shrink:0}.lp-nav-logo-text{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink-0)}.lp-nav-logo-accent{color:var(--ink-0)}.landing-logo{display:flex;align-items:center;gap:.35rem;font-size:1.25rem;font-weight:800;color:var(--paper-0);text-decoration:none;letter-spacing:-.03em;line-height:1;flex-shrink:0}.landing-logo svg{width:1.1em;height:1.1em;flex-shrink:0}.lp-nav-links{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.lp-nav-link{font-size:1rem;font-weight:500;color:var(--ink-1);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:color .15s ease,background .15s ease;white-space:nowrap;display:flex;align-items:center;gap:.3rem;cursor:pointer}.lp-nav-link:hover{color:var(--ink-0);background:var(--paper-2)}.lp-nav-dropdown-wrap{position:relative}.lp-nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:.4rem;min-width:260px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease,transform .18s ease;transform:translate(-50%) translateY(-4px);z-index:200;display:flex;flex-direction:column;gap:.25rem}.lp-nav-dropdown-wrap:hover .lp-nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.lp-nav-dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink-2);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{font-size:.875rem;font-weight:600;color:var(--ink-0);line-height:1.2}.lp-nav-dropdown-sub{font-size:.775rem;color:var(--paper-4);margin-top:2px}.lp-nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.lp-nav-ghost{font-size:.95rem;font-weight:500;color:var(--ink-1);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.lp-nav-ghost:hover{color:var(--ink-0);background:var(--paper-2)}.lp-nav-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:14px;font-weight:500;color:var(--on-accent);background:var(--vermilion-500);text-decoration:none;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap;box-shadow:none;cursor:pointer}.lp-nav-cta:hover{background:var(--vermilion-600)}.lp-nav-cta:active{background:var(--vermilion-700);transform:translateY(1px)}.mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;color:var(--ink-2);padding:.35rem;border-radius:6px}.lp-mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe0;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);z-index:1000;display:flex;flex-direction:column;padding:1.25rem 1.5rem 2rem;overflow-y:auto}.lp-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:1.5rem}.lp-mobile-close{background:transparent;border:none;cursor:pointer;color:var(--ink-1);padding:.35rem}.lp-mobile-links{display:flex;flex-direction:column;gap:.25rem;flex:1}.lp-mobile-link{font-size:1rem;font-weight:500;color:var(--ink-2);text-decoration:none;padding:.75rem .5rem;border-bottom:1px solid rgba(241,245,249,.9);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{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:1rem}.lp-eyebrow--light{color:#ffffffbf}.hero{width:100%;min-height:calc(100svh - 68px);display:flex;align-items:center;padding:0}.hero-inner{max-width:var(--lp-content-max);width:100%;margin:0 auto;padding:72px var(--lp-page-gutter) 56px;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(48px,6vw,80px);align-items:center;min-height:inherit;box-sizing:border-box}.hero-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:0}.hero h1{font-family:var(--font-display);font-size:64px;line-height:1.04;font-weight:600;letter-spacing:-.028em;color:var(--ink-0);margin:18px 0 22px;text-wrap:pretty}.hero h1 em{font-style:normal;color:var(--vermilion-500)}.hero-inner>div>p{font-size:18px;line-height:1.55;color:var(--ink-1);max-width:480px;margin:0 0 32px}.hero-ctas{display:flex;gap:12px;align-items:center}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:500;padding:12px 22px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--vermilion-500);color:var(--on-accent);text-decoration:none;cursor:pointer;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{display:flex;gap:20px;align-items:center;margin-top:28px;font-size:13px;color:var(--ink-1);flex-wrap:wrap}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-check{color:var(--vermilion-500)}.hero-figure{position:relative;min-width:0;overflow:hidden;background:transparent;border:0;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 8%,black 18%,black 100%),linear-gradient(180deg,rgba(0,0,0,.72) 0%,black 14%,black 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 8%,black 18%,black 100%),linear-gradient(180deg,#000000b8,#000 14%,#000);mask-composite:intersect}.hero-figure:after{content:none}.hero-figure-poster,.hero-figure-video{width:100%;height:auto;display:block;transform:scale(1.05);transform-origin:center}.hero-figure-poster{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:1;filter:saturate(.98) contrast(.98)}.hero-figure-video{position:relative;opacity:0;transition:opacity var(--dur-base) var(--ease-standard);mix-blend-mode:normal}.hero-figure-video.is-ready{opacity:1}.logos{border-top:1px solid var(--paper-3);border-bottom:1px solid var(--paper-3);overflow-x:auto;margin-top:-1px}.logos-inner{max-width:var(--lp-content-max);margin:0 auto;padding:20px var(--lp-page-gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.logos-lab{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-1);flex-shrink:0;white-space:nowrap}.logos-row{display:flex;gap:36px;align-items:center;color:var(--paper-4);font-family:var(--font-display);font-weight:500;font-size:15px;letter-spacing:-.02em;flex-wrap:wrap}.lp-btn-primary{display:inline-flex;align-items:center;gap:.45rem;font-size:14px;font-weight:500;color:var(--on-accent);background:var(--vermilion-500);text-decoration:none;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);cursor:pointer}.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{width:min(126%,1140px);max-width:1140px;max-height:min(80svh,calc(100svh - 5.5rem));height:auto;display:block;border-radius:0}.lp-float{position:absolute;background:var(--paper-1);border-radius:var(--radius-md);box-shadow:none;border:1px solid var(--paper-3);padding:.85rem 1rem;min-width:160px}.lp-float-1{top:14%;right:2%;min-width:180px;animation:float-bob 5s ease-in-out infinite}.lp-float-2{bottom:22%;left:4%;display:flex;align-items:center;gap:.65rem;min-width:200px;animation:float-bob 6s ease-in-out 1s infinite}.lp-float-3{bottom:6%;right:4%;min-width:170px;animation:float-bob 5.5s ease-in-out 2s infinite}@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{font-size:.78rem;font-weight:600;color:var(--ink-0);margin-bottom:.35rem}.lp-float-status{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--ink-1);margin-bottom:.5rem}.lp-float-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lp-float-dot--purple,.lp-float-dot--amber{background:var(--vermilion-500)}.lp-float-bar{height:4px;background:var(--paper-3);border-radius:999px;overflow:hidden}.lp-float-bar-fill{height:100%;background:var(--vermilion-500);border-radius:999px}.lp-float-pct{font-size:.68rem;color:var(--paper-4);margin-top:.3rem;text-align:right}.lp-float-icon{width:32px;height:32px;border-radius:8px;background:#d2451a1a;color:var(--vermilion-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-float-sub{font-size:.68rem;color:var(--paper-4);margin-top:1px}.lp-float-avatars{display:flex;margin-top:.45rem}.lp-float-avatar{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:700;color:#fff}section.block{max-width:var(--lp-content-max);margin:0 auto;padding:92px var(--lp-page-gutter);border-top:1px solid var(--paper-3)}.logos+section.block,.comparison-block+section.block{border-top:0}.comparison-block{border-bottom:1px solid var(--paper-3)}.comparison-head{max-width:var(--lp-content-max);margin:0 auto;padding:88px var(--lp-page-gutter) 28px}.comparison-wrap{max-width:1040px;margin:0 auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;align-items:stretch;gap:1rem;position:relative}.comparison-panel{flex:1;padding:2rem;display:flex;flex-direction:column;gap:1.4rem;border-radius:var(--radius-md)}.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{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-1)}.comparison-label--after{color:var(--vermilion-700)}.comparison-items{list-style:disc;list-style-position:outside;margin:0;padding:0 0 0 1.1rem;display:grid;gap:.95rem}.comparison-item{display:list-item;font-size:.95rem;line-height:1.6;color:var(--ink-1);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{display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:visible}.comparison-waves{width:100%;height:320px;overflow:visible;margin-right:-10px}.cw-path{stroke:#d2451ae6;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:cw-flow 2.6s linear infinite;animation-delay:var(--cw-delay, 0s)}.cw-path--soft{stroke:#d2451a4d;stroke-width:1.2}.comparison-logo-mark{position:absolute;right:-6px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.comparison-logo-plaque{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(180deg,#fffffffa,#ffffffeb);box-shadow:0 0 0 1px #d2451a1f,0 0 24px #d2451a2e,var(--shadow-sm)}@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{grid-template-columns:1fr;padding:3rem 1.5rem;gap:1rem}.comparison-logo-area{display:none}}.block-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:0}.section-head{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;margin-bottom:56px;align-items:start}.section-head h2{font-family:var(--font-display);font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.022em;color:var(--ink-0);margin:12px 0 0}.section-head p{font-size:17px;line-height:1.55;color:var(--ink-1);margin:0;align-self:end}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-3);border:1px solid var(--paper-3);border-radius:8px;overflow:hidden}.feature{background:var(--paper-0);padding:32px;display:flex;flex-direction:column;gap:14px}.feature-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--paper-1);display:flex;align-items:center;justify-content:center;color:var(--ink-0);flex-shrink:0}.feature-icon--accent{background:var(--vermilion-50);color:var(--vermilion-500)}.feature h3{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.018em;color:var(--ink-0);margin:0}.feature p{margin:0;color:var(--ink-1);font-size:14px;line-height:1.6}section.block.product-band{max-width:none;margin:0;padding:96px var(--lp-page-gutter) 80px;background:var(--paper-1);border-bottom:1px solid var(--paper-3)}.product-band-cta{max-width:var(--lp-content-inner);margin:40px auto 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.product-band-cta-note{font-size:13px;color:var(--ink-1)}.product-band>.section-head,.product-band>.frame{max-width:var(--lp-content-inner);margin-left:auto;margin-right:auto}.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{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--paper-3);background:var(--paper-0)}.product-band .frame-dot{width:10px;height:10px;border-radius:50%;background:var(--paper-3)}.product-band .frame-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:360px}.product-band .side{border-right:1px solid var(--paper-3);padding:18px 14px;display:flex;flex-direction:column;gap:4px;background:var(--paper-0)}.product-band .side .group{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-1);padding:14px 8px 6px}.product-band .side .item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--ink-1);min-width:0}.product-band .side .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-band .side .item svg{flex-shrink:0;color:currentColor}.product-band .side .item.active{background:var(--paper-1);color:var(--ink-0);position:relative}.product-band .side .item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:2px;background:var(--vermilion-500)}.product-slides-outer{overflow:hidden;flex:1;min-width:0}.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{padding:22px;display:flex;flex-direction:column;gap:18px;min-width:0;background:var(--paper-0)}.product-band .product-slide{padding:22px;display:flex;flex-direction:column;gap:18px;background:var(--paper-0)}.product-row-last{display:flex;align-items:center;gap:8px}.product-row-actions{display:flex;gap:3px}.product-row-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink-1);cursor:pointer;transition:background .12s var(--ease-standard),color .12s var(--ease-standard)}.product-row-action:hover{background:var(--paper-3);color:var(--ink-0)}.product-frame-dots{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0;border-top:1px solid var(--paper-3)}.product-frame-dot{width:6px;height:6px;border-radius:50%;background:var(--paper-3);border:none;cursor:pointer;padding:0;transition:background .2s var(--ease-standard),transform .2s var(--ease-standard)}.product-frame-dot--active{background:var(--vermilion-500);transform:scale(1.5)}.product-band .breadcrumb{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--ink-1);text-transform:uppercase}.product-band .main h4{font-family:var(--font-display);font-size:22px;line-height:1.18;font-weight:600;color:var(--ink-0);margin:8px 0 0;text-wrap:balance}.product-band .stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-band .stat{padding:12px 14px;border:1px solid var(--paper-3);border-radius:var(--radius-md);background:var(--paper-0);min-width:0}.product-band .stat .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px;line-height:1.2;color:var(--ink-0)}.product-band .stat .k{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-1);margin-top:2px}.product-band .table{border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.product-band .table .tr{display:grid;grid-template-columns:minmax(150px,2fr) minmax(120px,1fr) minmax(78px,.75fr) minmax(116px,.95fr);gap:12px;padding:11px 14px;font-size:13px;line-height:1.4;align-items:center;border-bottom:1px solid var(--paper-3);color:var(--ink-2)}.product-band .table .tr:last-child{border-bottom:0}.product-band .table .th{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-1);background:var(--paper-1)}.product-band .table .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-0)}.product-band .pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:500;white-space:nowrap}.product-band .pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.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{grid-template-columns:1fr;gap:24px}.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{padding:72px var(--lp-page-gutter)}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-right:0;border-bottom:1px solid var(--paper-3);max-height:188px;overflow:hidden}.product-band .main{padding:18px}.product-band .stat-row{grid-template-columns:1fr}}.lp-strip{background:#ffffff8c;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(226,232,240,.6);padding:1.25rem 6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow-x:auto;box-shadow:inset 0 1px #ffffffe6}.lp-strip-item{display:flex;align-items:center;gap:.65rem;white-space:nowrap;flex-shrink:0}.lp-strip-icon{color:var(--vermilion-500)}.lp-strip-label{font-size:.88rem;font-weight:600;color:var(--ink-0)}.lp-strip-sub{font-size:.75rem;color:var(--paper-4)}.lp-feature-story{position:relative;z-index:1;background:#fbfaf8;height:100svh}.lp-fluid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lp-top-mask{position:absolute;top:0;left:0;right:0;height:130vh;background:linear-gradient(to bottom,rgba(255,255,255,.82) 30%,rgba(255,255,255,.3) 70%,transparent 100%);z-index:0;pointer-events:none}.lp-fluid-orb{position:absolute;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;filter:blur(90px);opacity:1}.lp-fluid-orb--1{width:900px;height:900px;top:30%;left:-18%;background:#d2451a2e;animation:orb-morph-1 14s ease-in-out infinite alternate}.lp-fluid-orb--2{width:700px;height:700px;bottom:5%;right:-15%;background:#d2451a21;animation:orb-morph-2 11s ease-in-out infinite alternate}.lp-fluid-bg:after{content:"";position:absolute;width:600px;height:600px;top:60%;left:40%;background:#ffa05a1a;border-radius:45% 55% 65% 35%/55% 45%;filter:blur(100px);animation:orb-morph-2 17s ease-in-out 4s infinite alternate;pointer-events:none}@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{position:sticky;top:0;height:100svh;overflow:hidden;background:#fbfaf8}.lp-feature-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbfaf8}.lp-feature-screen--active{animation:lp-feature-fade-in .22s ease-out}.lp-feature-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:72px 72px;opacity:.18;pointer-events:none}.lp-feature-screen-inner{position:relative;z-index:1;min-height:100%;display:grid;grid-template-columns:minmax(20rem,.75fr) minmax(0,1.25fr);gap:4rem;align-items:center;max-width:1320px;margin:0 auto;padding:6.25rem 4rem 4rem;box-sizing:border-box}.lp-feature-screen-copy{display:flex;flex-direction:column;min-width:0;color:#1f2937;padding:0;max-width:33rem}.lp-feature-screen-top{display:flex;align-items:center;gap:.9rem;margin-bottom:1.25rem}.lp-feature-screen-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9a6a51}.lp-feature-screen-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff4ef;border:1px solid rgba(210,69,26,.18);color:var(--vermilion-500)!important}.lp-feature-screen-kicker{display:flex;align-items:center;gap:.75rem;min-width:0;margin-bottom:1.4rem}.lp-feature-screen-count,.lp-feature-screen-caption{font-size:.76rem;font-weight:700;letter-spacing:.12em;color:#8b6f61;font-variant-numeric:tabular-nums}.lp-feature-screen-line{width:4.5rem;height:1px;background:#8b6f6147;flex-shrink:0}.lp-feature-screen-title{font-family:var(--font-display);font-size:3.6rem;font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--ink-0);margin:0 0 1rem;text-wrap:balance}.lp-feature-screen-summary{margin:0 0 .9rem;max-width:31rem;font-size:1.08rem;font-weight:600;line-height:1.55;color:var(--ink-0);text-wrap:pretty}.lp-feature-screen-detail{margin:0;max-width:31rem;font-size:.98rem;line-height:1.7;color:var(--ink-1);text-wrap:pretty}.lp-feature-screen-progress{display:flex;align-items:center;gap:.5rem;margin-top:2rem}.lp-feature-screen-dot{width:1.8rem;height:2px;border-radius:999px;background:#94a3b861;transition:background .18s ease,width .18s ease}.lp-feature-screen-dot--active{width:3.4rem;background:var(--vermilion-500)}.lp-feature-screen-preview{min-width:0;display:flex;align-items:center;justify-content:center;padding-top:0}.app-mockup-wrap{width:100%;max-width:680px;min-height:min(68vh,43rem);border-radius:8px;overflow:hidden;box-shadow:0 18px 44px #0f172a1a;border:1px solid rgba(0,0,0,.1);background:var(--paper-0);margin-top:0;display:flex;flex-direction:column}.app-mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--paper-3);background:var(--paper-1);flex-shrink:0}.app-mockup-kpis span{min-width:0;padding:.55rem .8rem;border-right:1px solid var(--paper-3);color:var(--ink-2);font-size:.68rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--paper-0)}.mockup-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--paper-2);flex-shrink:0}.mockup-project-name{font-size:.84rem;font-weight:750;color:var(--ink-0);letter-spacing:0}.mockup-project-sub{font-size:.65rem;color:var(--paper-4);margin-top:1px}.mockup-icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--paper-3);display:flex;align-items:center;justify-content:center;color:var(--ink-1);cursor:pointer;background:var(--paper-0)}.mockup-new-btn{display:flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;color:var(--paper-0);background:var(--vermilion-500);padding:.3rem .6rem;border-radius:6px;cursor:pointer}.mockup-tabs{display:flex;gap:0;padding:0 1rem;border-bottom:1px solid var(--paper-3);background:var(--paper-0);flex-shrink:0}.mockup-tab{font-size:.7rem;font-weight:600;color:var(--paper-4);padding:.55rem .75rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.mockup-tab.active{color:var(--vermilion-500);border-bottom-color:var(--vermilion-500);font-weight:600}.mockup-phase-list{flex:1;overflow-y:auto;padding:.5rem 0}.mockup-phase{border-bottom:1px solid var(--paper-1)}.mockup-phase-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;cursor:pointer;transition:background .15s ease}.mockup-phase-header:hover{background:var(--paper-1)}.mockup-phase-name{font-size:.78rem;font-weight:600;color:var(--ink-0)}.mockup-phase-count{font-size:.65rem;color:var(--paper-4);background:var(--paper-2);padding:1px 6px;border-radius:999px}.mockup-task-list{background:#fafafa;padding:.25rem 0 .5rem}.mockup-task-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem .45rem 2rem;gap:.5rem;transition:background .1s ease}.mockup-task-row:hover{background:var(--paper-2)}.mockup-task-title{font-size:.72rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-task-title.done{text-decoration:line-through;color:var(--paper-4)}@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{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6rem 2rem;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(226,232,240,.5)}.hiw-inner{max-width:1100px;margin:0 auto;text-align:center}.hiw-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:1rem}.hiw-headline{font-family:var(--font-display);font-size:3rem;font-weight:600;color:var(--ink-0);margin:0 0 3.5rem;line-height:1.1;letter-spacing:-.02em}.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;text-align:left}.hiw-step{background:#ffffffa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 24px #0f172a0f,0 1px 4px #0f172a0a,inset 0 1px #fffffff2;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.hiw-step:hover{box-shadow:0 16px 40px #0f172a1a,0 2px 8px #d2451a14,inset 0 1px #fffffff2;border-color:#d2451a2e;transform:translateY(-3px)}.hiw-step-num{font-size:.68rem;font-weight:700;letter-spacing:.1em;color:var(--vermilion-500);background:#d2451a14;border:1px solid rgba(210,69,26,.2);border-radius:6px;padding:.25rem .55rem;width:fit-content}.hiw-connector{display:none}.hiw-step-body{display:flex;flex-direction:column;gap:.4rem}.hiw-step-tag{font-size:.72rem;color:var(--paper-4);font-weight:500;letter-spacing:.03em}.hiw-step-title{font-size:1.05rem;font-weight:700;color:var(--ink-0);letter-spacing:-.01em;margin:0;line-height:1.3}.hiw-step-desc{font-size:.875rem;color:var(--ink-1);line-height:1.6;margin:0}.lp-switch{position:relative;background:linear-gradient(180deg,var(--paper-0) 0%,#fffdfb 16%,#fbfaf8 100%);padding:6.5rem 2rem 7rem;overflow:hidden}.lp-switch:before,.lp-switch:after{content:"";position:absolute;left:50%;width:100vw;height:7rem;transform:translate(-50%);pointer-events:none;z-index:0}.lp-switch:before{top:0;background:linear-gradient(180deg,var(--paper-0) 0%,rgba(255,255,255,0) 100%)}.lp-switch:after{bottom:0;background:linear-gradient(180deg,#fbfaf800,#fbfaf8)}.lp-switch-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.74fr) 4.5rem minmax(0,1.26fr);gap:2.5rem;align-items:center;position:relative;z-index:1}.lp-switch-side{min-width:0}.lp-switch-side--old{padding-left:.25rem;max-width:26rem}.lp-switch-side--new{min-width:0}.lp-switch-kicker{display:inline-flex;color:var(--vermilion-500);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}.lp-switch-title{font-family:var(--font-display);font-size:2.35rem;font-weight:600;line-height:1.04;letter-spacing:-.045em;color:var(--ink-0);margin:0 0 1.7rem;text-wrap:balance}.lp-switch-side--old .lp-switch-title{max-width:9.5em;font-size:clamp(1.85rem,2.35vw,2.25rem)}.lp-switch-side--new .lp-switch-title{max-width:11em;font-size:clamp(2.65rem,3.65vw,4.05rem);line-height:.98;margin-bottom:2.1rem}.lp-switch-stack{display:grid;gap:0;position:relative}.lp-switch-tool{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.8rem;min-height:4rem;border-bottom:1px solid #e5e7eb}.lp-switch-tool-icon{width:2rem;height:2rem;border-radius:8px;border:1px solid #d8dee6;color:var(--paper-4);display:inline-flex;align-items:center;justify-content:center;background:var(--paper-0)}.lp-switch-tool-name{display:block;font-size:.88rem;font-weight:750;color:var(--ink-0);line-height:1.2}.lp-switch-tool-job{display:block;font-size:.78rem;color:var(--ink-1);margin-top:.1rem}.lp-switch-middle{position:relative;height:24rem;display:flex;align-items:center;justify-content:center}.lp-switch-brace{position:absolute;left:.2rem;top:3.5rem;bottom:3.5rem;width:2.1rem;border:1px solid var(--paper-3);border-left:none;border-radius:0 18px 18px 0}.lp-switch-arrow{width:3.3rem;height:3.3rem;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--vermilion-500);background:var(--paper-0);border:1px solid var(--paper-2);box-shadow:0 14px 34px #0f172a14;z-index:1}.lp-switch-flow{display:grid;grid-template-columns:minmax(0,1.12fr) 10.25rem;gap:3.25rem;align-items:center;position:relative;isolation:isolate}.lp-switch-benefits{display:grid;gap:1rem;position:relative;z-index:2}.lp-switch-benefit{position:relative;min-height:3.35rem;display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.75rem;border-bottom:1px solid #e5e7eb;font-size:.96rem;font-weight:650;color:var(--ink-0)}.lp-switch-benefit svg{color:var(--vermilion-500);stroke-width:2}.lp-switch-signal-field{position:absolute;top:50%;right:6.9rem;width:19.5rem;height:16.25rem;transform:translateY(-50%);pointer-events:none;overflow:visible;z-index:1}.lp-switch-signal-path{fill:none;stroke:url(#switch-signal-gradient);stroke-width:1.25;stroke-linecap:round;opacity:.76;vector-effect:non-scaling-stroke}.lp-switch-signal-pulse{fill:none;stroke:#d2451abd;stroke-width:1.45;stroke-linecap:round;stroke-dasharray:1 16;stroke-dashoffset:0;filter:url(#switch-signal-glow);opacity:.9;vector-effect:non-scaling-stroke;animation:switch-signal-flow 1.8s linear infinite}.lp-switch-logo-card{width:9.4rem;height:9.4rem;border-radius:30px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 36%,rgba(210,69,26,.11),transparent 46%),linear-gradient(180deg,#fffffffa,#fffaf7eb);border:1px solid rgba(210,69,26,.12);box-shadow:0 30px 70px #d2451a1f,0 14px 34px #0f172a12,inset 0 1px #fffffff2;position:relative;z-index:3}.lp-switch-logo-card:before{content:"";position:absolute;top:-1.25rem;right:-1.25rem;bottom:-1.25rem;left:-1.25rem;border-radius:38px;background:radial-gradient(circle at 50% 50%,rgba(210,69,26,.2),transparent 52%),conic-gradient(from 20deg,transparent,rgba(210,69,26,.18),transparent 38%);opacity:.68;filter:blur(12px);z-index:-1;animation:switch-logo-breathe 5.5s ease-in-out infinite}.lp-switch-logo-card:after{content:"";position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border-radius:23px;border:1px solid rgba(210,69,26,.08);pointer-events:none}.lp-switch-logo-card svg{width:4.5rem;height:4.5rem;color:var(--vermilion-500);filter:drop-shadow(0 10px 18px rgba(210,69,26,.16))}@keyframes switch-signal-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-34}}@keyframes switch-logo-breathe{0%,to{transform:scale(.96);opacity:.46}50%{transform:scale(1.04);opacity:.68}}@media (prefers-reduced-motion: reduce){.lp-switch-signal-pulse,.lp-switch-logo-card:before{animation:none!important}}.lp-india-title{font-family:var(--font-display);font-size:3.15rem;font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--ink-0);margin:.75rem 0 1rem;text-wrap:balance}.lp-india{background:#fbfaf8;padding:5rem 2rem;border-top:1px solid var(--paper-2);border-bottom:1px solid var(--paper-2)}.lp-india-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:4rem;align-items:center}.lp-india-list{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.lp-india-item{display:flex;align-items:center;gap:.7rem;padding:.95rem 1rem;border-radius:8px;background:var(--paper-0);border:1px solid var(--paper-3);color:var(--ink-2);font-size:.92rem;font-weight:600}.lp-india-item svg{color:var(--vermilion-500);flex-shrink:0}.lp-stats{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6rem 2rem;border-top:1px solid rgba(226,232,240,.5)}.lp-stats-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lp-stats-copy{display:flex;flex-direction:column}.lp-stats-title{font-family:var(--font-display);font-size:3rem;font-weight:500;color:var(--ink-0);margin:.75rem 0 0;line-height:1.08;letter-spacing:-.02em}.lp-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.lp-stat{background:#ffffffa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:1.5rem;box-shadow:0 4px 24px #0f172a0f,inset 0 1px #fffffff2;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.lp-stat:hover{box-shadow:0 12px 36px #0f172a1a,0 2px 8px #d2451a0f,inset 0 1px #fffffff2;border-color:#d2451a2e;transform:translateY(-3px)}.lp-stat-value{font-family:var(--font-display);font-size:3rem;font-weight:600;color:var(--vermilion-500);line-height:1;margin-bottom:.5rem}.lp-stat-label{font-size:.82rem;color:var(--ink-1);line-height:1.4}.lp-apps-block{border-top:1px solid var(--paper-3);border-bottom:1px solid var(--paper-3)}.lp-apps-showcase{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:start}.lp-apps-phone{width:280px;background:#fff;border:1px solid #E1E4E8;border-radius:32px;box-shadow:0 8px 32px #0f172a14,0 2px 8px #0f172a0a,inset 0 1px #ffffffe6;overflow:hidden;position:relative;display:flex;flex-direction:column}.lp-apps-phone-notch{width:100px;height:24px;background:var(--paper-0);border-radius:0 0 16px 16px;margin:0 auto;border:1px solid var(--paper-3);border-top:0;position:relative;z-index:2}.app-mock-header{padding:14px 14px 4px}.app-mock-title{font-size:18px;font-weight:700;color:#1b2230;letter-spacing:-.3px}.app-mock-subtitle{font-size:10px;color:#5a6170;margin-top:1px}.app-mock-search{display:flex;align-items:center;gap:6px;margin:8px 14px;padding:7px 10px;background:#f7f8f9;border:1px solid #E1E4E8;border-radius:8px;font-size:11px;color:#afb4bb}.app-mock-search-icon{color:#afb4bb;flex-shrink:0}.app-mock-chips{display:flex;gap:5px;padding:6px 14px 8px;overflow:hidden}.app-mock-chip{font-size:10px;font-weight:600;padding:4px 10px;border-radius:4px;border:1px solid #E1E4E8;background:#fff;color:#5a6170;white-space:nowrap;line-height:1.4}.app-mock-chip--active{background:#1b2230;border-color:#1b2230;color:#fff}.app-mock-cards{display:flex;flex-direction:column;gap:8px;padding:2px 14px 14px}.app-mock-card{border:1px solid #E1E4E8;border-radius:6px;background:#fff;padding:10px 12px}.app-mock-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.app-mock-eyebrow{font-size:8px;font-weight:700;color:#afb4bb;letter-spacing:.6px}.app-mock-status{font-size:8px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:3px}.app-mock-status--active{background:#eef7f1;color:#2f6b43;border:1px solid #d0e8d7}.app-mock-status--hold{background:#fdf6e8;color:#b07f1f;border:1px solid #f0e0b8}.app-mock-card-name{font-size:13px;font-weight:700;color:#1b2230;letter-spacing:-.2px;margin-bottom:2px}.app-mock-card-client{font-size:11px;color:#5a6170}.app-mock-card-sep{height:1px;background:#e1e4e8;margin:8px 0}.app-mock-card-bottom{display:flex;justify-content:space-between;align-items:center}.app-mock-priority{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:3px 7px;border-radius:3px}.app-mock-priority-dot{width:5px;height:5px;border-radius:50%}.app-mock-priority--high{background:#fceee9;color:#8e2d0e}.app-mock-priority--high .app-mock-priority-dot{background:#d2451a}.app-mock-priority--medium{background:#fbf1dc;color:#7a581a}.app-mock-priority--medium .app-mock-priority-dot{background:#b07f1f}.app-mock-priority--low{background:#e8f1ea;color:#2f6b43}.app-mock-priority--low .app-mock-priority-dot{background:#2f6b43}.app-mock-date{font-size:10px;color:#afb4bb}.app-mock-tabbar{display:flex;border-top:1px solid #E1E4E8;background:#fff;padding:6px 0 10px}.lp-apps-showcase{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:56px}.lp-apps-phone{width:280px;background:#fff;border:1px solid #E1E4E8;border-radius:32px;box-shadow:0 8px 32px #0f172a14,0 2px 8px #0f172a0a,0 0 0 1px #d2451a0a,inset 0 1px #ffffffe6;overflow:hidden;position:relative;display:flex;flex-direction:column}.lp-apps-phone-notch{width:100px;height:24px;background:#fff;border-radius:0 0 16px 16px;margin:0 auto;border:1px solid #E1E4E8;border-top:0;position:relative;z-index:2}.lp-apps-phone-screen{padding:0;flex:1;overflow:hidden}.lp-apps-details{display:flex;flex-direction:column;justify-content:center}.lp-apps-download{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.app-mock-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#afb4bb}.app-mock-tab span{font-size:9px;font-weight:500}.app-mock-tab--active{color:#d2451a}.app-mock-tab--active span{font-weight:700}.app-store-badge{display:inline-flex;align-items:center;justify-content:center;width:162px;height:48px;border-radius:8px;text-decoration:none;overflow:hidden;box-shadow:0 1px 2px #0f172a1a;transition-property:transform,box-shadow;transition-duration:.12s;transition-timing-function:var(--ease-standard)}.app-store-badge:hover{box-shadow:0 8px 20px #0f172a29}.app-store-badge:active{transform:scale(.96)}.app-store-badge img{width:100%;height:100%;display:block}.android-coming-pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:162px;box-sizing:border-box;padding:0 14px;border:1px solid var(--paper-3);border-radius:var(--radius-sm);background:var(--paper-1);color:var(--ink-1);font-size:13px;font-weight:600;white-space:nowrap}@media (max-width: 768px){.lp-apps-showcase{flex-direction:column;gap:2.5rem;align-items:center}.lp-apps-phone{width:260px;margin:0 auto}.lp-apps-download{align-items:center}}.lp-closing{min-height:calc(100svh - 68px);display:flex;flex-direction:column;background:var(--vermilion-500)}.lp-cta{flex:1 1 auto;min-height:0;background:var(--vermilion-500);padding:clamp(3rem,6vh,4.5rem) 2rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.lp-cta-inner{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.lp-cta-title{font-family:var(--font-display);font-size:clamp(3.1rem,5vw,4.8rem);font-weight:600;color:var(--paper-0);margin:.75rem 0 1rem;line-height:1.02;letter-spacing:-.01em}.lp-cta-desc{font-size:1.02rem;color:#ffffffbf;line-height:1.65;max-width:540px;margin:0 0 2.25rem}.lp-cta-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.lp-cta-trust{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;font-size:.8rem;color:#fff9}.lp-cta-trust span{display:flex;align-items:center;gap:.35rem}.landing-footer{flex:0 0 auto;background:#0f0d0c;border-top:1px solid rgba(255,255,255,.06)}.footer-main{max-width:1200px;margin:0 auto;padding:2.55rem 3rem 1.8rem;display:grid;grid-template-columns:1fr auto;gap:3.25rem;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:.6rem;max-width:260px}.footer-logo{display:flex;align-items:center;gap:.45rem;color:var(--paper-0);font-weight:700;font-size:.95rem;text-decoration:none}.footer-logo svg{width:22px;height:22px}.footer-tagline{font-size:.82rem;color:#d4d4d8;line-height:1.55;margin:0}.footer-social{display:flex;gap:.5rem;margin-top:.25rem}.footer-social-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#a1a1aa;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.footer-social-btn:hover{background:#d2451a1f;border-color:#d2451a4d;color:var(--vermilion-500)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-col{display:flex;flex-direction:column;gap:.65rem}.footer-col-heading{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a1a1aa;margin-bottom:.35rem}.footer-link{font-size:.85rem;color:#d4d4d8;text-decoration:none;transition:color .15s ease;line-height:1}.footer-link:hover{color:var(--paper-0)}.footer-bottom{max-width:1200px;margin:0 auto;padding:.9rem 3rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-copy{font-size:.78rem;color:#a1a1aa;margin:0}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-link{font-size:.78rem;color:#d4d4d8;text-decoration:none;transition:color .15s ease}.footer-bottom-link:hover{color:#fff}@media (max-width: 900px){.lp-hero{display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);padding:2rem 1.25rem 0;height:auto!important;max-height:none!important;min-height:auto!important;gap:1.25rem;overflow:visible!important;align-items:center}.lp-hero-title{font-size:clamp(2.15rem,5vw,2.75rem);max-width:none}.lp-hero-desc{max-width:100%;text-align:left;font-size:.82rem;margin-bottom:1rem}.lp-hero-feature-line{display:none}.lp-hero-actions{justify-content:flex-start}.lp-hero-content{align-items:flex-start!important;text-align:left!important;width:100%!important;max-width:none;flex-shrink:0}.lp-hero-content{height:auto;justify-content:flex-start;transform:none}.lp-hero-visual{display:flex!important;width:100%!important;flex-shrink:0;height:auto;max-height:none;margin-top:0;align-items:center;padding-top:0}.lp-hero-img{transform:none;width:100%!important;height:auto;max-height:none;border-radius:10px;-webkit-mask-image:none!important;mask-image:none!important}.lp-feature-screen-inner{grid-template-columns:1fr;gap:1.5rem;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{width:100%;min-height:min(42vh,24rem);max-width:none;transform:scale(.7);transform-origin:center center}.lp-switch-inner,.lp-india-inner{grid-template-columns:1fr;gap:1.75rem}.lp-switch-middle{height:4rem}.lp-switch-brace{display:none}.lp-switch-arrow{transform:rotate(90deg);margin:0 auto}.lp-switch-flow{grid-template-columns:1fr}.lp-switch-signal-field{display:none}.lp-switch-logo-card{width:7rem;height:7rem;margin:0 auto}.lp-switch-title,.lp-india-title{font-size:2.35rem}.lp-switch-side--old,.lp-switch-side--new .lp-switch-title{max-width:none}.lp-switch-side--new .lp-switch-title{font-size:2.55rem}.lp-india-list{grid-template-columns:1fr}.lp-stats-inner{grid-template-columns:1fr;gap:3rem}.lp-stats-title{font-size:2.4rem}.hiw-steps{grid-template-columns:1fr;gap:1rem;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{grid-template-columns:1fr;padding:3rem 1.25rem 0;gap:1.75rem}.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{grid-template-columns:1fr;padding:56px var(--lp-page-gutter) 48px;gap:40px}.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{grid-template-columns:1fr 1fr;gap:1rem}.lp-feature-screen-inner{padding:6rem 1.25rem 1.75rem}.lp-feature-screen-top,.lp-feature-screen-kicker{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{width:100%;min-height:15rem;transform:scale(.6)}.lp-stat-value{font-size:2.2rem}.footer-main{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 1.5rem 2rem}.footer-cols{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-bottom{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.lp-closing{min-height:calc(100svh - 64px)}.lp-cta{padding:3rem 1.5rem}.lp-stats,.hiw-section{padding:4rem 1.5rem}}.ea-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ea-modal{background:var(--paper-0);border-radius:20px;padding:2.25rem 2rem;width:100%;max-width:420px;position:relative;box-shadow:0 24px 64px #0f172a33}.ea-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--paper-4);padding:.25rem;border-radius:6px;transition:color .15s ease}.ea-close:hover{color:var(--ink-0)}.ea-modal-head h2{font-size:1.35rem;font-weight:700;color:var(--ink-0);margin:0 0 .4rem}.ea-modal-head p{font-size:.9rem;color:var(--ink-1);margin:0 0 1.5rem}.ea-form{display:flex;flex-direction:column;gap:.85rem}.ea-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--ink-2)}.ea-form input,.ea-form select{padding:.65rem .85rem;border-radius:8px;border:1.5px solid var(--paper-3);font-size:.9rem;color:var(--ink-0);outline:none;transition:border-color .15s ease;background:var(--paper-0)}.ea-form input:focus,.ea-form select:focus{border-color:var(--vermilion-500)}.ea-submit{margin-top:.4rem;padding:.8rem;background:var(--vermilion-500);color:var(--paper-0);font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .15s ease}.ea-submit:hover:not(:disabled){background:var(--vermilion-600);transform:translateY(-1px)}.ea-submit:disabled{opacity:.6;cursor:not-allowed}.ea-note{font-size:.75rem;color:var(--paper-4);text-align:center;margin:.25rem 0 0}.ea-error{font-size:.82rem;color:#dc2626;background:#fef2f2;border-radius:8px;padding:.6rem .85rem}.ea-success{text-align:center;padding:1rem 0}.ea-success-icon{color:#16a34a;margin-bottom:1rem;display:flex;justify-content:center}.ea-success h2{font-size:1.25rem;font-weight:700;color:var(--ink-0);margin:0 0 .5rem}.ea-success p{font-size:.9rem;color:var(--ink-1);margin:0 0 1.5rem}.ea-btn-close{padding:.7rem 2rem;background:var(--ink-0);color:var(--paper-0);border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .15s ease}.ea-btn-close:hover{background:var(--ink-0)}.landing-page-container{min-height:100vh;background:var(--paper-0);color:var(--ink-0);font-family:var(--font-body);position:relative;overflow-x:hidden}.aurora-bg{display:none}.marketing-nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:box-shadow .15s var(--ease-standard),border-color .15s var(--ease-standard);border-bottom:1px solid transparent}.marketing-nav--scrolled{border-bottom-color:var(--paper-3);box-shadow:0 1px 10px #1b223012}.marketing-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.marketing-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink-0);text-decoration:none;letter-spacing:-.025em;flex-shrink:0}.marketing-logo svg{width:26px;height:26px}.marketing-nav-links{display:flex;align-items:center;gap:28px}.marketing-nav-link{font-size:14px;font-weight:500;color:var(--ink-1);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .12s var(--ease-standard)}.marketing-nav-link:hover{color:var(--ink-0)}.marketing-nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.marketing-nav-ghost{font-size:14px;font-weight:500;color:var(--ink-1);text-decoration:none;transition:color .12s var(--ease-standard)}.marketing-nav-ghost:hover{color:var(--ink-0)}.marketing-nav-primary{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--on-accent);background:var(--vermilion-500);text-decoration:none;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;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{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:4px;min-width:240px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .18s var(--ease-standard),visibility .18s var(--ease-standard),transform .18s var(--ease-standard);z-index:200;display:flex;flex-direction:column;gap:2px}.nav-item-dropout.open .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-chevron{opacity:.6;transition:transform .15s var(--ease-standard);flex-shrink:0}.nav-chevron--open{transform:rotate(180deg);opacity:.9}.marketing-nav-link--active{color:var(--ink-0);font-weight:600}.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink-2);transition:background .12s var(--ease-standard)}.dropdown-item:hover{background:var(--paper-1)}.dropdown-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--vermilion-50);color:var(--vermilion-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-title{display:block;font-size:13px;font-weight:600;color:var(--ink-0);line-height:1.2}.dropdown-desc{display:block;font-size:12px;color:var(--ink-1);margin-top:2px}.mkt-mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper-0);z-index:9999;display:flex;flex-direction:column;padding:20px 24px 32px;overflow-y:auto}.mkt-mobile-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--paper-3);margin-bottom:20px}.mkt-mobile-close{background:transparent;border:none;cursor:pointer;color:var(--ink-1);padding:4px;display:flex;align-items:center}.mkt-mobile-links{display:flex;flex-direction:column;flex:1}.mkt-mobile-link{font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:13px 4px;border-bottom:1px solid var(--paper-2);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{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--vermilion-500);color:var(--on-accent);padding:8px 14px;border-radius:var(--radius-sm);font-weight:500;font-size: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{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--ink-2);padding:8px 14px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;text-decoration:none;border:1px solid var(--paper-3);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 rgba(255,255,255,.06)}.mkt-footer-main{max-width:1200px;margin:0 auto;padding:3rem 3rem 2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:4rem;flex-wrap:wrap}.mkt-footer-brand{display:flex;flex-direction:column;gap:.6rem}.mkt-footer-logo{display:flex;align-items:center;gap:.45rem;color:var(--paper-0);font-weight:700;font-size:.95rem;text-decoration:none}.mkt-footer-logo svg{width:22px;height:22px;color:var(--vermilion-500);flex-shrink:0}.mkt-footer-tagline{font-size:.82rem;color:#52525b;margin:0;max-width:220px;line-height:1.55}.mkt-footer-social{display:flex;gap:.5rem;margin-top:.25rem}.mkt-footer-social-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#71717a;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.mkt-footer-social-btn:hover{background:#d2451a1f;border-color:#d2451a4d;color:var(--vermilion-500)}.mkt-footer-links{display:flex;gap:3rem;flex-wrap:wrap}.mkt-footer-col{display:flex;flex-direction:column;gap:.65rem}.mkt-footer-col-heading{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3f3f46;margin-bottom:.2rem}.mkt-footer-link{font-size:.85rem;color:#52525b;text-decoration:none;transition:color .15s ease}.mkt-footer-link:hover{color:var(--paper-0)}.mkt-footer-bottom{max-width:1200px;margin:0 auto;padding:1.25rem 3rem;border-top:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mkt-footer-copy{font-size:.78rem;color:#3f3f46;margin:0}.mkt-footer-contact{display:flex;gap:1.5rem}.mkt-footer-contact a{font-size:.78rem;color:#3f3f46;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{padding:2.5rem 1.5rem 2rem;gap:2rem}.mkt-footer-bottom{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.mkt-footer-links{gap:2rem}}.ra-shell{max-width:680px;margin:0 auto;padding:5rem 1.5rem 6rem;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px)}.ra-card{width:100%;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:20px;padding:2.5rem;box-shadow:0 4px 24px #0f172a0f}.ra-head{margin-bottom:2rem}.ra-head h1{font-size:1.75rem;font-weight:700;color:var(--ink-0);margin:0 0 .5rem;letter-spacing:-.02em}.ra-head p{font-size:.95rem;color:var(--ink-1);margin:0;line-height:1.6}.ra-trust-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.75rem;padding:.85rem 1rem;background:var(--paper-1);border-radius:10px;border:1px solid var(--paper-3)}.ra-trust-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--ink-2)}.ra-trust-item svg{color:var(--vermilion-500);flex-shrink:0}.ra-form{display:flex;flex-direction:column;gap:1rem}.ra-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ra-label-full,.ra-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--ink-2)}.ra-form input,.ra-form select{padding:.7rem .9rem;border-radius:10px;border:1.5px solid var(--paper-3);font-size:.9rem;color:var(--ink-0);background:var(--paper-0);outline:none;transition:border-color .15s ease}.ra-form input:focus,.ra-form select:focus{border-color:var(--vermilion-500)}.ra-submit{margin-top:.5rem;padding:.85rem 1.5rem;background:var(--vermilion-500);color:var(--paper-0);font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:background .15s ease,transform .15s ease}.ra-submit:hover:not(:disabled){background:var(--vermilion-600);transform:translateY(-1px)}.ra-submit:disabled{opacity:.55;cursor:not-allowed}.ra-note{font-size:.78rem;color:var(--paper-4);text-align:center;margin:.25rem 0 0}.ra-error{font-size:.82rem;color:#dc2626;background:#fef2f2;border-radius:8px;padding:.6rem .9rem}.ra-success{text-align:center;padding:2rem 1rem}.ra-success-icon{color:#16a34a;margin-bottom:1.25rem;display:flex;justify-content:center}.ra-success h1{font-size:1.75rem;font-weight:700;color:var(--ink-0);margin:0 0 .75rem}.ra-success p{font-size:1rem;color:var(--ink-1);margin:0;line-height:1.6}@media (max-width: 600px){.ra-card{padding:1.75rem 1.25rem}.ra-row{grid-template-columns:1fr}}.ae-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.2;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);outline:none}.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);color:var(--paper-0);border-color:transparent}.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);color:var(--ink-2);border-color:var(--paper-3)}.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:transparent;color:var(--ink-2);border-color:transparent}.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-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-2)}.ae-input{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5;min-height:40px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--paper-3);background:var(--paper-0);color:var(--ink-2);outline:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);width:100%;box-sizing:border-box}.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{font-size:12px;line-height:1.45;color:var(--ink-1)}.ae-input-helper--error{color:var(--danger-500)}.ae-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.ae-pill__dot{width:6px;height:6px;border-radius:var(--radius-pill);flex-shrink:0}.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-radius:var(--radius-md);border:1px solid var(--paper-3)}.ae-card--filled{background:var(--paper-1)}.ae-card--outline{background:var(--paper-0)}.ae-card--elevated{background:var(--paper-0);box-shadow:var(--shadow-sm);border-color:transparent}.ae-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--paper-3)}.ae-card-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink-0);letter-spacing:-.01em;margin:0}.ae-card-body{padding:16px}.ae-card-footer{padding:12px 16px;border-top:1px solid var(--paper-3);display:flex;align-items:center;gap:8px}.wa-fab{position:fixed;bottom:28px;right:28px;z-index:900;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(20px) scale(.85);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.wa-fab--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.wa-fab-tooltip{display:inline-flex;align-items:center;gap:8px;background:var(--paper-0, #fff);color:var(--ink-0, #1e293b);font-family:var(--font-body, "Inter", sans-serif);font-size:13px;font-weight:500;padding:8px 12px;border-radius:10px;box-shadow:0 2px 12px #0000001a,0 0 0 1px #0000000a;white-space:nowrap;cursor:default;animation:wa-tooltip-in .45s .3s cubic-bezier(.16,1,.3,1) both}@keyframes wa-tooltip-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.wa-fab-tooltip-close{background:none;border:none;color:var(--ink-1, #64748b);font-size:16px;line-height:1;cursor:pointer;padding:0 0 0 2px;transition:color .15s ease}.wa-fab-tooltip-close:hover{color:var(--ink-0, #1e293b)}.wa-fab-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 4px 14px #25d36659,0 2px 6px #00000014;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;cursor:pointer;text-decoration:none;flex-shrink:0;position:relative;overflow:hidden}.wa-fab-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18) 0%,transparent 60%);pointer-events:none}.wa-fab-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #25d36673,0 2px 8px #0000001a}.wa-fab-btn:active{transform:scale(.96)}.wa-fab-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.35);animation:wa-pulse 2.8s ease-out infinite;pointer-events:none}@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.wa-fab-icon{width:28px;height:28px;position:relative;z-index:1}@media (max-width: 640px){.wa-fab{bottom:20px;right:16px}.wa-fab-btn{width:50px;height:50px}.wa-fab-icon{width:24px;height:24px}.wa-fab-tooltip{display:none}}@media (prefers-reduced-motion: reduce){.wa-fab{transition:none!important;opacity:1!important;transform:none!important}.wa-fab-tooltip{animation:none!important;opacity:1!important}.wa-fab-btn:after{animation:none!important;display:none}}.login-page-container{display:grid;grid-template-columns:minmax(480px,1fr) minmax(0,1fr);min-height:100vh;width:100%;overflow:hidden;position:relative;background:var(--paper-1);color:var(--ink-2)}.login-page-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(27,34,48,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(27,34,48,.038) 1px,transparent 1px);background-size:40px 40px;opacity:.42;pointer-events:none}.login-left-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:var(--space-10) var(--space-8) var(--space-10) clamp(var(--space-8),8vw,var(--space-13));position:relative;z-index:1;background:transparent;border-right:0}.login-content-wrapper{max-width:392px;width:100%;margin:0;position:relative;z-index:1}.login-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--space-9);cursor:pointer;color:var(--ink-0);transition:opacity var(--dur-fast) var(--ease-standard)}.login-brand:hover{opacity:.72}.login-brand-logo{display:block;color:var(--ink-0)}.login-header{margin-bottom:var(--space-7)}.login-heading{margin:0;font-family:var(--font-display);font-size:30px;font-weight:600;line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);color:var(--ink-0)}.login-subtitle{margin:var(--space-3) 0 0;font-size:14px;color:var(--ink-1);line-height:1.5}.login-page-container .form-group{margin-bottom:var(--space-5)}.login-page-container .form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--ink-2)}.login-page-container .form-input{width:100%;height:40px;padding:0 12px!important;border-radius:var(--radius-sm);border:1px solid var(--paper-3)!important;background:#ffffffdb!important;color:var(--ink-0)!important;font-size:14px;line-height:1.2;outline:none;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);-webkit-text-fill-color:var(--ink-0)!important;caret-color:var(--ink-0);transform:none!important}.login-page-container .form-input::placeholder{color:var(--paper-4)!important;-webkit-text-fill-color:var(--paper-4)!important}.login-page-container .form-input:-webkit-autofill,.login-page-container .form-input:-webkit-autofill:hover,.login-page-container .form-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink-0)!important;-webkit-box-shadow:0 0 0 1000px var(--paper-0) inset!important;box-shadow:0 0 0 1000px var(--paper-0) inset!important;border-color:var(--paper-3)!important;transition:background-color 5000s ease-in-out 0s}.login-page-container .form-input:hover{border-color:var(--paper-4)!important;background:var(--paper-0)!important}.login-page-container .form-input:focus{border-color:var(--vermilion-500)!important;background:var(--paper-0)!important;box-shadow:var(--shadow-focus)!important}.auth-password-toggle,.onboard-password-toggle{position:absolute;right:8px;top:50%;min-width:40px;height:32px;transform:translateY(-50%);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-1);font-size:13px;font-weight:500;cursor:pointer}.auth-password-toggle:hover,.onboard-password-toggle:hover{background:var(--paper-2);color:var(--ink-0)}.login-page-container .form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-6)}.login-page-container .remember-me{display:inline-flex;align-items:center;gap:8px;color:var(--ink-1);font-size:13px;cursor:pointer}.login-page-container .remember-me input{accent-color:var(--vermilion-500)}.login-page-container .forgot-password{color:var(--vermilion-700);text-decoration:none;font-size:13px;font-weight:500;transition:color var(--dur-fast) var(--ease-standard)}.login-page-container .forgot-password:hover{color:var(--vermilion-500)}.login-btn{width:100%;min-height:40px;padding:8px 14px;background:var(--vermilion-500);color:var(--on-accent);border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.login-btn:hover:not(:disabled){background:var(--vermilion-600)}.login-btn:active:not(:disabled){background:var(--vermilion-700);transform:translateY(1px)}.login-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.auth-alert{margin-bottom:var(--space-5);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--paper-3);font-size:13px;line-height:1.45}.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{margin:0;font-size:13px;font-weight:600;color:inherit}.auth-alert-copy{margin:4px 0 0;font-size:13px;color:inherit}.auth-alert-inline-success{width:fit-content;margin-top:var(--space-3);padding:6px 8px;border-radius:var(--radius-sm);background:var(--ok-50);color:var(--ok-500);font-size:13px}.auth-inline-action{width:fit-content;min-height:36px;margin-top:var(--space-3);padding:7px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--vermilion-500);color:var(--on-accent);font-size:13px;font-weight:500;cursor:pointer}.auth-inline-action:hover:not(:disabled){background:var(--vermilion-600)}.auth-inline-action:disabled{opacity:.45;cursor:not-allowed}.login-right-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-10) clamp(var(--space-8),7vw,var(--space-12));background:transparent}.auth-hero-figure{position:relative;z-index:1;width:min(520px,100%);aspect-ratio:5 / 4;border:1px solid var(--paper-3);border-radius:var(--radius-md);background:radial-gradient(circle,var(--paper-3) 1px,transparent 1px) 0 0 / 16px 16px,#f7f8f9b8;color:var(--ink-0);overflow:hidden}.auth-hero-figure svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.auth-hero-path{stroke:var(--vermilion-500)}.auth-hero-point{fill:var(--vermilion-500)}.auth-hero-label{font-family:var(--font-mono);font-size:10px;fill:var(--vermilion-500)}@media (max-width: 1024px){.login-page-container{display:flex;flex-direction:column;overflow-y:auto}.login-left-panel{width:100%;min-width:unset;padding:var(--space-8);align-items:stretch;border-right:0;border-bottom:1px solid rgba(225,228,232,.72)}.login-content-wrapper{margin:0 auto}.login-right-panel{padding:var(--space-8);min-height:320px}}@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%}}.pricing-wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem 6rem}.pricing-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:5rem 0 2rem}.pricing-hero-copy{max-width:680px}.pricing-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:1.25rem}.pricing-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4rem);font-weight:600;color:var(--ink-0);line-height:1.04;letter-spacing:-.022em;margin:0 0 1rem;text-wrap:balance}.pricing-subtitle{font-size:1.03rem;color:var(--ink-1);line-height:1.65;max-width:620px;margin:0;text-wrap:pretty}.billing-toggle{display:inline-flex;background:var(--paper-2);border-radius:var(--radius-md);padding:3px;border:1px solid var(--paper-3)}.pricing-billing-toggle{flex-shrink:0}.toggle-btn{min-height:40px;padding:.45rem 1.1rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);background:transparent;color:var(--ink-1);display:flex;align-items:center;gap:.45rem;font-family:inherit}.toggle-btn:hover{color:var(--ink-2)}.toggle-btn:active{transform:scale(.96)}.toggle-btn.active{background:var(--paper-0);color:var(--ink-0);font-weight:600;box-shadow:var(--shadow-xs)}.save-badge{font-size:.65rem;background:var(--vermilion-50);color:var(--vermilion-500);padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;border:1px solid var(--vermilion-100);letter-spacing:0}.pricing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch;padding:1rem 0 2rem}.pricing-plan-card{display:flex;flex-direction:column;min-height:640px;background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 18px 60px #201b180d}.pricing-plan-card--featured{border-color:var(--vermilion-100);box-shadow:0 24px 70px #d2451a1c}.pricing-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:64px}.pricing-plan-eyebrow{display:block;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:.5rem}.pricing-plan-top h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink-0);line-height:1.1;letter-spacing:-.018em;margin:0}.pricing-plan-badge{flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--vermilion-500);background:var(--vermilion-50);border:1px solid var(--vermilion-100);border-radius:var(--radius-sm);padding:.28rem .55rem;text-transform:uppercase}.pricing-plan-desc{min-height:84px;margin:1.1rem 0 1.35rem;color:var(--ink-1);font-size:.92rem;line-height:1.58;text-wrap:pretty}.pricing-plan-price{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;margin-bottom:.35rem}.pricing-plan-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:600;color:var(--ink-0);line-height:1;letter-spacing:-.02em}.pricing-plan-period{color:var(--ink-1);font-size:.82rem;line-height:1.25}.pricing-plan-billing{min-height:20px;margin:0 0 1.2rem;color:var(--paper-4);font-size:.8rem}.pricing-plan-cta{width:100%;justify-content:center;min-height:42px;margin-bottom:.9rem}.pricing-plan-cta:active{transform:scale(.96)}.pricing-plan-note{min-height:38px;margin:0;color:var(--paper-4);font-size:.79rem;line-height:1.45}.pc-divider{height:0;border-top:1px solid var(--paper-3);margin:1.25rem 0}.pricing-plan-features{display:flex;flex-direction:column;gap:.75rem}.pc-feature-item{display:flex;align-items:flex-start;gap:.65rem}.pc-check{flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-sm);background:var(--vermilion-50);border:1px solid var(--vermilion-100);display:flex;align-items:center;justify-content:center;color:var(--vermilion-500);margin-top:1px}.pc-feature-label{font-size:.88rem;font-weight:600;color:var(--ink-0);line-height:1.35}.trust-strip{display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:center;padding:1.25rem 0 .5rem}.trust-item-new{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--ink-1);font-weight:500}.faq-section-new{padding:4rem 0;max-width:900px;margin:0 auto}.faq-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;color:var(--ink-0);margin:0 0 2rem;letter-spacing:-.02em;text-wrap:balance}.faq-list-new{display:flex;flex-direction:column;gap:0;border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden}.faq-item-new{border-bottom:1px solid var(--paper-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);background:var(--paper-0)}.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{min-height:58px;padding:1.05rem 1.4rem;display:flex;justify-content:space-between;align-items:center;color:var(--ink-0);font-weight:600;font-size:.95rem;gap:1rem;-webkit-user-select:none;user-select:none}.faq-chevron{flex-shrink:0;transition:transform var(--dur-base) var(--ease-standard)}.faq-item-new.open .faq-chevron{transform:rotate(180deg)}.faq-answer-new{max-height:0;overflow:hidden;transition:max-height var(--dur-base) var(--ease-standard)}.faq-item-new.open .faq-answer-new{max-height:300px}.faq-answer-new p{padding:0 1.4rem 1.25rem;margin:0;color:var(--ink-1);font-size:.9rem;line-height:1.7}@media (max-width: 980px){.pricing-hero{align-items:flex-start;flex-direction:column;padding-top:4rem}.pricing-plans{grid-template-columns:1fr}.pricing-plan-card{min-height:auto}.pricing-plan-desc,.pricing-plan-note,.pricing-plan-top{min-height:0}}@media (max-width: 640px){.pricing-wrap{padding:0 1rem 4rem}.pricing-hero{padding:3.25rem 0 1.25rem}.pricing-title{font-size:clamp(2.1rem,11vw,3rem)}.pricing-billing-toggle{width:100%}.toggle-btn{flex:1;justify-content:center;padding-inline:.75rem}.pricing-plan-card{padding:1.25rem}.pricing-plan-top{flex-direction:column;gap:.75rem}.pricing-plan-amount{font-size:2.35rem}.trust-strip{justify-content:flex-start;gap:.65rem 1rem}}.mcp-content-wrapper{max-width:1080px;margin:0 auto;padding:2rem 1.5rem 5rem}.mcp-hero{text-align:center;padding:4.5rem 0 3rem;position:relative}.mcp-hero:before{content:none}.mcp-badge{display:inline-flex;align-items:center;gap:.5rem;background:#d2451a1a;border:1px solid rgba(210,69,26,.22);border-radius:var(--radius-sm);padding:.4rem 1rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;color:var(--vermilion-400);margin-bottom:1.1rem}.mcp-hero-title{font-size:clamp(2.5rem,5vw,4.35rem);font-weight:600;line-height:1.04;letter-spacing:-.04em;margin:0 0 1.35rem;color:var(--ink-0)}.mcp-hero-subtitle{font-size:1.12rem;color:var(--ink-1);max-width:720px;margin:0 auto 2.25rem;line-height:1.7}.mcp-hero-actions,.mcp-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.glass-card{background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:none}.mcp-demo-strip{display:flex;align-items:center;gap:1rem;background:var(--paper-1);border:1px solid var(--paper-3);border-radius:var(--radius-md);padding:1.3rem 1.5rem;margin-bottom:4rem;flex-wrap:wrap;box-shadow:none}.demo-prompt,.demo-response{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;color:var(--ink-2);flex:1;min-width:240px;line-height:1.6}.demo-arrow{color:var(--vermilion-400);flex-shrink:0;display:inline-flex;align-items:center}.demo-response{color:var(--ink-2)}.mcp-section{margin-bottom:5rem;text-align:center}.mcp-section-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;color:var(--ink-0);letter-spacing:-.03em;margin:.5rem 0 2.5rem}.mcp-capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;text-align:left}.mcp-capability-card{padding:1.5rem}.cap-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.cap-icon-shell{width:42px;height:42px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:#d2451a1a;border:1px solid rgba(210,69,26,.22);flex-shrink:0}.cap-header h3{font-size:1rem;font-weight:600;color:var(--ink-0);margin:0}.cap-examples{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.cap-examples li{font-size:.86rem;color:var(--ink-1);line-height:1.6}.example-quote{font-style:italic}.mcp-steps{display:flex;flex-direction:column;gap:1.25rem;text-align:left;margin-bottom:1.5rem}.mcp-step{display:flex;gap:1.5rem;padding:1.75rem;align-items:flex-start}.step-number{font-size:2rem;font-weight:800;color:var(--vermilion-400);opacity:.48;line-height:1;flex-shrink:0;width:2.5rem}.step-content h3{font-size:1.05rem;font-weight:600;color:var(--ink-0);margin:0 0 .4rem}.step-content p{font-size:.92rem;color:var(--ink-1);margin:0;line-height:1.7}.mcp-code-block{margin-top:1.25rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--paper-3);background:var(--ink-0)}.code-header{display:flex;justify-content:space-between;align-items:center;background:#d2451a14;padding:.7rem 1rem;font-size:.78rem;color:var(--paper-4)}.copy-btn{background:#d2451a26;border:1px solid rgba(210,69,26,.26);color:var(--vermilion-100);border-radius:var(--radius-sm);padding:.3rem .75rem;font-size:.76rem;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.copy-btn:hover{background:#d2451a26}.mcp-code-block pre{margin:0;padding:1.25rem;background:var(--ink-0);overflow-x:auto}.mcp-code-block code,.config-note code{font-family:JetBrains Mono,Fira Code,monospace}.mcp-code-block code{font-size:.82rem;color:var(--paper-3);line-height:1.7}.config-note{font-size:.82rem;color:var(--ink-1);line-height:1.8;text-align:center}.config-note code{background:var(--paper-2);padding:.18em .45em;border-radius:var(--radius-sm);font-size:.78rem;color:var(--ink-0)}.code-security-note{margin:8px 0 0;font-family:var(--font-body);font-size:12px;color:var(--warn-500);line-height:1.5}.faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:left}.faq-item{background:var(--paper-0);border:1px solid var(--paper-3);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.faq-item:hover{background:var(--paper-2)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;font-size:.98rem;font-weight:600;color:var(--ink-0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-item.open .faq-answer{max-height:260px}.faq-answer p{margin:0;padding:0 1.4rem 1.3rem;color:var(--ink-1);line-height:1.7;font-size:.92rem}.mcp-cta{text-align:center;padding:3rem 2rem;margin-top:1rem;background:var(--paper-1);border:1px solid var(--paper-3)}.mcp-cta h2{font-size:1.9rem;font-weight:600;color:var(--ink-0);margin:0 0 .75rem;letter-spacing:-.03em}.mcp-cta p{color:var(--ink-1);margin:0 0 2rem;font-size:1rem}@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{flex-direction:column;gap:.85rem}.mcp-demo-strip{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{max-width:720px;margin:0 auto;padding:4rem 1.5rem 6rem}.legal-eyebrow{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vermilion-500);margin-bottom:1rem}.page-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.5rem);font-weight:600;color:var(--ink-0);letter-spacing:-.02em;line-height:1.1;margin:0 0 .5rem}.page-subtitle{font-size:.9rem;color:var(--paper-4);margin:0 0 3rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.15rem;font-weight:600;color:var(--ink-0);margin:0 0 .75rem;padding-bottom:.6rem;border-bottom:1px solid var(--paper-2);display:flex;align-items:center;gap:.6rem}.legal-content h2:before{content:"";display:inline-block;width:3px;height:1em;background:var(--vermilion-500);border-radius:2px;flex-shrink:0}.legal-content p{font-size:.95rem;line-height:1.75;color:var(--ink-1);margin-bottom:.85rem}.legal-content a{color:var(--vermilion-500);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content ul{list-style:none;padding:0;margin:.75rem 0 1rem;display:grid;gap:.55rem}.legal-content li{padding-left:1.25rem;position:relative;color:var(--ink-1);font-size:.95rem;line-height:1.65}.legal-content li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:var(--radius-pill);background:var(--vermilion-500)}.legal-content strong{color:var(--ink-0);font-weight:600}.contact-info{margin-top:3rem;padding:1.5rem;border:1px solid var(--paper-3);border-radius:var(--radius-md);background:var(--paper-1)}.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 p,.legal-content li{font-size:.92rem}}