:root,:root[data-theme=light]{--bg: #f6f8fa;--surface: #ffffff;--surface-2: #fafbfc;--surface-hover: #f5f7f9;--border: #e6ebf0;--border-strong: #d4dde5;--text: #17202a;--text-strong: #0f1a24;--text-muted: #6b7a88;--text-subtle: #4a5764;--accent: #0d7f76;--accent-soft: #dff4f2;--accent-strong: #0a6058;--input-bg: #ffffff;--notice-bg: #fff7df;--notice-text: #624b04;--notice-border: #f0d381;--notice-success-bg: #ecfdf3;--notice-success-text: #14532d;--notice-success-border: #8ad7a8;--pill-bg: #eef2f6;--pill-text: #4a5764;--shadow-sm: 0 1px 2px rgba(21, 38, 51, .04);--shadow-md: 0 8px 24px rgba(21, 38, 51, .08);--shadow-lg: 0 24px 40px rgba(15, 23, 42, .24);--backdrop: rgba(15, 23, 42, .38);color:var(--text);background:var(--bg);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #0b1220;--surface: #111a2c;--surface-2: #16223a;--surface-hover: #1a2640;--border: #1f2c47;--border-strong: #2c3a58;--text: #e7eef7;--text-strong: #f5f9ff;--text-muted: #8b9bb4;--text-subtle: #b1bdd0;--accent: #2dd4bf;--accent-soft: rgba(45, 212, 191, .14);--accent-strong: #5eead4;--input-bg: #16223a;--notice-bg: #2a2515;--notice-text: #fde68a;--notice-border: #5b4a14;--notice-success-bg: #0d2620;--notice-success-text: #a7f3d0;--notice-success-border: #1d5a47;--pill-bg: #1f2c47;--pill-text: #c1cce0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 28px 48px rgba(0, 0, 0, .55);--backdrop: rgba(2, 6, 16, .7);color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}html,body,#root{height:100%}body{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);height:100vh;min-height:0;overflow:hidden;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{background:radial-gradient(900px 600px at -20% -10%,rgba(136,191,0,.14),transparent 60%),radial-gradient(700px 500px at 110% 110%,rgba(255,255,255,.06),transparent 55%),linear-gradient(180deg,#00004f,#000064,#000074);border-right:1px solid rgba(255,255,255,.04);color:#edf4f7;display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:0;position:relative;scrollbar-color:#3c586b transparent;scrollbar-width:thin}.sidebar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;background-position:-1px -1px;pointer-events:none;opacity:.45;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#3c586b;border-radius:999px}.brand{align-items:center;display:flex;gap:10px;min-height:56px;flex:0 0 auto;padding:16px 14px 14px;position:relative;z-index:1;background:linear-gradient(180deg,rgba(16,33,47,.55) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05)}.brand-mark{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 6px 16px #0000642e,inset 0 1px #fff9;display:block;height:36px;object-fit:contain;padding:3px;width:36px}.brand strong{font-size:14px}.brand span{font-size:11px}.brand strong,.brand span{display:block}.brand span{color:#a8bac4;font-size:13px}.sidebar-toggle{align-items:center;background:#1d3547;border:1px solid #2f4b5f;border-radius:8px;color:#d9e8ef;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;margin-left:auto;min-width:32px;transition:background .14s ease,border-color .14s ease}.sidebar-toggle:hover{background:#284a60;border-color:#3c5b71}.sidebar-toggle.mobile-only,.mobile-menu-button,.mobile-topbar,.mobile-tabbar{display:none}.mobile-backdrop{background:#0f172a6b;border:0;cursor:pointer;display:none;inset:0;padding:0;position:fixed;z-index:85}.app-shell.mobile-open .mobile-backdrop{display:block}.nav-list{display:grid;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 12px 14px;scrollbar-color:#3c586b transparent;scrollbar-width:thin}.nav-list::-webkit-scrollbar{width:8px}.nav-list::-webkit-scrollbar-track{background:transparent}.nav-list::-webkit-scrollbar-thumb{background:#3c586b;border-radius:999px}.nav-group{display:grid;gap:4px}.nav-group+.nav-group{border-top:1px solid rgba(255,255,255,.04);margin-top:10px;padding-top:12px}.nav-group-button{align-items:center;background:transparent;border:0;color:#7b94a3;display:flex;font-size:10.5px;font-weight:700;justify-content:space-between;letter-spacing:.8px;min-height:28px;padding:0 14px;text-transform:uppercase;transition:color .14s ease;width:100%}.nav-group-button:hover{color:#c8d8e0}.chevron{transform:rotate(-90deg);transition:transform .16s ease}.chevron.open{transform:rotate(0)}.nav-item{align-items:center;background:transparent;border:0;border-radius:10px;color:#b3c5d0;display:flex;gap:11px;font-size:13.5px;font-weight:500;min-height:40px;padding:0 12px;position:relative;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease;width:100%}.nav-item:hover{background:#ffffff0f;color:#fff;transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,#14b8a63d,#0ea5e929);box-shadow:inset 0 0 0 1px #14b8a652;color:#fff;font-weight:600}.nav-item.active:before{background:linear-gradient(180deg,#14b8a6,#0ea5e9);border-radius:999px;box-shadow:0 0 12px #14b8a699;content:"";height:22px;left:-2px;position:absolute;width:3px}.nav-item.active svg{color:#5eead4}.nav-item svg{flex:0 0 auto}.app-shell.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.app-shell.sidebar-collapsed .brand div:not(.brand-mark),.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-group-button span,.app-shell.sidebar-collapsed .sidebar-footer span{display:none}.app-shell.sidebar-collapsed .brand-mark{height:42px;width:42px}.app-shell.sidebar-collapsed .sidebar-toggle{bottom:-2px;height:28px;margin-left:0;min-width:28px;position:absolute;right:2px}.app-shell.sidebar-collapsed .nav-group-button{justify-content:center;padding:0}.app-shell.sidebar-collapsed .nav-group-button .chevron{display:none}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:0}.app-shell.sidebar-collapsed .nav-group+.nav-group{margin-top:10px}.sidebar-footer{align-items:stretch;border-top:1px solid #284456;color:#bdd0da;display:flex;flex-direction:column;font-size:13px;gap:10px;flex:0 0 auto;margin-top:0;padding:14px 18px;background:linear-gradient(0deg,#13293a,#13293af0)}.sidebar-footer-user{align-items:center;display:flex;gap:10px;min-width:0}.sidebar-footer-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer-actions{display:flex;gap:8px}.sidebar-footer-actions .theme-toggle,.sidebar-footer-actions .logout-button{flex:1}.logout-button{align-items:center;background:linear-gradient(180deg,#ef444438,#dc26262e);border:1px solid rgba(248,113,113,.55);border-radius:10px;box-shadow:0 1px #ffffff0a inset,0 1px 2px #0000002e;color:#ffe4e4;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:10px 14px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}.logout-button:hover{background:linear-gradient(180deg,#ef44445c,#dc26264d);border-color:#fca5a5b3;color:#fff}.logout-button:active{transform:translateY(1px);box-shadow:0 0 #0000 inset}.logout-button:focus-visible{outline:2px solid #fca5a5;outline-offset:2px}.app-shell.sidebar-collapsed .sidebar-footer{align-items:center;padding-left:0;padding-right:0}.app-shell.sidebar-collapsed .sidebar-footer-actions{flex-direction:column;width:100%}.app-shell.sidebar-collapsed .logout-button span,.app-shell.sidebar-collapsed .theme-toggle span{display:none}.main-panel{height:100vh;min-width:0;overflow-y:auto;padding:20px 24px;position:relative;scroll-behavior:smooth}.shell-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;pointer-events:none;position:sticky;right:0;top:0;z-index:30}.shell-action-button{pointer-events:auto}.theme-toggle.shell-action-button,.logout-button.shell-action-button{background:#fff;border:1px solid #d9e0e6;border-radius:8px;box-shadow:0 10px 24px #1526331f;color:#243542;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:12px;font-weight:600;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.theme-toggle.shell-action-button:hover{background:#f2f6f9;border-color:#c0cad2;transform:translateY(-1px)}.logout-button.shell-action-button{border-color:#dc262659;color:#b42318}.logout-button.shell-action-button:hover{background:linear-gradient(180deg,#fee2e2f2,#fecacad9);border-color:#dc26268c;color:#991b1b;transform:translateY(-1px)}:root[data-theme=dark] .theme-toggle.shell-action-button,:root[data-theme=dark] .logout-button.shell-action-button{background:#1e2935eb;border-color:#ffffff1f;color:#edf4f7;box-shadow:0 10px 24px #00000059}:root[data-theme=dark] .theme-toggle.shell-action-button:hover{background:#2d3a49f2;border-color:#ffffff38}:root[data-theme=dark] .logout-button.shell-action-button{color:#fecaca;border-color:#f8717173}:root[data-theme=dark] .logout-button.shell-action-button:hover{background:#7f1d1d80;color:#fff;border-color:#fca5a5b3}:root[data-theme=dark] .mobile-topbar{background:#111921eb;border-bottom-color:#ffffff14;box-shadow:0 1px #00000080,0 8px 24px #0006}:root[data-theme=dark] .mobile-topbar-brand{color:#edf4f7}:root[data-theme=dark] .mobile-topbar-icon{color:#edf4f7}:root[data-theme=dark] .mobile-topbar-icon:hover,:root[data-theme=dark] .mobile-topbar-icon:focus-visible{background:#ffffff14}:root[data-theme=dark] .mobile-topbar-icon-danger{color:#fca5a5}:root[data-theme=dark] .mobile-topbar-icon-danger:hover,:root[data-theme=dark] .mobile-topbar-icon-danger:focus-visible{background:#dc262638}:root[data-theme=dark] .mobile-topbar-actions>button,:root[data-theme=dark] .mobile-topbar-actions>.notification-bell>button{color:#edf4f7}:root[data-theme=dark] .mobile-tabbar{background:#111921f5;border-top-color:#ffffff14;box-shadow:0 -8px 24px #00000073}:root[data-theme=dark] .mobile-tab{color:#9aa8b4}:root[data-theme=dark] .mobile-tab.active{color:#7aa8ff}:root[data-theme=dark] .mobile-tab.active:before{background:#7aa8ff}:root[data-theme=dark] .mobile-tab:hover,:root[data-theme=dark] .mobile-tab:focus-visible{background:#ffffff0f}.notification-bell{pointer-events:auto;position:relative}.notification-trigger{align-items:center;background:#fff;border:1px solid #d9e0e6;border-radius:8px;box-shadow:0 10px 24px #1526331f;color:#243542;display:inline-flex;height:36px;justify-content:center;position:relative;width:36px}.notification-trigger span{align-items:center;background:#d92d20;border:2px solid #ffffff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-7px;top:-7px}.notification-menu{background:#fff;border:1px solid #dbe3e8;border-radius:8px;box-shadow:0 18px 38px #1526332e;display:grid;gap:8px;max-height:min(430px,calc(100vh - 90px));overflow-y:auto;padding:10px;position:absolute;right:0;top:44px;width:min(360px,calc(100vw - 36px))}.notification-menu-head{align-items:center;display:flex;justify-content:space-between}.notification-item{background:#f7fafc;border:1px solid #e5ebef;border-radius:8px;color:#243542;display:grid;gap:4px;padding:10px;text-align:left}.notification-item.unread{background:#eff8ff;border-color:#b2ddff}.notification-item span{font-weight:800}.notification-item p{color:#52616d;margin:0}.notification-item small{color:#7b8b98}.topbar{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px}.topbar-actions{align-items:center;display:flex;gap:10px}.eyebrow{color:#6b7a88;font-size:11px;font-weight:700;letter-spacing:.6px;margin:0 0 3px;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.01em}h1{font-size:22px;font-weight:700}h2{font-size:15px;font-weight:700}.search-box{align-items:center;background:#fff;border:1px solid #e3e8ee;border-radius:8px;display:flex;font-size:13px;gap:8px;min-height:36px;min-width:min(320px,100%);padding:0 12px;transition:border-color .16s ease,box-shadow .16s ease}.search-box:focus-within{border-color:#0d7f76;box-shadow:0 0 0 3px #0d7f761a}.search-box input{border:0;min-width:0;outline:0;width:100%}.notice{background:#fff7df;border:1px solid #f0d381;border-radius:8px;color:#624b04;margin-bottom:16px;padding:12px 14px}.notice.success{background:#ecfdf3;border-color:#8ad7a8;color:#14532d}.toast-stack{display:grid;gap:10px;max-width:min(420px,calc(100vw - 28px));position:fixed;right:18px;top:18px;width:360px;z-index:9999}.toast{align-items:center;background:#fff;border:1px solid #dbe3e8;border-left:4px solid #0d7f76;border-radius:8px;box-shadow:0 16px 34px #1526332e;color:#243542;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:48px;padding:10px 12px}.toast-success svg{color:#0d7f76}.toast-error{border-left-color:#b42318}.toast-error svg{color:#b42318}.toast-close{align-items:center;background:transparent;border:0;color:#60707d;display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.filter-select{background:#fff;border:1px solid #e3e8ee;border-radius:8px;font-size:13px;min-height:36px;min-width:160px;padding:0 32px 0 10px;transition:border-color .14s ease,box-shadow .14s ease}select,.filter-select,.field select,.compact-form select,.inline-form select{appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#6b7a88 50%),linear-gradient(135deg,#6b7a88 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}select:focus,input:focus,textarea:focus{border-color:#0d7f76;box-shadow:0 0 0 3px #0d7f761f;outline:0}.employees-layout{align-items:start;grid-template-columns:2fr 1fr}.employee-detail-section{margin-top:18px}.employee-detail-section .details-body{max-height:none;min-height:0;overflow:visible;padding:14px 16px}.collapsible-title{background:transparent;border:0;color:inherit;cursor:pointer;text-align:left;width:100%}.collapsible-title-button{align-items:center;background:transparent;border:0;color:inherit;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:0;text-align:left;width:100%}.collapsible-title-button span:first-child{display:grid;gap:2px;min-width:0}.collapsible-title-button h2,.collapsible-title-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-title-button small{color:#6b7a88;font-size:12px;font-weight:700}.task-detail-section .section-title{gap:12px}.compact-details{min-height:0}.avatar-cell{align-items:center;display:flex;gap:10px}.avatar-circle{align-items:center;background:#dff4f2;border-radius:50%;color:#0d7f76;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar-img{object-fit:cover}.avatar-circle.avatar-lg{font-size:22px;height:64px;width:64px}.avatar-upload-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.subtle{color:#6b7a88;font-size:12px}.pill{background:#eef2f6;border-radius:999px;color:#4a5764;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.status-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#b42318}.table-actions{display:flex;gap:6px}.link-button{background:transparent;border:0;color:#17202a;font-weight:800;padding:0;text-align:left}.link-button:hover{color:#0d7f76}.icon-button.danger{color:#b42318}.pagination-row{align-items:center;border-top:1px solid #edf1f4;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.profile-hero{align-items:center;background:linear-gradient(135deg,#0d7f76,#18b7a8 60%,#f2b705 140%);border-radius:14px;box-shadow:0 10px 30px #0d7f762e;color:#fff;display:flex;gap:18px;margin-bottom:18px;padding:22px 24px;position:relative;overflow:hidden}.profile-hero:after{background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.18),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.profile-hero-avatar{align-items:center;background:#ffffff2e;border:2px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;display:flex;flex:0 0 auto;font-size:22px;font-weight:700;height:64px;justify-content:center;letter-spacing:.02em;width:64px}.profile-hero-meta{display:grid;gap:4px;min-width:0;position:relative;z-index:1}.profile-hero-meta strong{font-size:20px;letter-spacing:-.01em;line-height:1.2}.profile-hero-meta p{color:#ffffffdb;font-size:13px;margin:0}.profile-hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.profile-hero-tags .pill{background:#ffffff38;color:#fff;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.profile-hero-tags .status-badge.active{background:#ffffffeb;color:#0d7f76}.metric-grid.profile-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.info-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{align-items:center;background:#fafbfc;border:1px solid #eef1f5;border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:background .14s ease,border-color .14s ease}.info-card:hover{background:#fff;border-color:#d4dde5}.info-card>div{display:grid;gap:2px;min-width:0}.info-card small{color:#6b7a88;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.info-card strong{color:#122133;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-icon{align-items:center;border-radius:8px;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.info-icon-teal{background:#d6f1ee;color:#0d7f76}.info-icon-blue{background:#dbeafe;color:#2563eb}.info-icon-amber{background:#fef3c7;color:#b45309}.info-icon-violet{background:#ede9fe;color:#7c3aed}.info-icon-rose{background:#ffe4e6;color:#be123c}.info-icon-green{background:#dcfce7;color:#15803d}@media(max-width:1100px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.info-grid{grid-template-columns:1fr}}@media(max-width:1200px){.metric-grid.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.metric-grid.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.placeholder-panel{align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:12px;box-shadow:0 1px 2px #1526330a;display:flex;gap:18px;padding:28px}.dashboard-hero{align-items:stretch;background:linear-gradient(135deg,#0d7f76f5,#115a7afa 55%,#2d3851fa);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 18px 40px #13293a2e;color:#fff;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 280px;margin-bottom:16px;overflow:hidden;padding:26px;position:relative}.dashboard-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:34px 34px;content:"";inset:0;opacity:.18;pointer-events:none;position:absolute}.dashboard-hero-copy,.dashboard-hero-panel{position:relative;z-index:1}.dashboard-hero .eyebrow{color:#ffffffb8}.dashboard-hero h1{color:#fff;font-size:clamp(30px,4vw,48px);letter-spacing:0;line-height:1.02;margin:0 0 10px}.dashboard-hero p{color:#ffffffd1;font-size:15px;margin:0;max-width:660px}.dashboard-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dashboard-hero-tags span{align-items:center;background:#ffffff21;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:7px 10px;text-transform:capitalize}.dashboard-hero-panel{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:12px;display:flex;gap:18px;justify-content:space-between;padding:18px}.dashboard-hero-panel span,.dashboard-score-ring small{color:#ffffffb8;display:block;font-size:12px;font-weight:700;text-transform:uppercase}.dashboard-hero-panel strong{color:#fff;display:block;font-size:42px;line-height:1;margin-top:8px}.dashboard-score-ring{align-items:center;background:radial-gradient(circle closest-side,rgba(19,41,58,.7) 70%,transparent 72%),conic-gradient(#f2b705 var(--score),rgba(255,255,255,.18) 0);border-radius:50%;display:grid;height:116px;justify-items:center;place-content:center;width:116px}.dashboard-score-ring span{color:#fff;font-size:30px;line-height:1}.dashboard-metrics{grid-template-columns:repeat(4,minmax(150px,1fr))}.dashboard-metrics .metric-card{min-height:124px}.dashboard-metrics .metric-card small{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.dashboard-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);margin-bottom:16px}.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:16px}.health-row{align-items:center;display:grid;gap:12px;grid-template-columns:160px minmax(0,1fr) 48px;padding:12px 0}.health-row+.health-row{border-top:1px solid var(--border)}.health-row>div:first-child{align-items:center;color:var(--text-strong);display:flex;font-weight:700;gap:8px}.health-track{background:color-mix(in oklab,var(--border) 64%,transparent);border-radius:999px;height:8px;overflow:hidden}.health-track span{background:#0d7f76;border-radius:inherit;display:block;height:100%}.health-track span.watch{background:#d97706}.health-row strong{color:var(--text-strong);text-align:right}.focus-list{display:grid;gap:10px}.focus-item{align-items:center;background:color-mix(in oklab,var(--surface-2) 72%,transparent);border:1px solid var(--border);border-radius:10px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.focus-item-button{cursor:pointer;font:inherit;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;width:100%}.focus-item-button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translate(2px)}.focus-item-button:focus-visible{outline:2px solid #1f80ff;outline-offset:2px}.metric-card-button{cursor:pointer;font:inherit;text-align:left;width:100%}.metric-card-button:focus-visible{outline:2px solid #1f80ff;outline-offset:2px}.metric-card-go{bottom:12px;color:var(--text-muted);opacity:0;position:absolute;right:12px;transition:opacity .16s ease,transform .16s ease}.metric-card-button:hover .metric-card-go{opacity:1;transform:translate(2px,-2px)}.health-caption{color:var(--text-muted);display:block;font-size:11.5px;font-style:normal;margin-top:2px}.dashboard-refresh{align-items:center;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:12px;gap:6px;padding:5px 12px;transition:background .14s ease}.dashboard-refresh:hover{background:#ffffff42}.dashboard-refresh:disabled{opacity:.65;cursor:progress}.spinning{animation:dashboard-spin .9s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.employee-pulse-button{background:transparent;border:1px solid transparent;cursor:pointer;font:inherit;text-align:left;transition:border-color .14s ease,transform .14s ease}.employee-pulse-button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.row-clickable:hover{background:var(--surface-2)}.focus-item>span{align-items:center;background:#0d7f76;border-radius:8px;color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.focus-item strong{color:var(--text-strong);display:block;margin-bottom:3px}.focus-item p{color:var(--text-muted);margin:0}.focus-item>svg{color:var(--text-muted)}.dashboard-table{overflow:hidden}.employee-pulse-row{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 16px 14px}.employee-pulse{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;min-width:0;padding:10px}.employee-pulse>span{align-items:center;background:#115a7a;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.employee-pulse div{min-width:0}.employee-pulse strong,.employee-pulse small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-pulse small{color:var(--text-muted)}.notice-card-list{display:grid;gap:12px;padding:0 16px 16px}.notice-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:grid;gap:8px;padding:14px}.notice-card>div:first-child{align-items:center;display:flex;justify-content:space-between}.notice-card h3{color:var(--text-strong);margin:0}.notice-card p{color:var(--text-muted);display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;overflow:hidden}.notice-card small{color:var(--text-muted);font-weight:700;text-transform:capitalize}.ack-list{display:grid;gap:8px;margin-top:12px}@media(max-width:1100px){.dashboard-hero,.dashboard-grid{grid-template-columns:1fr}.employee-pulse-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.dashboard-hero{padding:20px}.dashboard-hero-panel{align-items:flex-start;flex-direction:column}.health-row{grid-template-columns:1fr}.health-row strong{text-align:left}.employee-pulse-row{grid-template-columns:1fr}}.placeholder-panel>svg{background:#effbf9;border-radius:12px;color:#0d7f76;flex:0 0 auto;height:56px;padding:12px;width:56px}.placeholder-panel svg{color:#0d7f76}.placeholder-panel p{color:#60707d;margin:4px 0 0}.task-queue-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}@media(max-width:720px){.task-queue-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.task-queue-bar>*{flex-shrink:0}}.queue-chip{align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:999px;color:var(--text-muted, #475569);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:500;gap:6px;padding:6px 14px;transition:background .15s,border-color .15s,color .15s}.queue-chip:hover{border-color:#c7d4dc;background:#f6f9fb}.queue-chip.active{background:#1f80ff;border-color:#1f80ff;color:#fff}.queue-chip.ghost{background:transparent;border-style:dashed}.queue-chip.saved{padding:0 4px 0 0;gap:2px}.queue-chip.saved>button{background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;align-items:center;font:inherit;gap:6px;padding:6px 8px 6px 12px}.queue-chip.saved>.queue-chip-x{background:transparent;border:0;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:20px;width:20px;opacity:.55;padding:0}.queue-chip.saved>.queue-chip-x:hover{opacity:1;background:#dc262629;color:#b91c1c}.queue-chip.saved.active>.queue-chip-x{color:#fff}.queue-chip.saved.active>.queue-chip-x:hover{background:#ffffff38;color:#fff}.ref-pill{background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-block;font-size:11px;font-weight:600;margin-right:6px;padding:2px 8px}.task-filter-bar{align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:12px;box-shadow:0 1px 2px #1526330a;display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) repeat(5,minmax(130px,170px)) auto;margin-bottom:16px;padding:14px}.task-filter-bar .search-box{min-width:0}.task-workspace{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr)}.pinned-row{background:#f7fbff}.label-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.task-label{border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;line-height:1;padding:5px 8px}.priority-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:4px 10px;text-transform:capitalize}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fff7df;color:#8a5b00}.priority-badge.low{background:#dcfce7;color:#166534}.status-pill{border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;max-width:150px;padding:5px 10px;text-transform:capitalize}.avatar-stack{display:flex;min-width:78px}.avatar-stack span{align-items:center;background:#dff4f2;border:2px solid #ffffff;border-radius:50%;color:#0d7f76;display:inline-flex;font-size:12px;font-weight:900;height:30px;justify-content:center;margin-left:-8px;width:30px}.avatar-stack span:first-child{margin-left:0}.task-detail-tabs{border-bottom:1px solid #edf1f4;display:flex;gap:2px;overflow-x:auto;padding:6px 14px 0}.task-detail-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#60707d;font-size:13px;font-weight:600;padding:8px 12px;text-transform:capitalize}.task-detail-tabs button.active{border-color:#0d7f76;color:#0d7f76}.task-tab-content{display:grid;gap:12px}.compact-form{background:#f8fafb;border:1px solid #dbe3e8;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.compact-form input,.compact-form select{border:1px solid #d6dee4;border-radius:8px;min-height:38px;padding:0 10px}.task-child-row{align-items:center;background:#fff;border:1px solid #edf1f4;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:10px}.task-child-row p{color:#60707d;margin:2px 0 0}.skeleton-list{display:grid;gap:8px;padding:14px 16px 0}.skeleton-list span{animation:pulse 1.1s ease-in-out infinite alternate;background:#edf2f5;border-radius:8px;display:block;height:34px}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.skeleton-line,.skeleton-block{animation:pulse 1.1s ease-in-out infinite alternate;background:linear-gradient(90deg,#edf2f5,#f6f9fb,#edf2f5);border-radius:8px;display:block}.skeleton-line{height:12px;margin:6px 0}.skeleton-line.h-3{height:12px}.skeleton-line.h-7{height:28px}.skeleton-block{min-height:60px}.skeleton-line.w-32{width:128px}.skeleton-line.w-64{width:256px}.skeleton-line.w-80{width:320px}.skeleton-block.w-40{width:160px}.skeleton-block.h-32{height:128px}[data-theme=dark] .skeleton-line,[data-theme=dark] .skeleton-block{background:linear-gradient(90deg,#1f2733,#2a3340,#1f2733)}.dashboard-hero-skeleton{opacity:.85}.details-panel .details-body{max-height:calc(100vh - 250px);min-height:360px;overflow:auto;padding:14px 16px}.details-panel{position:sticky;top:0}.details-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid label{color:#6b7a88;display:block;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.details-grid p{font-size:13px;margin:2px 0 0}.span-full{grid-column:span 2}.modal-backdrop,.modal-overlay{align-items:center;background:var(--backdrop);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);color:var(--text);display:flex;flex-direction:column;max-height:95vh;max-width:900px;overflow:hidden;width:100%}.modal-card>.modal-header,.modal-card>.modal-actions,.modal-card>.modal-footer{flex-shrink:0}.modal-card>.modal-grid,.modal-card>.modal-body,.modal-card>.form-grid{flex:1 1 auto;min-height:0;overflow:auto}.modal-header{align-items:center;border-bottom:1px solid #edf1f4;display:flex;justify-content:space-between;padding:14px 16px}.modal-body{display:block;max-height:calc(95vh - 64px);overflow:auto}.modal-grid,.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.modal-grid label,.form-grid label,.form-grid .field{color:#4f5f73;display:grid;font-size:13px;gap:6px;min-width:0}.modal-grid input,.modal-grid select,.modal-grid textarea,.form-grid input,.form-grid select,.form-grid textarea{background:#fff;border:1px solid #d6dee4;border-radius:8px;color:#122133;font-size:13px;min-height:38px;padding:8px 10px;width:100%}.modal-grid textarea,.form-grid textarea{min-height:88px;resize:vertical}.modal-grid select,.form-grid select{background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#6b7a88 50%),linear-gradient(135deg,#6b7a88 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.modal-actions,.modal-footer{border-top:1px solid #edf1f4;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.link-button{background:none;border:none;color:var(--brand-700, #0f766e);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:4px 6px;text-decoration:none}.link-button:hover{text-decoration:underline}.login-row-between{align-items:center;display:flex;justify-content:space-between;margin:-4px 0 4px}.quick-row{display:flex;gap:8px}.quick-row input{flex:1}.sub-panel{border-top:1px solid #edf1f4;margin-top:12px;padding-top:12px}.sub-panel h3{font-size:15px;margin:0 0 8px}.line-item,.sub-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sub-panel-header h3{margin:0}.subtle-empty{color:var(--text-muted);font-size:13px;margin:0}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{align-items:center;background:var(--surface-raised, #f0f4f8);border-radius:20px;display:inline-flex;font-size:13px;gap:4px;padding:3px 10px}.tag-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;line-height:1;opacity:.5;padding:0 0 0 2px}.tag-remove:hover{opacity:1}.detail-tabs{border-bottom:2px solid var(--border, #e2e8f0);display:flex;gap:0;margin-bottom:16px;overflow-x:auto}.detail-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted, #7a8fa6);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:8px 16px;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.detail-tab:hover{color:var(--text, #1a2533)}.detail-tab.active{border-bottom-color:var(--accent, #4f46e5);color:var(--accent, #4f46e5)}.tab-count{background:var(--surface-raised, #edf1f5);border-radius:10px;font-size:11px;margin-left:4px;padding:1px 6px}.finance-cards{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.finance-cards article{background:#f5f9fb;border:1px solid #d9e2ea;border-radius:8px;padding:8px}.finance-cards span{color:#6b7a88;display:block;font-size:12px}.finance-cards strong{font-size:18px}.inline-card-form{padding:16px}.shift-assignment-form{flex-wrap:wrap;margin-bottom:14px}.holiday-chip{border-radius:999px;display:inline-flex;font-weight:800;padding:4px 10px}.holiday-month-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.holiday-dot{border-radius:999px;flex:0 0 auto;height:12px;width:12px}.login-page{background:radial-gradient(circle at 12% 18%,rgba(24,183,168,.18),transparent 35%),radial-gradient(circle at 88% 82%,rgba(136,191,0,.14),transparent 38%),linear-gradient(135deg,#0a0d2c,#0f1740,#08123a 70%,#0a0a30);display:grid;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:24px;place-items:start center;position:relative}.login-bg-video{height:100%;inset:0;object-fit:cover;opacity:.55;pointer-events:none;position:absolute;width:100%;z-index:0;animation:login-video-in 1.2s ease-out both}@keyframes login-video-in{0%{opacity:0}to{opacity:.55}}.login-bg-video-tint{background:linear-gradient(135deg,#0a0d2c8c,#08123a73,#0a0a308c),radial-gradient(circle at 30% 30%,rgba(24,183,168,.12),transparent 55%);inset:0;pointer-events:none;position:absolute;z-index:0}.login-particles{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0;opacity:.85;animation:login-particles-in 1.6s ease-out both}@keyframes login-particles-in{0%{opacity:0}to{opacity:.85}}.login-particles .lp-nodes circle{filter:drop-shadow(0 0 6px currentColor);transform-box:fill-box;transform-origin:center;animation:lp-twinkle 4.5s ease-in-out infinite}@keyframes lp-twinkle{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.45);opacity:1}}.login-particles .lp-lines line{stroke-dasharray:4 6;animation:lp-flow 16s linear infinite}@keyframes lp-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.login-particles .lp-drift circle{animation:lp-drift 18s linear infinite}.login-particles .lp-drift circle:nth-child(2){animation-duration:24s;animation-delay:-6s}.login-particles .lp-drift circle:nth-child(3){animation-duration:30s;animation-delay:-12s}@keyframes lp-drift{0%{transform:translate(0)}to{transform:translate(1600px)}}@media(prefers-reduced-motion:reduce){.login-particles .lp-nodes circle,.login-particles .lp-lines line,.login-particles .lp-drift circle{animation:none}}.login-blob{border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none;position:absolute;z-index:0;will-change:transform}.login-blob--teal{background:radial-gradient(circle,#18b7a8 0%,transparent 70%);height:520px;left:-120px;top:-120px;width:520px;animation:login-drift-a 22s ease-in-out infinite}.login-blob--lime{background:radial-gradient(circle,#88bf00 0%,transparent 70%);height:440px;right:-100px;top:30%;width:440px;animation:login-drift-b 26s ease-in-out infinite}.login-blob--navy{background:radial-gradient(circle,#4f46e5 0%,transparent 70%);bottom:-160px;height:600px;left:30%;width:600px;animation:login-drift-c 30s ease-in-out infinite;opacity:.35}@keyframes login-drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,80px) scale(1.08)}}@keyframes login-drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-90px,40px) scale(1.1)}}@keyframes login-drift-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-60px) scale(.95)}}.login-grid-overlay{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;inset:0;pointer-events:none;position:absolute;z-index:0}@media(prefers-reduced-motion:reduce){.login-blob,.login-radar-pulse{animation:none}}.login-page::-webkit-scrollbar{width:8px}.login-page::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:8px}.login-page::-webkit-scrollbar-thumb:hover{background:#0f172a52}.login-shell{background:#ffffffeb;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.5);border-radius:22px;box-shadow:0 32px 80px #080b2873,0 8px 24px #080b2840,inset 0 1px #fff9;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);max-width:1440px;overflow:hidden;position:relative;width:100%;z-index:1;animation:login-shell-rise .6s cubic-bezier(.16,1,.3,1) both}@keyframes login-shell-rise{0%{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.login-aside{background:radial-gradient(circle at 88% 12%,rgba(136,191,0,.18),transparent 50%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.06),transparent 40%),#000064;color:#fff;display:flex;flex-direction:column;gap:22px;padding:32px 32px 28px;position:relative}.login-aside-foot{margin-top:auto}.login-aside:after{background:radial-gradient(circle at 0% 100%,rgba(255,255,255,.14),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}.login-aside-radar{height:600px;opacity:.55;pointer-events:none;position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:600px;z-index:0}.login-radar-pulse{transform-origin:300px 300px;animation:login-pulse 4s ease-out infinite}@keyframes login-pulse{0%{transform:scale(.35);opacity:.9}to{transform:scale(2.4);opacity:0}}.login-orbital{transform-origin:300px 300px;animation:login-orbit 28s linear infinite}@keyframes login-orbit{to{transform:rotate(360deg)}}.login-dotgrid{background-image:radial-gradient(rgba(255,255,255,.13) 1.5px,transparent 1.5px);background-size:22px 22px;inset:0;mask-image:linear-gradient(to bottom right,black,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,black,transparent 70%);pointer-events:none;position:absolute;z-index:0}.login-aside-brand{align-items:center;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;text-align:center}.login-aside-brand .brand-mark{background:transparent;border:none;box-shadow:none;height:110px;width:110px;padding:0;display:flex;align-items:center;justify-content:center}.login-aside-logo{height:110px;width:110px;object-fit:contain;display:block;filter:drop-shadow(0 4px 16px rgba(0,0,80,.45))}.login-aside-brand strong{display:none}.login-aside-brand span{color:#ffffffd9;display:block;font-size:13px;font-weight:600;letter-spacing:.02em}@media(max-width:720px){.login-aside-brand .brand-mark,.login-aside-logo{height:110px;width:110px}}.login-aside-copy{display:grid;gap:14px;position:relative;z-index:1}.login-aside-copy h2{color:#fff;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.login-aside-copy p{color:#ffffffdb;font-size:14px;line-height:1.55;margin:0}.login-feature-list{display:grid;gap:10px;list-style:none;margin:8px 0 0;padding:0}.login-feature-list li{align-items:center;color:#ffffffeb;display:flex;font-size:12px;line-height:1.45;gap:8px}.login-feature-list svg{background:#ffffff2e;border-radius:6px;flex:0 0 auto;padding:4px;height:24px;width:24px}.login-aside-foot{color:#ffffffb3;font-size:12px;margin:0;position:relative;z-index:1}.login-panel{background:#fff;display:grid;gap:14px;padding:40px 36px;position:relative;width:100%;overflow:hidden}.login-panel-ornament{height:180px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:180px;z-index:0;opacity:.45;animation:lp-orn-spin 90s linear infinite}@keyframes lp-orn-spin{to{transform:rotate(360deg)}}.login-panel>*{position:relative;z-index:1}.login-eyebrow-status{align-items:center;display:inline-flex;gap:8px;background:linear-gradient(90deg,#88bf001a,#18b7a80d);border:1px solid rgba(136,191,0,.25);border-radius:999px;color:#0f766e;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 12px 4px 10px;text-transform:uppercase;width:fit-content}.login-status-dot{background:#16a34a;border-radius:50%;box-shadow:0 0 0 4px #16a34a2e;display:inline-block;height:7px;width:7px;position:relative;animation:lp-status-pulse 2.2s ease-in-out infinite}@keyframes lp-status-pulse{0%,to{box-shadow:0 0 #16a34a8c}50%{box-shadow:0 0 0 8px #16a34a00}}.login-submit-shimmer{overflow:hidden;position:relative}.login-submit-shimmer:before{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);content:"";height:100%;inset:0;pointer-events:none;position:absolute;transform:translate(-150%);width:100%;animation:lp-shimmer 3.5s ease-in-out infinite}@keyframes lp-shimmer{0%,60%{transform:translate(-150%)}90%{transform:translate(150%)}to{transform:translate(150%)}}.login-submit-shimmer:disabled:before{animation:none}.login-submit-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px}.login-trust-line{align-items:center;border-top:1px dashed rgba(15,23,42,.1);color:#64748b;display:flex;flex-wrap:nowrap;font-size:10.5px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.06em;margin-top:6px;padding-top:12px;text-transform:uppercase;white-space:nowrap}.login-trust-line span{align-items:center;display:inline-flex;gap:4px}.login-trust-line svg{color:#0f766e}.login-trust-line i{color:#0f172a40;font-style:normal}@media(prefers-reduced-motion:reduce){.login-panel-ornament,.login-status-dot,.login-submit-shimmer:before{animation:none}}.login-panel-head{display:grid;gap:4px;margin-bottom:4px}.login-panel-head h1{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:2px 0 0}.login-sub{color:#6b7a88;font-size:13px;margin:4px 0 0}.login-field{display:grid;gap:6px}.login-field>span{color:#4f5f73;font-size:12px;font-weight:600;letter-spacing:.2px}.login-input{align-items:center;background:#fff;border:1px solid #d9e0e6;border-radius:10px;display:flex;gap:10px;min-height:42px;padding:0 12px;transition:border-color .14s ease,box-shadow .14s ease}.login-input:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#88bf00,#18b7a8) border-box;border:1px solid transparent;box-shadow:0 0 0 4px #18b7a824,0 6px 18px #18b7a81f}.login-input:focus-within>svg{color:#0f766e;transition:color .14s ease}.login-input>svg{color:#6b7a88;flex:0 0 auto}.login-input input{background:transparent;border:0;color:#122133;flex:1 1 auto;font-size:14px;min-width:0;outline:0;padding:0}.login-eye{align-items:center;background:transparent;border:0;color:#6b7a88;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.login-eye:hover{color:#0d7f76}.form-error{color:#b42318;margin:0}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b42318;font-size:13px;margin:0;padding:8px 12px}.login-submit{margin-top:6px;min-height:44px;width:100%}.login-divider{align-items:center;color:#97a3ad;display:flex;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;margin:6px 0 0;text-transform:uppercase}.login-divider:before,.login-divider:after{background:#e6ebf0;content:"";flex:1 1 auto;height:1px}.login-demo-row{display:flex;flex-wrap:wrap;gap:8px}.login-demo-chip{background:#f5f7f9;border:1px solid #e3e8ee;border-radius:999px;color:#4f5f73;cursor:pointer;flex:1 1 0;font-size:12px;font-weight:600;min-height:32px;padding:0 14px;transition:background .14s ease,border-color .14s ease,color .14s ease}.login-demo-chip:hover{background:#fff;border-color:#0d7f76;color:#0d7f76}.login-demo-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.login-demo-card{align-items:center;background:#fff;border:1px solid #e3e8ee;border-left:4px solid #0d7f76;border-radius:10px;cursor:pointer;display:flex;font:inherit;gap:12px;padding:10px 12px;text-align:left;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.login-demo-card:hover:not(:disabled){background:#f9fbfb;box-shadow:0 2px 12px #0f172a0f;transform:translateY(-1px)}.login-demo-card:disabled{cursor:not-allowed;opacity:.55}.login-demo-icon{align-items:center;border-radius:8px;color:#fff;display:inline-flex;flex:0 0 32px;height:32px;justify-content:center;width:32px}.login-demo-text{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.login-demo-text strong{color:#0f172a;font-size:13px;font-weight:600;line-height:1.2}.login-demo-text small{color:#6b7785;font-size:11px;line-height:1.3}.login-demo-foot{color:#6b7785;font-size:11px;margin:4px 0 0;text-align:center}.login-install{border:1px dashed #d4dbe3;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:12px}.login-install-head{align-items:center;color:#475569;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.06em;text-transform:uppercase}.login-install-row{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.login-install-row:has(>:only-child){grid-template-columns:1fr}.login-install-btn{align-items:center;background:#fff;border:1px solid #e3e8ee;border-radius:10px;color:#0f172a;cursor:pointer;display:flex;font:inherit;gap:10px;padding:10px 12px;text-align:left;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.login-install-btn:hover{background:#f9fbfb;border-color:#cdd6e0;box-shadow:0 2px 12px #0f172a0f;transform:translateY(-1px)}.login-install-btn>svg{color:#0f766e;flex:0 0 auto}.login-install-btn span{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.login-install-btn strong{color:#0f172a;font-size:13px;font-weight:600;line-height:1.2}.login-install-btn small{color:#6b7785;font-size:11px;line-height:1.3}.login-install-tip{background:#f4f7f9;border-radius:8px;color:#334155;display:flex;flex-direction:column;font-size:12px;gap:4px;list-style:decimal inside;margin:0;padding:10px 12px}.login-install-tip li{align-items:center;display:flex;flex-wrap:wrap;gap:4px;line-height:1.4}.login-install-tip svg{color:#0f766e;vertical-align:middle}@media(max-width:600px){.login-install-row{grid-template-columns:1fr}}[data-theme=dark] .login-install{border-color:#2a3340}[data-theme=dark] .login-install-head{color:#94a3b8}[data-theme=dark] .login-install-btn{background:#131a23;border-color:#2a3340;color:#e6edf3}[data-theme=dark] .login-install-btn:hover{background:#1a2230;border-color:#3a4555;box-shadow:0 2px 12px #00000073}[data-theme=dark] .login-install-btn strong{color:#e6edf3}[data-theme=dark] .login-install-btn small{color:#8a96a3}[data-theme=dark] .login-install-btn>svg{color:#2dd4bf}[data-theme=dark] .login-install-tip{background:#131a23;color:#cbd5e1}[data-theme=dark] .login-install-tip svg{color:#2dd4bf}.ios-guide{background:#f4f7f9;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.ios-guide-title{color:#334155;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.ios-steps{align-items:center;display:flex;flex-direction:column;gap:0}.ios-step{align-items:flex-start;background:#fff;border:1px solid #e3e8ee;border-radius:10px;display:flex;gap:10px;padding:10px 12px;position:relative;width:100%}.ios-step-badge{align-items:center;background:#0f766e;border-radius:50%;color:#fff;display:flex;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-top:1px;width:20px}.ios-step-icon{align-items:center;background:#e6f4f3;border-radius:8px;color:#0f766e;display:flex;flex:0 0 38px;height:38px;justify-content:center;width:38px}.ios-step-icon--done{background:#0f766e;color:#fff}.ios-step-body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.ios-step-body strong{color:#0f172a;font-size:12px;font-weight:600;line-height:1.3}.ios-step-body span{color:#475569;font-size:11px;line-height:1.4}.ios-step-body em{color:#0f766e;font-style:normal;font-weight:600}.ios-inline-icon{display:inline;vertical-align:middle;color:#0f766e}.ios-step-arrow{color:#94a3b8;display:flex;justify-content:center;padding:2px 0;transform:rotate(90deg);width:100%}.ios-guide-note{align-items:center;color:#6b7785;display:flex;font-size:10.5px;gap:4px;margin:0}.ios-guide-note svg{color:#94a3b8;flex:0 0 auto}[data-theme=dark] .ios-guide{background:#0e141c}[data-theme=dark] .ios-guide-title{color:#94a3b8}[data-theme=dark] .ios-step{background:#131a23;border-color:#2a3340}[data-theme=dark] .ios-step-icon{background:#1a2e2c;color:#2dd4bf}[data-theme=dark] .ios-step-icon--done{background:#0f766e;color:#fff}[data-theme=dark] .ios-step-body strong{color:#e6edf3}[data-theme=dark] .ios-step-body span{color:#8a96a3}[data-theme=dark] .ios-step-body em{color:#2dd4bf}[data-theme=dark] .ios-guide-note{color:#8a96a3}[data-theme=dark] .ios-guide-note svg{color:#4a5568}@media(max-width:600px){.login-demo-grid{grid-template-columns:1fr}}[data-theme=dark] .login-demo-card{background:#131a23;border-color:#2a3340}[data-theme=dark] .login-demo-card:hover:not(:disabled){background:#1a2230;box-shadow:0 2px 12px #00000073}[data-theme=dark] .login-demo-text strong{color:#e6edf3}[data-theme=dark] .login-demo-text small,[data-theme=dark] .login-demo-foot{color:#8a96a3}@media(max-width:860px){.login-shell{grid-template-columns:1fr;max-width:460px}.login-aside{padding:28px}.login-aside-copy h2{font-size:22px}.login-feature-list,.login-aside-foot{display:none}.login-panel{padding:28px 24px}}.primary-button{align-items:center;background:#88bf00;border:0;border-radius:8px;box-shadow:0 1px 2px #88bf0038;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:36px;padding:0 14px;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.primary-button:hover{background:#78aa00;box-shadow:0 4px 12px #88bf0052}.primary-button:active{transform:translateY(1px)}.primary-button.compact{min-height:32px;padding:0 12px}.action-strip{align-items:start;display:grid;gap:12px;margin-bottom:16px}.inline-form{background:#fff;border:1px solid #dbe3e8;border-radius:8px;grid-template-columns:repeat(5,minmax(120px,1fr));padding:12px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr));margin-bottom:16px}.metric-card,.table-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.metric-card{display:grid;gap:6px;min-height:108px;overflow:hidden;padding:14px 16px;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card:after{background:currentColor;border-radius:999px;content:"";height:64px;opacity:.08;position:absolute;right:-22px;top:-20px;width:64px}.metric-card .metric-icon{align-items:center;border-radius:8px;color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.metric-card>span:not(.metric-icon){color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.2px}.metric-card strong{color:var(--text-strong);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1}.metric-teal{color:#0d7f76}.metric-teal .metric-icon{background:#0d7f76}.metric-blue{color:#2563eb}.metric-blue .metric-icon{background:#2563eb}.metric-green{color:#16a34a}.metric-green .metric-icon{background:#16a34a}.metric-amber{color:#d99a00}.metric-amber .metric-icon{background:#d99a00}.metric-rose{color:#e11d48}.metric-rose .metric-icon{background:#e11d48}.metric-violet{color:#7c3aed}.metric-violet .metric-icon{background:#7c3aed}.metric-orange{color:#ea580c}.metric-orange .metric-icon{background:#ea580c}.metric-slate{color:#475569}.metric-slate .metric-icon{background:#475569}.content-grid,.split-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.schema-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.schema-card{background:#fff;border:1px solid #e6ebf0;border-radius:12px;box-shadow:0 1px 2px #1526330a;padding:18px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.schema-card:hover{border-color:#d4dde5;box-shadow:0 8px 24px #1526330f;transform:translateY(-1px)}.schema-card p{color:#657480;font-size:13px;margin:8px 0 0}.section-title{align-items:center;border-bottom:1px solid #eef1f5;display:flex;justify-content:space-between;min-height:48px;padding:0 16px}.section-title h2{letter-spacing:-.01em}.icon-button{align-items:center;background:#f5f7f9;border:1px solid #e3e8ee;border-radius:7px;color:#405260;display:inline-flex;height:30px;justify-content:center;transition:background .14s ease,border-color .14s ease,color .14s ease;width:30px}.icon-button:hover{background:#fff;border-color:#c8d2dc;color:#0d7f76}.table-wrap{overflow-x:auto}.worksuite-form{display:grid;gap:14px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.form-card h2{border-bottom:1px solid var(--border);font-size:17px;font-weight:700;padding:14px 20px}.task-grid{display:grid;gap:14px 24px;grid-template-columns:repeat(12,minmax(0,1fr));padding:18px 20px}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}.task-grid>.notice{margin:0}.task-grid .form-actions{align-items:end;display:flex;gap:8px;justify-content:flex-end}.field{color:#4f5f73;display:grid;font-size:13px;gap:6px}.field b{color:#d00}.field input,.field select,.field textarea{background:#fff;border:1px solid #d9e2ea;border-radius:8px;color:#122133;font-size:13px;min-height:38px;padding:0 10px}.field select,.compact-form select,.repeat-fields select,.inline-form select{background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#6b7a88 50%),linear-gradient(135deg,#6b7a88 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.field textarea{min-height:96px;padding:10px;resize:vertical}.muted-field{opacity:.45}.check-field{align-items:center;color:#4f5f73;display:flex;font-size:13px;gap:8px;min-height:56px}.check-field input{height:18px;width:18px}.choice-panel{background:#f8fafb;border:1px solid #d9e2ea;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:214px;overflow:auto;padding:10px}.choice-panel.compact{grid-template-columns:1fr}.choice-option{align-items:center;background:#fff;border:1px solid #dbe3e8;border-radius:8px;color:#243542;display:flex;font-size:13px;gap:8px;min-height:42px;padding:6px 10px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.choice-option:hover,.choice-option.selected{border-color:#0d7f76;box-shadow:0 8px 18px #0d7f761c}.choice-option.selected{background:#effbf9}.choice-option span:last-child{display:grid;min-width:0}.choice-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-option small{color:#6b7a88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-option i{border-radius:999px;display:inline-block;height:12px;width:12px}.avatar-circle.small{flex:0 0 auto;font-size:12px;height:30px;width:30px}.link-toggle{background:#fff;border:0;color:#17202a;font-size:14px;font-weight:700;min-height:46px;padding:0 20px;text-align:left;width:100%}.other-details-panel{border-top:1px solid #e2e8ed}.estimate-fields,.repeat-fields{align-items:center;color:#4f5f73;display:flex;font-size:13px;gap:8px;min-height:56px}.estimate-fields input,.repeat-fields input,.repeat-fields select{border:1px solid #d9e2ea;border-radius:6px;font-size:13px;height:34px;padding:0 10px}.estimate-fields input{width:72px}.form-actions{align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:12px;box-shadow:0 1px 2px #1526330a;display:flex;gap:10px;padding:12px 20px}.secondary-button{background:#fff;border:1px solid #d9e0e6;border-radius:8px;color:#405260;font-size:13px;font-weight:600;min-height:36px;padding:0 14px;transition:background .14s ease,border-color .14s ease,color .14s ease}.secondary-button:hover{background:#f5f7f9;border-color:#b8c3cc;color:#0d7f76}table{border-collapse:collapse;min-width:640px;width:100%}th,td{border-bottom:1px solid var(--border);padding:10px 14px;text-align:left;vertical-align:top;white-space:nowrap}th{background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}td{color:var(--text);font-size:13px}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--surface-hover)}tr:last-child td{border-bottom:0}@media(max-width:1100px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}.sidebar .brand div:last-child,.nav-item span,.nav-group-button span,.sidebar-footer span{display:none}.nav-item,.nav-group-button{justify-content:center}.nav-group-button .chevron,.sidebar-toggle{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.content-grid,.split-grid,.employees-layout{grid-template-columns:1fr}.task-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.task-filter-bar .search-box,.task-filter-bar button{grid-column:span 2}}@media(max-width:720px){body{overflow:auto}.app-shell,.app-shell.sidebar-collapsed{display:block;grid-template-columns:none;height:auto;min-height:100vh;overflow:visible}.mobile-menu-button,.shell-actions{display:none}.mobile-topbar{align-items:center;background:#ffffffeb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 1px #0f172a0a,0 8px 24px #0f172a0f;display:flex;gap:8px;height:calc(env(safe-area-inset-top,0px) + 56px);justify-content:space-between;left:0;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));position:fixed;right:0;top:0;z-index:80}.mobile-topbar-brand{align-items:center;color:#243542;display:flex;flex:1 1 auto;gap:8px;justify-content:center;min-width:0;overflow:hidden}.mobile-topbar-brand .brand-mark{align-items:center;background:linear-gradient(135deg,#4f8cff,#2563eb);border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.mobile-topbar-brand strong{font-size:14px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.mobile-topbar-actions{align-items:center;display:flex;flex:0 0 auto;gap:4px}.mobile-topbar-icon{align-items:center;background:transparent;border:0;border-radius:10px;color:#243542;cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;padding:0;transition:background .14s ease,color .14s ease;width:40px}.mobile-topbar-icon:hover,.mobile-topbar-icon:focus-visible{background:#0f172a0f;outline:none}.mobile-topbar-icon:active{background:#0f172a1f}.mobile-topbar-icon-danger{color:#b42318}.mobile-topbar-icon-danger:hover,.mobile-topbar-icon-danger:focus-visible{background:#dc26261f}.mobile-topbar-actions>.notification-bell>.notification-trigger{background:transparent;border:0;border-radius:10px;box-shadow:none;color:#243542;height:40px;width:40px}.mobile-topbar-actions>.notification-bell>.notification-trigger:hover{background:#0f172a0f}.mobile-tabbar{align-items:stretch;background:#fffffff5;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid rgba(15,23,42,.08);bottom:0;box-shadow:0 -8px 24px #0f172a14;display:flex;gap:0;justify-content:space-around;left:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:70}.mobile-tab{align-items:center;background:transparent;border:0;border-radius:10px;color:#5b6b78;cursor:pointer;display:flex;flex:1 1 0;flex-direction:column;font-size:11px;font-weight:600;gap:2px;justify-content:center;min-height:50px;min-width:0;padding:4px 2px;transition:color .14s ease,background .14s ease}.mobile-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab:hover,.mobile-tab:focus-visible{background:#0f172a0a;outline:none}.mobile-tab.active{color:#2563eb}.mobile-tab.active:before{background:#2563eb;border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translate(-50%);width:28px}.mobile-tab{position:relative}.sidebar{box-shadow:0 24px 48px #00000052;height:100vh;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;transform:translate(-100%);transition:transform .22s ease;width:min(280px,86vw);z-index:90}.app-shell.mobile-open .sidebar{transform:translate(0)}.app-shell.sidebar-collapsed .sidebar{width:min(280px,86vw)}.sidebar .brand{padding:14px 16px}.sidebar .brand div:last-of-type{display:block}.nav-list{display:grid;gap:4px;grid-template-columns:1fr;flex:0 0 auto;min-height:0;max-height:none;overflow:visible;padding:8px 12px 14px}.nav-item{justify-content:flex-start;padding:0 12px}.nav-item span{display:inline}.nav-group-button{justify-content:space-between;padding:0 12px}.nav-group-button span{display:inline}.nav-group-button .chevron{display:inline-block}.sidebar-toggle.desktop-only{display:none}.sidebar-toggle.mobile-only{display:inline-flex}.sidebar-footer{justify-content:flex-start;padding:14px 16px calc(14px + env(safe-area-inset-bottom)) 16px}.sidebar-footer span{display:inline}.sidebar-footer-actions{gap:10px}.logout-button,.theme-toggle{min-height:48px;font-size:14px}.main-panel{height:auto;overflow:visible;padding:calc(env(safe-area-inset-top,0px) + 68px) 14px calc(env(safe-area-inset-bottom,0px) + 78px)}.topbar{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:10px;margin-bottom:14px;padding:0;row-gap:10px}.topbar h1{font-size:22px;line-height:1.2;margin:0}.topbar .eyebrow{font-size:11px;letter-spacing:.4px}.topbar>div:first-child{width:100%}.topbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.topbar-actions>*{flex:1 1 calc(50% - 4px);min-width:0}.topbar-actions .search-box{flex:1 1 100%;max-width:none}.topbar-actions .primary-button,.topbar-actions .secondary-button{min-height:42px}.inline-form{align-items:stretch;display:grid;grid-template-columns:1fr}.metric-grid,.schema-grid{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr;gap:16px;padding:18px}.task-filter-bar{grid-template-columns:1fr}.task-filter-bar .search-box,.task-filter-bar button{grid-column:span 1}.choice-panel{grid-template-columns:1fr}.details-panel{position:static}.details-panel .details-body{max-height:none}.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12{grid-column:span 1}.modal-grid,.form-grid,.details-grid{grid-template-columns:1fr}.quick-row{flex-direction:column}.finance-cards,.holiday-month-grid{grid-template-columns:1fr}.span-full{grid-column:span 1}}.modal-card.wide{max-width:1100px}.filter-select.compact{font-size:12px;padding:4px 8px}.progress-bar{background:#eef2f6;border-radius:999px;height:6px;overflow:hidden;width:100%}.progress-bar .progress-fill{background:linear-gradient(90deg,#2563eb,#0a8a1f);height:100%;transition:width .2s ease}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:6px}.checkbox-row{align-items:center;display:inline-flex;font-size:13px;gap:6px}.truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-toolbar{align-items:center;background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin:0 16px 12px;padding:8px 12px}.bulk-toolbar>span{font-size:13px;font-weight:600;color:var(--accent-strong);margin-right:6px}.row-selected{background:var(--accent-soft)!important}.theme-toggle{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#edf4f7;cursor:pointer;display:inline-flex;gap:6px;font-size:12px;font-weight:600;height:30px;padding:0 12px;transition:background .14s ease,border-color .14s ease,transform .14s ease}.theme-toggle:hover{background:#ffffff1f;border-color:#ffffff38;transform:translateY(-1px)}.theme-toggle svg{flex-shrink:0}.app-shell.sidebar-collapsed .theme-toggle{border-radius:8px;height:32px;padding:0;width:32px;justify-content:center}.app-shell.sidebar-collapsed .theme-toggle span{display:none}body{background:radial-gradient(1100px 600px at -10% -20%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 60%),radial-gradient(900px 500px at 110% 110%,color-mix(in oklab,#7c3aed 8%,transparent),transparent 55%),var(--bg)}.metric-card,.table-section,.modal-card,.toast,.notice,.search-box,.filter-select,input,select,textarea,table,th,td,tbody tr,.pill,.status-badge,.profile-hero,.info-card,.info-icon,.placeholder-panel,.line-item,.sub-panel{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}:root[data-theme=dark] .topbar h1,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3{color:var(--text-strong)}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .subtle,:root[data-theme=dark] .collapsible-title-button small{color:var(--text-muted)}:root[data-theme=dark] .search-box,:root[data-theme=dark] .filter-select,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .modal-grid input,:root[data-theme=dark] .modal-grid select,:root[data-theme=dark] .modal-grid textarea,:root[data-theme=dark] .form-grid input,:root[data-theme=dark] .form-grid select,:root[data-theme=dark] .form-grid textarea{background-color:var(--input-bg);border-color:var(--border-strong);color:var(--text)}:root[data-theme=dark] select,:root[data-theme=dark] .filter-select{background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%)}:root[data-theme=dark] .modal-grid label,:root[data-theme=dark] .form-grid label,:root[data-theme=dark] label{color:var(--text-subtle)}:root[data-theme=dark] .modal-header,:root[data-theme=dark] .modal-actions,:root[data-theme=dark] .modal-footer{border-color:var(--border)}:root[data-theme=dark] .notice{background:var(--notice-bg);border-color:var(--notice-border);color:var(--notice-text)}:root[data-theme=dark] .notice.success{background:var(--notice-success-bg);border-color:var(--notice-success-border);color:var(--notice-success-text)}:root[data-theme=dark] .toast{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .notification-trigger,:root[data-theme=dark] .notification-menu{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .notification-item{background:var(--surface-muted);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .notification-item.unread{background:#0ea5e924;border-color:#0ea5e95c}:root[data-theme=dark] .notification-item p,:root[data-theme=dark] .notification-item small{color:var(--text-muted)}:root[data-theme=dark] .pill{background:var(--pill-bg);color:var(--pill-text)}:root[data-theme=dark] .status-badge.active{background:#22c55e26;color:#6ee7a7}:root[data-theme=dark] .status-badge.inactive{background:#f43f5e2e;color:#fda4af}:root[data-theme=dark] .icon-button{color:var(--text-muted)}:root[data-theme=dark] .icon-button:hover{color:var(--text-strong);background:var(--surface-hover)}:root[data-theme=dark] .secondary-button{background:var(--surface);border-color:var(--border-strong);color:var(--text)}:root[data-theme=dark] .secondary-button:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-strong)}:root[data-theme=dark] .primary-button{box-shadow:0 8px 22px #88bf0038}:root[data-theme=dark] .avatar-circle{background:var(--accent-soft);color:var(--accent-strong)}:root[data-theme=dark] .placeholder-panel{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .info-card{background:var(--surface-2);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .info-card small{color:var(--text-muted)}:root[data-theme=dark] .info-card strong{color:var(--text-strong)}:root[data-theme=dark] .profile-hero{background:linear-gradient(135deg,#0d3b5c,#134e4a 60%,#1f1f3d 140%);color:#fff}:root[data-theme=dark] .profile-hero-meta strong{color:#fff}:root[data-theme=dark] .sub-panel,:root[data-theme=dark] .line-item{background:var(--surface-2);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .sub-panel h3,:root[data-theme=dark] .line-item strong{color:var(--text-strong)}:root[data-theme=dark] .details-grid label{color:var(--text-muted)}:root[data-theme=dark] .details-grid p{color:var(--text)}:root[data-theme=dark] .progress-bar{background:var(--surface-2)}:root[data-theme=dark] .progress-bar .progress-fill{background:linear-gradient(90deg,var(--accent),#f2b705)}:root[data-theme=dark] .pagination-row{color:var(--text-muted)}:root[data-theme=dark] .schema-card,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .finance-cards article{background:var(--surface-2);border-color:var(--border);color:var(--text)}.summary-cards{display:flex;flex-wrap:wrap;gap:12px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:140px;padding:14px 18px;flex:1 1 130px}.summary-card-value{font-size:22px;font-weight:700;line-height:1.2;margin:0 0 4px}.summary-card-label{color:var(--text-muted);font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.04em}.appreciation-feed{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.appreciation-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;position:relative;transition:box-shadow .15s}.appreciation-card:hover{box-shadow:0 4px 16px #00000012}.appreciation-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.appreciation-award-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px}.appreciation-date{color:var(--text-muted);font-size:12px}.appreciation-recipient{display:flex;align-items:center;gap:12px;margin-bottom:10px}.appreciation-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px;flex-shrink:0}.appreciation-name{font-weight:600;font-size:15px;margin:0 0 2px}.appreciation-from{color:var(--text-muted);font-size:12px;margin:0}.appreciation-message{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.5;margin:0;padding-top:8px;border-top:1px solid var(--border)}.tab-bar{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);padding-bottom:0}.tab-button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:8px 14px;transition:color .12s,border-color .12s}.tab-button:hover{color:var(--text)}.tab-button.active{border-bottom-color:var(--accent);color:var(--text);font-weight:600}:root[data-theme=dark] tbody tr:hover{background:var(--surface-hover)}.table-section{transition:border-color .16s ease,box-shadow .16s ease}.table-section:hover{border-color:var(--border-strong)}.approval-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:2px 10px;text-transform:capitalize}.approval-badge.pending{background:#fff7df;color:#8a5b00}.approval-badge.approved{background:#dcfce7;color:#166534}.approval-badge.rejected{background:#fee2e2;color:#991b1b}.approval-status-row{display:flex;align-items:center;gap:8px}.approval-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.secondary-button.compact.danger{color:#991b1b;border-color:#fca5a5}.secondary-button.compact.danger:hover{background:#fee2e2}:root[data-theme=dark] select:focus,:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] .search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2dd4bf33}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.calendar-weekday{background:var(--surface-raised, #f9fafb);color:var(--muted, #6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 10px;text-align:center;text-transform:uppercase}.calendar-cell{background:var(--surface, #fff);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:96px;padding:6px;transition:background .12s ease}.calendar-cell:hover{background:var(--surface-raised, #f9fafb)}.calendar-cell.muted{color:var(--muted, #9ca3af);background:var(--surface-muted, #fafbfc)}.calendar-cell.is-today .calendar-cell-date{background:var(--accent, #0d7f76);border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center;height:24px;width:24px;font-weight:700}.calendar-cell.is-selected{outline:2px solid var(--accent, #0d7f76);outline-offset:-2px}.calendar-cell-date{font-size:13px;font-weight:500;padding:0 4px}.calendar-cell-events{display:flex;flex-direction:column;gap:2px;min-height:0}.calendar-chip{border-radius:4px;color:#fff;font-size:11px;line-height:1.3;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.calendar-more{color:var(--muted, #6b7280);font-size:11px;padding:0 4px}.calendar-legend{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;padding:0 4px 12px}.legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.calendar-day-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.calendar-day-item{align-items:center;background:var(--surface-raised, #f9fafb);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:12px}:root[data-theme=dark] .calendar-cell{background:var(--surface)}:root[data-theme=dark] .calendar-cell.muted{background:#ffffff05}.settings-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px}.settings-panel{max-width:980px}.settings-upload-row{align-items:center;display:flex;gap:18px;padding-bottom:8px}.settings-logo{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:grid;flex:0 0 auto;height:72px;overflow:hidden;place-items:center;width:72px}.settings-logo img{height:100%;object-fit:contain;width:100%}.settings-logo span{color:var(--text-muted);font-size:26px;font-weight:800}.settings-toggle-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:16px}.toggle-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;gap:10px;min-height:42px;padding:10px 12px}.toggle-row input{width:auto}:root,:root[data-theme=light]{--focus-ring: 0 0 0 3px rgba(13, 127, 118, .18);--focus-ring-strong: 0 0 0 3px rgba(13, 127, 118, .32);--row-hover: rgba(13, 127, 118, .05);--status-success: #16a34a;--status-success-soft: #ecfdf3;--status-warning: #f59e0b;--status-warning-soft: #fef3c7;--status-danger: #dc2626;--status-danger-soft: #fee2e2;--status-info: #2563eb;--status-info-soft: #dbeafe;--status-neutral: #6b7785;--status-neutral-soft: #f1f4f8;--status-purple: #7c3aed;--status-purple-soft: #ede9fe}:root[data-theme=dark]{--focus-ring: 0 0 0 3px rgba(45, 212, 191, .3);--focus-ring-strong: 0 0 0 3px rgba(45, 212, 191, .45);--row-hover: rgba(45, 212, 191, .08);--status-success-soft: rgba(34, 197, 94, .18);--status-warning-soft: rgba(245, 158, 11, .18);--status-danger-soft: rgba(220, 38, 38, .18);--status-info-soft: rgba(37, 99, 235, .22);--status-neutral-soft: rgba(107, 119, 133, .22);--status-purple-soft: rgba(124, 58, 237, .22)}.topbar{border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:16px}.topbar h1{font-size:24px;letter-spacing:-.015em}.section-title{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.section-title h2{font-size:16px;font-weight:700}.section-title>span,.section-title small{color:var(--text-muted);font-size:12px;font-weight:600}.table-section,.table-card,.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.table-wrap{overflow:hidden}.table-section,.table-card{overflow:visible}.table-section{margin-bottom:22px}.table-section .table-wrap{border:0;border-radius:0;box-shadow:none;border-top:1px solid var(--border);overflow-x:auto}.table-wrap table,.data-table{border-collapse:separate;border-spacing:0;font-size:13px;width:100%}.table-wrap th,.data-table th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-subtle);font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.table-wrap td,.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 14px;vertical-align:middle}.table-wrap tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr,.data-table tbody tr{transition:background-color .12s ease}.table-wrap tbody tr:hover,.data-table tbody tr:hover{background:var(--row-hover)}.row-clickable{cursor:pointer}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;line-height:1;padding:5px 10px;text-transform:capitalize}.status-badge.active,.status-badge[data-tone=success]{background:var(--status-success-soft);color:var(--status-success)}.status-badge.inactive,.status-badge[data-tone=danger]{background:var(--status-danger-soft);color:var(--status-danger)}.status-badge[data-tone=warning]{background:var(--status-warning-soft);color:var(--status-warning)}.status-badge[data-tone=info]{background:var(--status-info-soft);color:var(--status-info)}.status-badge[data-tone=neutral]{background:var(--status-neutral-soft);color:var(--status-neutral)}.pill{background:var(--pill-bg);border-radius:999px;color:var(--pill-text);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2px;padding:4px 10px;text-transform:capitalize}.primary-button,.secondary-button{align-items:center;border-radius:8px;border-width:1px;border-style:solid;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:0;min-height:38px;padding:0 16px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.primary-button.compact,.secondary-button.compact{font-size:12.5px;min-height:34px;padding:0 12px}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff}.primary-button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.primary-button:focus-visible,.secondary-button:focus-visible{box-shadow:var(--focus-ring);outline:0}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.secondary-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.icon-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-subtle);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background-color .12s ease,color .12s ease,border-color .12s ease;width:32px}.icon-button:hover{background:var(--surface-hover);border-color:var(--border);color:var(--accent)}.icon-button.danger{color:var(--status-danger)}.icon-button.danger:hover{background:var(--status-danger-soft);border-color:var(--status-danger);color:var(--status-danger)}.icon-button:focus-visible{box-shadow:var(--focus-ring);outline:0}.table-actions{align-items:center;display:inline-flex;gap:4px}.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea,.modal-grid input,.modal-grid select,.modal-grid textarea,.filter-select,.search-box{transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.field input:focus,.field select:focus,.field textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.modal-grid input:focus,.modal-grid select:focus,.modal-grid textarea:focus,.filter-select:focus,.filter-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:0}.field input::placeholder,.field textarea::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder,.modal-grid input::placeholder,.modal-grid textarea::placeholder{color:var(--text-muted);opacity:.7}.field input:disabled,.field select:disabled,.field textarea:disabled,.form-grid input:disabled,.modal-grid input:disabled{background:var(--surface-2);color:var(--text-muted)}.field>span:first-child,.modal-grid label>:first-child{color:var(--text-subtle);font-weight:600}.task-filter-bar,.filter-bar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:10px 14px}.filter-select,.filter-input{background:var(--input-bg);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);font-size:13px;height:36px;padding:0 12px}.filter-select.compact{height:30px;padding:0 10px;font-size:12px}.modal-overlay,.modal-backdrop{align-items:center;animation:modal-fade .16s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--backdrop);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{animation:modal-rise .2s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:720px;overflow:hidden;width:100%}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card.wide{max-width:980px}.modal-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.modal-header h2{font-size:17px;font-weight:700}.modal-body{flex:1 1 auto;overflow-y:auto;padding:0}.modal-body>.form-grid,.modal-body>.modal-grid,.modal-body>.task-grid{padding:18px 20px}.modal-footer{align-items:center;background:var(--surface-2);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.modal-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.pagination-row,.pagination{align-items:center;background:var(--surface-2);border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:12px 18px}.pagination-row>span,.pagination>span{color:var(--text-subtle);font-weight:600}.page-size-control{align-items:center;color:var(--text-subtle);display:inline-flex;font-weight:600;gap:6px}.page-size-control select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;padding:4px 8px}.pagination-spacer{flex:1}.notice{border-radius:10px;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:12px 14px}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:6px;padding:36px 20px;text-align:center}.empty-state strong{color:var(--text-strong);font-size:15px;font-weight:700}.empty-state .empty-state-icon{align-items:center;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:16px;color:var(--text-muted);display:flex;height:48px;justify-content:center;margin-bottom:6px;width:48px}.sidebar a.active,.sidebar button.active,.sidebar [data-active=true]{background:var(--accent-soft);color:var(--accent)}.metric-card-button{transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.metric-card-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-input:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.login-submit{font-size:14px;font-weight:700;letter-spacing:.2px;margin-top:4px;min-height:46px}.login-demo-card{border-radius:12px;font-size:13px;padding:11px 14px}.login-demo-card:focus-visible{box-shadow:var(--focus-ring);outline:0}.login-demo-icon{border-radius:10px;flex:0 0 36px;height:36px;width:36px}.login-demo-text strong{font-size:13.5px}.login-demo-text small{color:var(--text-muted)}.toast-stack>.toast,.toast-stack [role=status]{animation:modal-rise .22s cubic-bezier(.16,1,.3,1);border-radius:10px;box-shadow:var(--shadow-md)}.dashboard-panel{border-radius:14px;box-shadow:var(--shadow-sm)}.dashboard-panel:hover{box-shadow:var(--shadow-md)}.dashboard-hero{border-radius:16px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.dashboard-hero:before{background:radial-gradient(420px 220px at 100% 0%,rgba(255,255,255,.08),transparent 60%),radial-gradient(360px 200px at 0% 100%,rgba(255,255,255,.06),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.filter-select:focus,.filter-input:focus,.search-box input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:0}tbody tr td[colSpan],tbody tr td[colspan]{color:var(--text-muted);padding:28px 16px!important;text-align:center}.sub-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin:18px 0;padding:16px}.sub-panel h3{color:var(--text-strong);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 12px;text-transform:none}@media(max-width:720px){.task-filter-bar,.filter-bar{flex-direction:column;align-items:stretch}.task-filter-bar>*,.filter-bar>*{min-width:0;width:100%}.pagination-row{flex-direction:column;gap:8px}.modal-card{border-radius:12px;max-height:calc(100vh - 24px)}.modal-overlay,.modal-backdrop{padding:12px}.primary-button,.secondary-button{flex:1 1 auto}.table-wrap th,.table-wrap td{padding:10px}.dashboard-hero-tags{flex-wrap:wrap}}[data-theme=dark] .table-wrap th,[data-theme=dark] .data-table th{background:var(--surface-2);color:var(--text-subtle)}[data-theme=dark] .table-wrap tbody tr:hover{background:var(--row-hover)}[data-theme=dark] .icon-button.danger:hover{background:#ef44442e}[data-theme=dark] .login-input:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.search-box svg{color:var(--text-muted);flex-shrink:0}.topbar{flex-wrap:wrap;row-gap:12px}.topbar>div:first-child{min-width:0}.topbar-actions{flex-wrap:wrap;flex:1 1 auto;justify-content:flex-end;min-width:0}.topbar-actions .search-box{flex:1 1 220px;min-width:200px;max-width:320px}.topbar-actions .filter-select{flex:0 1 auto;min-width:130px;max-width:180px}.topbar-actions .primary-button,.topbar-actions .secondary-button{flex:0 0 auto;white-space:nowrap}.task-filter-bar{flex-wrap:wrap;row-gap:10px}.task-filter-bar .search-box{flex:1 1 220px;min-width:200px;max-width:320px}.task-filter-bar .filter-select{flex:0 1 auto;min-width:130px;max-width:180px}@media(max-width:1100px){.topbar-actions,.task-filter-bar{width:100%;justify-content:flex-start}.topbar-actions .search-box,.task-filter-bar .search-box{max-width:none}}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:22px;transition:color .12s ease,background .12s ease}th.sortable:hover{color:var(--accent, #0d7f76)}th.sortable .sort-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:12px;height:12px;opacity:.35;transition:opacity .12s ease,transform .12s ease;vertical-align:middle}th.sortable.is-sorted .sort-indicator{opacity:1;color:var(--accent, #0d7f76)}th.sortable.is-sorted-desc .sort-indicator{transform:rotate(180deg)}:root{--dx-bg: #f6f8fb;--dx-card: #ffffff;--dx-border: #e6ecf2;--dx-text: #0f172a;--dx-muted: #64748b;--dx-track: #eef2f6;--dx-grid: #eef2f6;--dx-axis: #94a3b8;--dx-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.06);--dx-shadow-hover: 0 2px 4px rgba(15,23,42,.06), 0 16px 40px rgba(15,23,42,.1);--dx-radius: 16px}[data-theme=dark]{--dx-bg: #0b1220;--dx-card: #121a2c;--dx-border: #1f2a44;--dx-text: #e5edf6;--dx-muted: #94a3b8;--dx-track: #1b2540;--dx-grid: #1b2540;--dx-axis: #64748b;--dx-shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.45);--dx-shadow-hover: 0 2px 4px rgba(0,0,0,.5), 0 18px 44px rgba(0,0,0,.55)}.dx-hero{background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:var(--dx-radius);color:#fff;padding:28px 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:var(--dx-shadow)}.dx-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 60%);pointer-events:none}.dx-hero-copy{position:relative;z-index:1}.dx-hero-copy .eyebrow{display:inline-flex;gap:6px;align-items:center;background:#ffffff2e;color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:5px 12px;letter-spacing:.5px;text-transform:uppercase}.dx-hero-copy h1{margin:14px 0 6px;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.01em;color:#fff}.dx-hero-copy>p{color:#ffffffdb;margin:0;font-size:14px;max-width:56ch}.dx-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dx-hero-meta>span{align-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 12px}.dx-refresh{align-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 12px;transition:background .14s ease}.dx-refresh:hover:not(:disabled){background:#ffffff47}.dx-refresh:disabled{opacity:.7;cursor:default}.dx-refresh .spinning{animation:dx-spin .9s linear infinite}@keyframes dx-spin{to{transform:rotate(360deg)}}.dx-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}.dx-hero-stat{background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-left:3px solid var(--accent, #ffffff);border-radius:12px;padding:12px 14px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dx-hero-stat strong{display:block;font-size:22px;font-weight:800;line-height:1.1}.dx-hero-stat span{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#ffffffd1}.dx-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.dx-stat{align-items:center;background:var(--dx-card);border:1px solid var(--dx-border);border-radius:var(--dx-radius);box-shadow:var(--dx-shadow);color:var(--dx-text);display:flex;gap:14px;padding:16px 18px;position:relative;text-align:left;transition:transform .14s ease,box-shadow .16s ease,border-color .14s ease;overflow:hidden;width:100%}.dx-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dx-accent, #0f766e)}.dx-stat-clickable{cursor:pointer}.dx-stat-clickable:hover{transform:translateY(-1px);box-shadow:var(--dx-shadow-hover);border-color:var(--dx-accent, #0f766e)}.dx-stat-icon{align-items:center;background:var(--dx-accent-soft, rgba(15,118,110,.1));border-radius:12px;color:var(--dx-accent, #0f766e);display:flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.dx-stat-body{flex:1;min-width:0}.dx-stat-label{color:var(--dx-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.dx-stat-value{display:block;font-size:22px;font-weight:800;line-height:1.1;margin-top:2px;color:var(--dx-text);word-break:break-word}.dx-stat-foot{align-items:center;display:flex;gap:8px;margin-top:4px}.dx-stat-foot small{color:var(--dx-muted);font-size:11.5px}.dx-stat-trend{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:3px;padding:2px 8px}.dx-stat-trend.up{background:#22c55e1f;color:#16a34a}.dx-stat-trend.down{background:#f43f5e1f;color:#e11d48}.dx-stat-trend em{font-style:normal;color:var(--dx-muted);font-weight:500}.dx-stat-teal{--dx-accent: #0f766e;--dx-accent-soft: rgba(15,118,110,.12)}.dx-stat-blue{--dx-accent: #0ea5e9;--dx-accent-soft: rgba(14,165,233,.12)}.dx-stat-green{--dx-accent: #22c55e;--dx-accent-soft: rgba(34,197,94,.12)}.dx-stat-amber{--dx-accent: #f59e0b;--dx-accent-soft: rgba(245,158,11,.12)}.dx-stat-rose{--dx-accent: #f43f5e;--dx-accent-soft: rgba(244,63,94,.12)}.dx-stat-violet{--dx-accent: #a855f7;--dx-accent-soft: rgba(168,85,247,.12)}.dx-stat-orange{--dx-accent: #f97316;--dx-accent-soft: rgba(249,115,22,.12)}.dx-stat-slate{--dx-accent: #475569;--dx-accent-soft: rgba(71,85,105,.12)}.dx-row{display:grid;gap:16px;margin-bottom:20px}.dx-row-2{grid-template-columns:1fr 1fr}.dx-row-3{grid-template-columns:repeat(3,1fr)}.dx-row-2-1{grid-template-columns:2fr 1fr}.dx-card{background:var(--dx-card);border:1px solid var(--dx-border);border-radius:var(--dx-radius);box-shadow:var(--dx-shadow);color:var(--dx-text);padding:18px 20px;display:flex;flex-direction:column;min-width:0}.dx-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.dx-card-head h2{font-size:15px;font-weight:700;letter-spacing:-.005em;margin:0;color:var(--dx-text)}.dx-card-head p{color:var(--dx-muted);font-size:12.5px;margin:2px 0 0}.dx-card-link{align-items:center;background:transparent;border:1px solid var(--dx-border);border-radius:8px;color:var(--dx-text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px;white-space:nowrap;transition:background .14s ease,border-color .14s ease}.dx-card-link:hover{background:var(--dx-track);border-color:#0f766e;color:#0f766e}.dx-donut-wrap{align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr}.dx-donut{position:relative;display:inline-block;animation:dx-fade-up .6s cubic-bezier(.22,1,.36,1) both}.dx-donut svg circle{transition:stroke-width .18s ease,opacity .18s ease;cursor:pointer}.dx-donut svg:hover circle:not(:hover){opacity:.55}.dx-donut svg circle:hover{stroke-width:26}.dx-donut svg>circle:first-child:hover{stroke-width:22}.dx-donut svg circle:not(:first-child){animation:dx-donut-sweep 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes dx-donut-sweep{0%{stroke-dasharray:0 9999}}@keyframes dx-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dx-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dx-donut-center strong{font-size:26px;font-weight:800;color:var(--dx-text);line-height:1}.dx-donut-center small{font-size:11px;color:var(--dx-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.dx-legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-width:0}.dx-legend li{align-items:center;display:grid;font-size:12.5px;gap:8px;grid-template-columns:10px 1fr auto auto;color:var(--dx-text)}.dx-legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dx-legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-legend-count{font-weight:700;color:var(--dx-text)}.dx-legend-pct{color:var(--dx-muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.dx-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}.dx-bar-row{align-items:center;display:grid;gap:10px;grid-template-columns:80px 1fr 36px}.dx-bar-label{color:var(--dx-muted);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-bar-track{background:var(--dx-track);border-radius:999px;height:10px;overflow:hidden}.dx-bar-fill{border-radius:999px;display:block;height:100%;transform-origin:left center;animation:dx-bar-grow .72s cubic-bezier(.22,1,.36,1) both;position:relative;overflow:hidden}.dx-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate(-100%);animation:dx-shimmer 2.6s ease-in-out .6s infinite}@keyframes dx-bar-grow{0%{transform:scaleX(0);opacity:.5}to{transform:scaleX(1);opacity:1}}@keyframes dx-shimmer{0%{transform:translate(-100%)}60%{transform:translate(180%)}to{transform:translate(180%)}}.dx-bar-row strong{color:var(--dx-text);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.dx-chart-wrap{width:100%;animation:dx-fade-up .7s cubic-bezier(.22,1,.36,1) both}.dx-chart-wrap svg path[fill=none]{animation:dx-draw-line 1.4s cubic-bezier(.4,0,.2,1) both;stroke-dasharray:800;stroke-dashoffset:0}.dx-chart-wrap svg path[fill^=url]{animation:dx-fade-in 1.1s ease-out .2s both}.dx-chart-wrap svg circle{animation:dx-pop .5s cubic-bezier(.34,1.56,.64,1) both;transform-origin:center}.dx-chart-wrap svg rect{animation:dx-bar-rise .9s cubic-bezier(.22,1,.36,1) both;transform-origin:center bottom;transition:filter .18s ease}.dx-chart-wrap svg rect:hover{filter:brightness(1.12) drop-shadow(0 4px 8px rgba(15,118,110,.35));cursor:pointer}@keyframes dx-draw-line{0%{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes dx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dx-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dx-bar-rise{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.dx-chart-legend{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}.dx-chart-legend span{align-items:center;color:var(--dx-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px}.dx-chart-legend i{border-radius:2px;display:inline-block;height:10px;width:14px}.dx-today{display:grid;gap:12px}.dx-today-row{align-items:center;display:flex;gap:12px}.dx-today-icon{align-items:center;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.dx-today-row>div:last-of-type{display:flex;flex-direction:column}.dx-today-row strong{color:var(--dx-text);font-size:18px;font-weight:800}.dx-today-row span{color:var(--dx-muted);font-size:12px}.dx-tickets,.dx-projects{list-style:none;margin:0;padding:0;display:grid;gap:4px}.dx-ticket-row{align-items:center;border-radius:10px;cursor:pointer;display:grid;gap:10px;grid-template-columns:8px 1fr auto auto;padding:10px 8px;transition:background .12s ease}.dx-ticket-row:hover{background:var(--dx-track)}.dx-prio-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dx-ticket-main{min-width:0}.dx-ticket-main strong{color:var(--dx-text);display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-ticket-main small{color:var(--dx-muted);font-size:11.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-pill{border-radius:999px;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap;text-transform:capitalize}.dx-ticket-time{color:var(--dx-muted);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.dx-project-row{align-items:center;border-radius:10px;cursor:pointer;display:grid;gap:12px;grid-template-columns:1fr 180px;padding:10px 8px;transition:background .12s ease}.dx-project-row:hover{background:var(--dx-track)}.dx-project-main strong{color:var(--dx-text);display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-project-main small{color:var(--dx-muted);display:block;font-size:11.5px}.dx-progress{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 36px}.dx-progress-track{background:var(--dx-track);border-radius:999px;height:8px;overflow:hidden}.dx-progress-track span{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:999px;display:block;height:100%}.dx-progress strong{color:var(--dx-text);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:right}.dx-empty{align-items:center;background:var(--dx-track);border-radius:12px;color:var(--dx-muted);display:flex;font-size:13px;justify-content:center;min-height:100px;padding:16px}.dx-skeleton-hero{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}@media(max-width:1100px){.dx-hero{grid-template-columns:1fr}.dx-row-3{grid-template-columns:1fr 1fr}.dx-row-2-1{grid-template-columns:1fr}}@media(max-width:860px){.dx-row-2,.dx-row-3{grid-template-columns:1fr}.dx-donut-wrap{grid-template-columns:1fr;justify-items:center}.dx-legend{width:100%}}@media(max-width:720px){.dx-hero{padding:20px 18px;border-radius:14px}.dx-hero-copy h1{font-size:21px}.dx-hero-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.dx-hero-stat{padding:10px}.dx-hero-stat strong{font-size:18px}.dx-stat-grid{gap:10px}.dx-stat{padding:14px}.dx-stat-value{font-size:19px}.dx-card{padding:14px 16px;border-radius:14px}.dx-project-row{grid-template-columns:1fr;gap:6px}.dx-progress{grid-template-columns:1fr 36px}.dx-ticket-row{grid-template-columns:8px 1fr auto}.dx-ticket-time{display:none}.dx-bar-row{grid-template-columns:70px 1fr 30px}}.rich-editor{border:1px solid #d1d5db;border-radius:6px;background:#fff;overflow:hidden}.rich-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.rich-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;color:#475569}.rich-toolbar button:hover{background:#e2e8f0;color:#1e293b}.rich-toolbar button:focus,.rich-toolbar button:focus-visible{outline:none;box-shadow:none}.rich-divider{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.rich-content{padding:10px 12px;font-size:13.5px;line-height:1.55;outline:none;overflow-y:auto;max-height:360px}.rich-content:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.rich-content p{margin:0 0 8px}.rich-content ul,.rich-content ol{padding-left:22px;margin:6px 0}.rich-content h2{font-size:16px;margin:8px 0 4px;font-weight:700}.rich-content h3{font-size:14.5px;margin:6px 0 4px;font-weight:600}.rich-content a{color:#2563eb;text-decoration:underline}.rich-content-readonly{font-size:13.5px;line-height:1.55;white-space:normal}.rich-content-readonly p{margin:0 0 8px}.rich-content-readonly ul,.rich-content-readonly ol{padding-left:22px;margin:6px 0}.ticket-filter-bar{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e6ebf0;border-radius:12px;box-shadow:0 1px 2px #1526330a;padding:14px;margin:0 0 16px}.ticket-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ticket-filter-search{flex:1 1 320px;min-width:260px}.ticket-filter-search input{flex:1;border:none;outline:none;background:transparent;font:inherit}.ticket-date-range{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #d1d5db;border-radius:8px;background:#f8fafc;font-size:13px}.ticket-date-range:focus-within{border-color:#0f766e;background:#fff;box-shadow:0 0 0 2px #0f766e1f}.ticket-date-label{font-size:12px;font-weight:600;color:#475569;padding-right:4px;border-right:1px solid #e5e7eb}.ticket-date-sep{color:#94a3b8}.ticket-date-range input[type=date]{border:none;outline:none;background:transparent;font:inherit;color:#1f2937;padding:4px 2px;min-width:130px}.ticket-filter-actions{display:inline-flex;gap:6px;margin-left:auto}.ticket-filter-actions .primary-button.compact,.ticket-filter-actions .secondary-button.compact{padding:6px 12px}@media(max-width:720px){.ticket-filter-actions{margin-left:0;width:100%;justify-content:flex-end}.ticket-date-range{flex:1 1 100%}}:root[data-theme=dark] .ticket-filter-bar{background:#0f172a;border-color:#1e293b}:root[data-theme=dark] .ticket-date-range{background:#111827;border-color:#334155}:root[data-theme=dark] .ticket-date-range input[type=date]{color:#e2e8f0}:root[data-theme=dark] .ticket-date-label{color:#cbd5e1;border-right-color:#334155}.searchable-select{position:relative;width:100%}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13.5px;cursor:pointer;text-align:left;color:#111827}.searchable-select-trigger:hover{border-color:#94a3b8}.searchable-select-trigger:focus,.searchable-select-trigger[aria-expanded=true]{outline:none;border-color:#88bf00;box-shadow:0 0 0 3px #88bf002e}.searchable-select-trigger.disabled{background:#f3f4f6;color:#94a3b8;cursor:not-allowed}.searchable-select-trigger .subtle{color:#94a3b8}.searchable-select-icons{display:inline-flex;align-items:center;gap:6px;color:#6b7280}.searchable-select-clear{cursor:pointer;opacity:.7}.searchable-select-clear:hover{opacity:1;color:#dc2626}.searchable-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 6px 22px #0000001f;z-index:50;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.searchable-select-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #e5e7eb;background:#f8fafc;color:#475569}.searchable-select-search input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#111827}.searchable-select-options{overflow-y:auto;max-height:280px}.searchable-select-option{padding:8px 12px;cursor:pointer;font-size:13px}.searchable-select-option:hover,.searchable-select-option.selected{background:#ecfccb}.searchable-select-option.selected{font-weight:600}.searchable-select-option.disabled{color:#9ca3af;cursor:not-allowed}.searchable-select-empty{padding:12px;text-align:center;color:#94a3b8;font-size:12px}.app-topbar{align-items:center;background:var(--dx-card, #ffffff);border:1px solid var(--dx-border, #e5e7eb);border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f;display:flex;gap:16px;justify-content:space-between;margin:0 0 18px;padding:10px 14px;position:sticky;top:4px;z-index:30;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.app-topbar-title{display:flex;flex-direction:column;gap:2px;min-width:0}.app-topbar-eyebrow{color:var(--dx-muted, #64748b);font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.app-topbar-title h2{color:var(--dx-text, #0f172a);font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-actions{align-items:center;display:flex;gap:10px}.app-topbar-user{align-items:center;background:var(--dx-track, #f1f5f9);border:1px solid var(--dx-border, #e5e7eb);border-radius:999px;display:inline-flex;gap:8px;padding:4px 12px 4px 4px;transition:background .14s ease,border-color .14s ease}.app-topbar-user:hover{background:#0ea5e914;border-color:#0ea5e959}.app-topbar-avatar{align-items:center;background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:800;height:28px;justify-content:center;letter-spacing:.4px;width:28px}.app-topbar-user-meta{display:flex;flex-direction:column;line-height:1.15}.app-topbar-user-meta strong{color:var(--dx-text, #0f172a);font-size:12.5px;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-user-meta span{color:var(--dx-muted, #64748b);font-size:10.5px;font-weight:600;text-transform:capitalize}:root[data-theme=dark] .app-topbar{background:#141c26eb;border-color:#ffffff14;box-shadow:0 1px 2px #0006,0 12px 32px #00000073}:root[data-theme=dark] .app-topbar-title h2{color:#edf4f7}:root[data-theme=dark] .app-topbar-eyebrow{color:#94a3b8}:root[data-theme=dark] .app-topbar-user{background:#ffffff0f;border-color:#ffffff1f}:root[data-theme=dark] .app-topbar-user-meta strong{color:#edf4f7}:root[data-theme=dark] .app-topbar-user-meta span{color:#94a3b8}@media(max-width:880px){.app-topbar-user-meta{display:none}.app-topbar-user{padding:4px}.app-topbar-title h2{font-size:15px}}.dx-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 18px}.dx-qa{align-items:center;background:var(--dx-card, #ffffff);border:1px solid var(--dx-border, #e5e7eb);border-radius:12px;color:var(--dx-text, #0f172a);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 14px;position:relative;text-align:left;transition:transform .14s ease,box-shadow .16s ease,border-color .14s ease,background .14s ease;width:100%}.dx-qa:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a1a;border-color:var(--qa-accent, #0ea5e9)}.dx-qa-icon{align-items:center;background:var(--qa-soft, rgba(14, 165, 233, .12));border-radius:10px;color:var(--qa-accent, #0ea5e9);display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;width:34px;transition:background .14s ease,color .14s ease}.dx-qa:hover .dx-qa-icon{background:var(--qa-accent, #0ea5e9);color:#fff}.dx-qa-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-qa-badge{background:#f43f5e;border-radius:999px;color:#fff;font-size:10.5px;font-weight:800;min-width:20px;padding:2px 7px;text-align:center}.dx-qa-blue{--qa-accent: #0ea5e9;--qa-soft: rgba(14, 165, 233, .12)}.dx-qa-violet{--qa-accent: #a855f7;--qa-soft: rgba(168, 85, 247, .12)}.dx-qa-teal{--qa-accent: #0f766e;--qa-soft: rgba(15, 118, 110, .12)}.dx-qa-amber{--qa-accent: #f59e0b;--qa-soft: rgba(245, 158, 11, .15)}.dx-qa-green{--qa-accent: #22c55e;--qa-soft: rgba(34, 197, 94, .14)}:root[data-theme=dark] .dx-qa{background:#141c26eb;border-color:#ffffff14;color:#edf4f7}@media(max-width:720px){.dx-quick-actions{grid-template-columns:1fr 1fr;gap:8px}.dx-qa{padding:10px 12px;font-size:12.5px}.dx-qa-icon{height:30px;width:30px}}@media(max-width:720px){.modal-overlay,.modal-backdrop{align-items:flex-end;padding:8px 8px calc(72px + env(safe-area-inset-bottom,0px))}.modal-card{border-radius:16px;max-height:calc(100vh - 80px - env(safe-area-inset-bottom,0px));width:100%!important}.modal-card>.modal-actions,.modal-card>.modal-footer{background:var(--surface, #ffffff);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));position:sticky;bottom:0}}.dialog-card{max-width:460px}.dialog-card .dialog-header{border-bottom:1px solid #edf1f4}.dialog-title{align-items:center;display:flex;gap:10px}.dialog-title h3{font-size:16px;font-weight:700;margin:0}.dialog-icon{align-items:center;border-radius:999px;display:inline-flex;height:32px;justify-content:center;width:32px}.dialog-icon-danger{background:#ef44441f;color:#dc2626}.dialog-body{color:var(--muted, #4f5f73);font-size:14px;line-height:1.55;padding:16px 18px}.dialog-body p{margin:0 0 10px}.dialog-body p:last-child{margin-bottom:0}.dialog-field{display:grid;gap:6px;margin-top:12px}.dialog-field span{color:var(--muted, #4f5f73);font-size:12px;font-weight:600}.dialog-field input,.dialog-field textarea{background:#fff;border:1px solid #d6dee4;border-radius:8px;color:#122133;font-size:14px;min-height:38px;padding:8px 10px;width:100%}.dialog-field input:focus,.dialog-field textarea:focus{border-color:#88bf00;box-shadow:0 0 0 3px #88bf002e;outline:none}.dialog-field textarea{min-height:96px;resize:vertical}.dialog-error{color:#dc2626;font-size:12px}.primary-button.danger{background:linear-gradient(180deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.primary-button.danger:hover:not(:disabled){background:linear-gradient(180deg,#f05858,#e53636)}:root[data-theme=dark] .dialog-card .dialog-header{border-color:#ffffff14}:root[data-theme=dark] .dialog-field input,:root[data-theme=dark] .dialog-field textarea{background:#0f1c2a;border-color:#ffffff1f;color:#e7eef5}.profile-menu{position:relative}.profile-menu-trigger{align-items:center;background:#0f172a0a;border:1px solid transparent;border-radius:999px;color:inherit;display:inline-flex;gap:10px;padding:4px 10px 4px 4px;transition:background .14s ease,border-color .14s ease}.profile-menu-trigger:hover,.profile-menu-trigger.open{background:#0f172a14;border-color:#0f172a14}.profile-menu-trigger .app-topbar-user-meta{align-items:flex-start;display:flex;flex-direction:column;line-height:1.15}.profile-menu-trigger .app-topbar-user-meta strong{font-size:13px;font-weight:600}.profile-menu-trigger .app-topbar-user-meta span{color:var(--muted, #6b7a88);font-size:11px}.profile-menu-chev{color:var(--muted, #6b7a88);transition:transform .16s ease}.profile-menu-chev.open{transform:rotate(180deg)}.profile-menu-pop{background:#fff;border:1px solid #e6ebf0;border-radius:12px;box-shadow:0 18px 48px #0f172a2e;min-width:240px;overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:80}.profile-menu-head{align-items:center;border-bottom:1px solid #eef2f5;display:flex;gap:10px;margin-bottom:6px;padding:10px 10px 12px}.profile-menu-head strong{display:block;font-size:13px;font-weight:700}.profile-menu-head span{color:var(--muted, #6b7a88);font-size:11px}.profile-menu-avatar{align-items:center;background:linear-gradient(135deg,#000064,#1d3aa8);border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.profile-menu-item{align-items:center;background:transparent;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:9px 10px;text-align:left;width:100%}.profile-menu-item:hover{background:#0f172a0d}.profile-menu-item-danger{color:#dc2626}.profile-menu-item-danger:hover{background:#ef444414}:root[data-theme=dark] .profile-menu-trigger{background:#ffffff0a}:root[data-theme=dark] .profile-menu-trigger:hover,:root[data-theme=dark] .profile-menu-trigger.open{background:#ffffff14}:root[data-theme=dark] .profile-menu-pop{background:#14202d;border-color:#ffffff14;box-shadow:0 18px 48px #00000080}:root[data-theme=dark] .profile-menu-head{border-color:#ffffff14}:root[data-theme=dark] .profile-menu-item:hover{background:#ffffff0f}@keyframes skeleton-shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}.skeleton-pill{background:linear-gradient(90deg,#eef1f5,#f8fafc,#eef1f5);background-size:480px 100%;border-radius:6px;display:inline-block;height:12px;animation:skeleton-shimmer 1.4s ease-in-out infinite}:root[data-theme=dark] .skeleton-pill{background:linear-gradient(90deg,#15212e,#1d2c3c,#15212e);background-size:480px 100%}.table-skeleton{display:grid;gap:10px;padding:16px 4px}.table-skeleton-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.table-skeleton-row .skeleton-pill{height:14px}.card-skeleton-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:12px 4px}.card-skeleton{background:var(--surface, #ffffff);border:1px solid var(--border, #e6ebf0);border-radius:12px;display:grid;gap:8px;padding:14px}.empty-state{align-items:center;background:var(--surface, #ffffff);border:1px dashed var(--border, #d6dee4);border-radius:14px;color:var(--muted, #4f5f73);display:flex;flex-direction:column;gap:8px;margin:12px 4px;padding:40px 24px;text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#00006414,#88bf001f);border-radius:999px;color:#000064;display:inline-flex;height:64px;justify-content:center;margin-bottom:6px;width:64px}.empty-state h3{color:var(--text, #122133);font-size:16px;font-weight:700;margin:0}.empty-state p{color:var(--muted, #6b7a88);font-size:13px;line-height:1.55;margin:0;max-width:360px}.empty-state-action{margin-top:8px}:root[data-theme=dark] .empty-state-icon{background:linear-gradient(135deg,#637cff2e,#88bf002e);color:#c3d2ff}.error-boundary-screen{align-items:center;background:radial-gradient(circle at 20% 20%,rgba(0,0,100,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(136,191,0,.1),transparent 45%),#f5f7fa;display:flex;inset:0;justify-content:center;min-height:100vh;padding:24px;position:fixed;z-index:200}.error-boundary-card{background:#fff;border:1px solid #e6ebf0;border-radius:16px;box-shadow:0 24px 60px #0f172a29;display:grid;gap:10px;max-width:440px;padding:28px;text-align:center;width:100%}.error-boundary-icon{align-items:center;background:#ef44441f;border-radius:999px;color:#dc2626;display:inline-flex;height:56px;justify-content:center;margin:0 auto 6px;width:56px}.error-boundary-card h1{font-size:18px;font-weight:700;margin:0}.error-boundary-card p{color:var(--muted, #4f5f73);font-size:14px;line-height:1.5;margin:0}.error-boundary-detail{background:#f1f3f6;border-radius:8px;color:#4f5f73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;margin:6px 0 0;max-height:120px;overflow:auto;padding:10px;text-align:left;white-space:pre-wrap}.error-boundary-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.search-trigger{align-items:center;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:999px;color:var(--muted, #4f5f73);display:inline-flex;font-size:13px;gap:8px;padding:6px 10px 6px 12px;transition:background .14s ease,border-color .14s ease}.search-trigger:hover{background:#0f172a14;border-color:#0f172a24}.search-trigger-text{font-weight:500}.search-trigger-kbd{background:#0f172a14;border-radius:6px;color:var(--muted, #4f5f73);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;padding:2px 6px}:root[data-theme=dark] .search-trigger{background:#ffffff0d;border-color:#ffffff1a;color:#c4d1dc}:root[data-theme=dark] .search-trigger:hover{background:#ffffff17;border-color:#ffffff29}:root[data-theme=dark] .search-trigger-kbd{background:#ffffff1a;color:#d1dbe5}.search-palette-overlay{align-items:flex-start;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;inset:0;justify-content:center;padding:96px 16px 24px;position:fixed;z-index:120}.search-palette{background:#fff;border:1px solid #e6ebf0;border-radius:14px;box-shadow:0 32px 80px #0f172a47;display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 140px));max-width:640px;overflow:hidden;width:100%}.search-palette-input{align-items:center;border-bottom:1px solid #edf1f4;display:flex;gap:10px;padding:14px 16px}.search-palette-input>svg{color:var(--muted, #6b7a88)}.search-palette-input input{background:transparent;border:none;color:var(--text, #122133);flex:1;font-size:15px;outline:none;padding:0}.search-palette-input input::placeholder{color:#94a3b8}.search-palette-spinner{border:2px solid rgba(15,23,42,.12);border-top-color:#000064;border-radius:50%;display:inline-block;height:14px;width:14px;animation:search-palette-spin .7s linear infinite}@keyframes search-palette-spin{to{transform:rotate(360deg)}}.search-palette-results{flex:1;min-height:0;overflow-y:auto;padding:6px 6px 12px}.search-palette-group{margin-top:10px}.search-palette-group:first-child{margin-top:6px}.search-palette-group h4{color:var(--muted, #6b7a88);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0;padding:8px 14px 6px;text-transform:uppercase}.search-palette-group ul{list-style:none;margin:0;padding:0}.search-palette-hit{align-items:center;background:transparent;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:12px;margin:0 6px;padding:8px 10px;text-align:left;width:calc(100% - 12px)}.search-palette-hit.active{background:#0000640f}.search-palette-hit-icon{align-items:center;background:linear-gradient(135deg,#0000641a,#88bf0024);border-radius:8px;color:#000064;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.search-palette-hit-body{display:grid;flex:1;min-width:0}.search-palette-hit-body strong{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-palette-hit-body small{color:var(--muted, #6b7a88);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-palette-hit-meta{align-items:center;color:var(--muted, #6b7a88);display:inline-flex;flex:0 0 auto;gap:8px}.search-palette-hit-tag{background:#0f172a0f;border-radius:999px;color:var(--muted, #4f5f73);font-size:11px;font-weight:600;padding:2px 8px}.search-palette-empty{color:var(--muted, #6b7a88);padding:24px 16px;text-align:center}.search-palette-empty kbd{background:#0f172a0f;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 5px}.search-palette-footer{border-top:1px solid #edf1f4;color:var(--muted, #6b7a88);display:flex;font-size:11px;gap:14px;padding:8px 14px}.search-palette-footer kbd{background:#0f172a0f;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;margin-right:4px;padding:1px 5px}:root[data-theme=dark] .search-palette{background:#14202d;border-color:#ffffff14;box-shadow:0 32px 80px #0000008c}:root[data-theme=dark] .search-palette-input,:root[data-theme=dark] .search-palette-footer{border-color:#ffffff14}:root[data-theme=dark] .search-palette-input input{color:#e7eef5}:root[data-theme=dark] .search-palette-hit.active{background:#637cff24}:root[data-theme=dark] .search-palette-hit-icon{background:linear-gradient(135deg,#637cff2e,#88bf002e);color:#c3d2ff}:root[data-theme=dark] .search-palette-hit-tag{background:#ffffff14;color:#c4d1dc}:root[data-theme=dark] .search-palette-footer kbd,:root[data-theme=dark] .search-palette-empty kbd{background:#ffffff14;color:#d1dbe5}@media(max-width:720px){.search-palette-overlay{padding:48px 12px 12px}.search-trigger-text,.search-trigger-kbd{display:none}.search-trigger{border-radius:999px;padding:7px}}.dx-chart-wrap{min-height:160px;position:relative}.dx-bar-chart{min-height:0}.dx-donut .recharts-wrapper,.dx-donut .recharts-surface{width:100%!important;height:100%!important}.dx-donut .recharts-pie-sector path{transition:opacity .18s ease,transform .18s ease}.dx-donut .recharts-pie:hover .recharts-pie-sector:not(:hover) path{opacity:.65}.dx-tooltip{background:#0f172af5;border-radius:10px;box-shadow:0 12px 32px #0f172a47;color:#f8fafc;font-size:12px;min-width:160px;padding:10px 12px}.dx-tooltip-heading{color:#e2e8f0;font-size:11px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.dx-tooltip-row{align-items:center;display:flex;gap:8px;padding:3px 0}.dx-tooltip-dot{border-radius:999px;flex:0 0 auto;height:8px;width:8px}.dx-tooltip-name{color:#cbd5f5;flex:1}.dx-tooltip-value{color:#fff;font-weight:600}.dx-tooltip-value em{color:#ffffffb3;font-style:normal;margin-left:4px}.recharts-default-tooltip{background:transparent!important;border:none!important;padding:0!important}.view-toggle{background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:999px;display:inline-flex;padding:2px}.view-toggle-btn{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--muted, #4f5f73);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:background .14s ease,color .14s ease}.view-toggle-btn:hover{color:var(--text, #122133)}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0f172a14;color:#000064}:root[data-theme=dark] .view-toggle{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .view-toggle-btn.active{background:#637cff2e;color:#c3d2ff;box-shadow:none}.kanban-board{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(280px,1fr));margin:8px 0 4px;overflow-x:auto;padding:4px 4px 12px}.kanban-col{background:var(--surface, #f7f9fb);border:1px solid var(--border, #e6ebf0);border-radius:12px;display:flex;flex-direction:column;min-height:240px;min-width:280px;overflow:hidden;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.kanban-col-hover{background:#f0f5fb;border-color:#000064;box-shadow:0 0 0 2px #0000641a}.kanban-col-head{align-items:center;background:#fff;border-bottom:1px solid var(--border, #e6ebf0);border-top:3px solid transparent;display:flex;gap:8px;padding:10px 12px}.kanban-col-dot{border-radius:999px;flex:0 0 auto;height:8px;width:8px}.kanban-col-head h3{color:var(--text, #122133);flex:1;font-size:13px;font-weight:700;letter-spacing:.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-col-count{background:#0f172a14;border-radius:999px;color:var(--muted, #4f5f73);font-size:11px;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.kanban-col-body{display:grid;flex:1;gap:10px;max-height:calc(100vh - 320px);min-height:200px;overflow-y:auto;padding:10px}.kanban-col-empty{align-items:center;border:1px dashed var(--border, #d6dee4);border-radius:10px;color:var(--muted, #94a3b8);display:flex;font-size:12px;justify-content:center;min-height:80px;padding:18px 12px;text-align:center}.kanban-card{background:#fff;border:1px solid var(--border, #e6ebf0);border-radius:10px;box-shadow:0 1px 2px #0f172a0a;display:grid;gap:8px;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .12s ease}.kanban-card-draggable{cursor:grab}.kanban-card-draggable:hover{border-color:#cdd6e0;box-shadow:0 4px 12px #0f172a14;transform:translateY(-1px)}.kanban-card-draggable:active{cursor:grabbing}.kanban-card-locked{cursor:default;opacity:.85}.kanban-card-dragging{opacity:.4}.kanban-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.kanban-card-num{align-items:center;color:var(--muted, #4f5f73);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;gap:4px}.kanban-card-grip{color:#cbd5e1}.kanban-card-priority{border-radius:999px;display:inline-block;flex:0 0 auto;height:9px;width:9px}.kanban-card-subject{background:transparent;border:none;color:var(--text, #122133);cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:13.5px;font-weight:600;line-height:1.35;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis}.kanban-card-subject:hover{color:#000064}.kanban-card-meta{color:var(--muted, #6b7a88);display:flex;flex-wrap:wrap;font-size:11.5px;gap:4px 10px}.kanban-card-meta span{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.kanban-card-foot{align-items:center;border-top:1px dashed var(--border, #eef2f6);display:flex;gap:8px;justify-content:space-between;padding-top:8px}.kanban-card-engineer{align-items:center;color:var(--muted, #4f5f73);display:inline-flex;font-size:12px;gap:6px;min-width:0}.kanban-card-engineer span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-avatar{align-items:center;background:linear-gradient(135deg,#000064,#1d3aa8);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.kanban-card-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:2px}.kanban-card-actions .icon-button{height:24px;width:24px}:root[data-theme=dark] .kanban-col{background:#ffffff05;border-color:#ffffff14}:root[data-theme=dark] .kanban-col-head{background:#14202d;border-bottom-color:#ffffff14}:root[data-theme=dark] .kanban-col-hover{background:#637cff1a;border-color:#637cff73;box-shadow:0 0 0 2px #637cff2e}:root[data-theme=dark] .kanban-card{background:#14202d;border-color:#ffffff14;box-shadow:0 1px 2px #00000052}:root[data-theme=dark] .kanban-card-draggable:hover{border-color:#637cff66;box-shadow:0 4px 12px #00000073}:root[data-theme=dark] .kanban-card-subject:hover{color:#c3d2ff}:root[data-theme=dark] .kanban-col-count{background:#ffffff14;color:#c4d1dc}@media(max-width:1024px){.kanban-board{grid-template-columns:repeat(6,280px)}}@media(max-width:720px){.view-toggle-btn span{display:none}.view-toggle-btn{padding:6px 8px}.kanban-board{grid-auto-flow:column;grid-auto-columns:80vw;grid-template-columns:none;scroll-snap-type:x mandatory}.kanban-col{scroll-snap-align:start}.kanban-col-body{max-height:calc(100vh - 380px)}}