@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--navy:#0f1f3d;--navy2:#1a3158;--blue:#1e5fa8;--blue-light:#2d7dd2;--green:#1a9e5c;--green-light:#22c975;--orange:#f07c2b;--red:#e84040;--purple:#7c5cbf;--yellow:#f5c842;--bg:#ecf2fb;--bg2:#e4ecf5;--white:#fff;--text:#0f1f3d;--text2:#4a6080;--text3:#8aa0bc;--border:#d0dcea;--grad:linear-gradient(135deg, #22c975, #2d7dd2);--grad-hero:linear-gradient(135deg, #f07c2b, #e84040);--grad-dark:linear-gradient(135deg, #0f1f3d, #1a3d6b);--sp1:5px;--sp2:10px;--sp3:15px;--sp4:20px;--sp5:25px;--sp6:30px;--sp8:40px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--shadow-card:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #0f1f3d0a, 0 1px 2px #0f1f3d0d, 0 3px 12px #0f1f3d0f, 0 8px 18px #0f1f3d08;--shadow-float:0 2px 6px #0f1f3d14, 0 6px 18px #0f1f3d1a;--shadow-modal:0 4px 12px #0f1f3d1a, 0 16px 40px #0f1f3d2e, 0 40px 80px #0f1f3d24;--topbar-height:44px;--sidebar-collapsed:54px;--sidebar-expanded:250px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-snappy:cubic-bezier(.2, .8, .2, 1);--t-fast:.15s;--t-mid:.2s;--t-sidebar:.26s;--mobile-nav-height:56px;--mobile-topbar-height:52px;--tap-min:48px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}h1,h2,h3,h4,h5,h6,.font-display{font-family:Montserrat,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.shell{min-height:100vh;display:flex}.main{padding:0 var(--sp6) 16px var(--sp6);flex:1;min-width:0;overflow-y:auto}.page-header{margin-bottom:var(--sp5)}.page-title{letter-spacing:-.5px;background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;line-height:1.15;display:inline-block}.page-subtitle{color:var(--text2);margin-top:6px;font-size:13px}.section-label{color:var(--text3);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:var(--sp3);align-items:center;gap:var(--sp2);font-family:Montserrat,sans-serif;font-size:9.5px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.section{margin-bottom:var(--sp8)}.brand-badge{background:var(--white);border:1px solid var(--border);color:var(--text2);margin-top:var(--sp2);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:11px;font-weight:600;display:inline-flex}.brand-badge-dot{background:var(--grad);border-radius:999px;width:8px;height:8px}.text-gradient{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,video{max-width:100%;height:auto}.mobile-only{display:none}.desktop-only{display:block}@media (width<=768px){.mobile-only{display:block}.desktop-only{display:none}.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}@media (width<=768px){.page-title{font-size:clamp(18px,6vw,26px)}h1,h2{font-size:clamp(16px,5vw,24px)}h3{font-size:clamp(14px,4vw,20px)}.main{padding:0 var(--sp3) calc(var(--mobile-nav-height,56px) + var(--safe-bottom,0px) + 16px) var(--sp3)}.shell{flex-direction:column}.content{padding:8px 0 0!important}.kpi-grid,.stat-grid,.card-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.kpi-grid,.stat-grid,.card-grid{grid-template-columns:1fr!important}}.sidebar{width:var(--sidebar-collapsed);background:var(--bg);height:100vh;padding-bottom:var(--sp4);transition:width var(--t-sidebar) var(--ease-smooth), background var(--t-sidebar) var(--ease-smooth);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-x:hidden}.sidebar.expanded{width:var(--sidebar-expanded);background:linear-gradient(#0f1f3d 0%,#1c3a68 100%);border-right:none}.sidebar-glows{pointer-events:none;z-index:0;opacity:0;transition:opacity var(--t-sidebar) ease;background:radial-gradient(at 20% 20%,#22c9751a 0%,#0000 60%),radial-gradient(at 80% 80%,#2d7dd21f 0%,#0000 60%);position:absolute;inset:0}.sidebar.expanded .sidebar-glows{opacity:1}.sidebar-topbar{background:var(--grad);opacity:0;height:2px;transition:opacity var(--t-sidebar) ease;z-index:1;pointer-events:none;position:absolute;top:0;left:0;right:0}.sidebar.expanded .sidebar-topbar{opacity:.85}.sidebar-logo{z-index:2;align-items:center;gap:var(--sp2);padding:var(--sp2) 0;margin-bottom:var(--sp2);transition:border-color var(--t-sidebar) ease;border-bottom:1px solid #ffffff0d;justify-content:center;display:flex;position:relative;overflow:hidden}.sidebar.expanded .sidebar-logo{padding:var(--sp2) var(--sp2);border-color:#ffffff12;justify-content:flex-start}.logo-mark{background:var(--grad);width:32px;height:32px;transition:transform var(--t-mid) ease, box-shadow var(--t-mid) ease;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 1px #22c97540,0 4px 12px #22c97540}.logo-mark:hover{transform:scale(1.08);box-shadow:0 0 0 1px #22c97566,0 6px 18px #22c97566}.logo-mark svg{fill:#fff;width:16px;height:16px}.logo-text{color:#fff;letter-spacing:-.4px;white-space:nowrap;opacity:0;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;transition:opacity .18s}.sidebar.expanded .logo-text{opacity:1}.logo-text span{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-toggle{z-index:60;cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50vh;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a;overflow:visible!important}.sidebar-toggle svg{fill:none;width:14px;height:14px;stroke:var(--navy);stroke-width:2.5px;transition:transform var(--t-sidebar) var(--ease-smooth);flex-shrink:0}.sidebar-toggle:hover{background:var(--bg2);box-shadow:0 3px 12px #0f1f3d2e}.sidebar-toggle svg{transform:rotate(0)}.sidebar-toggle.is-expanded svg{transform:rotate(180deg)}.sidebar-toggle .toggle-tip{background:var(--navy);color:#ffffffe6;white-space:nowrap;pointer-events:none;opacity:0;z-index:999;border-radius:6px;padding:4px 9px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:opacity .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 14px #00000040}.sidebar-toggle .toggle-tip:before{content:"";border:5px solid #0000;border-right-color:var(--navy);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.sidebar-toggle:hover .toggle-tip{opacity:1}.nav-pill{border-radius:var(--r-md);transition:top .22s var(--ease-smooth), height .22s var(--ease-smooth), opacity .2s ease;z-index:1;pointer-events:none;opacity:0;background:#2d7dd238;border:1px solid #2d7dd259;position:absolute;left:6px;right:6px;box-shadow:0 0 16px #2d7dd233,inset 0 1px #ffffff0f}.sidebar.expanded .nav-pill{opacity:1}.sidebar-section{z-index:2;color:#ffffff73;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;opacity:0;justify-content:space-between;align-items:center;height:0;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:relative}.sidebar-section.collapsible{cursor:pointer;border-radius:8px;margin:0 4px}.sidebar-section.collapsible:hover{color:#fffc;background:#ffffff0d}.sidebar.expanded .sidebar-section{opacity:1;height:auto;padding:24px var(--sp3) 8px}.isometric-plus-btn{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #22c97559}.isometric-plus-btn:hover{transform:scale(1.1)translateY(-1px);box-shadow:0 6px 18px #22c97573}.isometric-plus-btn svg{width:16px;height:16px}.nested-nav-list{margin:0;padding:4px 0 8px 36px;list-style:none;position:relative}.nested-nav-list:before{content:"";background:#ffffff14;width:1.5px;position:absolute;top:0;bottom:15px;left:18px}.nested-item{color:#ffffffd1;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nested-item:hover{color:#fff;background:#ffffff0f}.nested-item.active{color:#fff;background:var(--blue);font-weight:700;box-shadow:0 4px 12px #1e5fa84d}.nested-item .nav-icon{opacity:.8;justify-content:center;align-items:center;width:14px;height:14px;transition:all .2s;display:flex;background:0 0!important}.nested-item .nav-icon svg{fill:currentColor;width:100%;height:100%}.nested-item:hover .nav-icon{opacity:1;transform:scale(1.15)}.nested-item.active .nav-icon{opacity:1}.chevron-icon{opacity:.5;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;transition:all .2s;display:flex}.chevron-icon:hover{opacity:1;background:#ffffff1a}.chevron-icon svg{width:12px;height:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron-icon.expanded svg{transform:rotate(180deg)}.project-nav-item.active{border-left:2px solid var(--blue);border-radius:0 8px 8px 0;margin-left:-4px;background:#ffffff0d!important;padding-left:14px!important}.nav-list{z-index:2;padding:0 4px;list-style:none;position:relative}.nav-item{border-radius:var(--r-md);width:100%;height:38px;color:var(--navy2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--t-sidebar) ease, background var(--t-fast) ease;justify-content:center;align-items:center;gap:12px;margin-bottom:2px;font-size:14px;font-weight:600;display:flex;position:relative}.sidebar.expanded .nav-item{justify-content:flex-start;padding:0 12px;overflow:hidden}.nav-item:hover{color:var(--navy);background:var(--bg2)}.nav-item.active{color:var(--blue);background:#1e5fa814}.sidebar.expanded .nav-item{color:#ffffffd9}.sidebar.expanded .nav-item:hover{color:#ffffffe0;background:#ffffff0f}.sidebar.expanded .nav-item.active{color:#fff;background:#2d7dd226;border:1px solid #10b98199;box-shadow:0 0 16px #10b98133,inset 0 1px #ffffff0f}.nav-label{opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;transition:opacity .18s;overflow:hidden}.sidebar.expanded .nav-label{opacity:1;pointer-events:auto}.nav-icon{width:28px;height:28px;transition:transform .18s var(--ease-spring), background var(--t-fast) ease;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item:hover .nav-icon{background:#0f1f3d0f;transform:scale(1.12)}.nav-item.active .nav-icon{background:#1e5fa81f}.sidebar.expanded .nav-item:hover .nav-icon{background:#ffffff14}.sidebar.expanded .nav-item.active .nav-icon{background:#2d7dd24d}.nav-icon svg{fill:currentColor;width:14px;height:14px}.nav-badge{opacity:0;border-radius:999px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.6;transition:opacity .18s;position:absolute;top:4px;right:4px}.sidebar.expanded .nav-badge{opacity:1;margin-left:auto;position:static}.nav-badge.red{color:#fff;background:#e84040d9}.nav-badge.orange{color:#fff;background:#f07c2bd9}.nav-badge.green{color:#fff;background:#1a9e5cd9}.nav-item .tooltip{background:var(--navy);color:#ffffffeb;white-space:nowrap;pointer-events:none;opacity:0;z-index:999;border-radius:7px;padding:5px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:opacity .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 14px #00000038}.nav-item .tooltip:before{content:"";border:5px solid #0000;border-right-color:var(--navy);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.sidebar:not(.expanded) .nav-item:hover .tooltip{opacity:1}.sidebar-footer{z-index:2;transition:border-color var(--t-sidebar) ease;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding:12px 8px;display:flex;position:relative}.sidebar.expanded .sidebar-footer{border-color:#ffffff12;align-items:stretch;padding:12px 16px}.btn-signout{color:#ff8080;cursor:pointer;background:#e840401a;border:1px solid #e8404073;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-signout:hover{color:#faa;background:#e8404033;border-color:#e84040a6;transform:translateY(-1px);box-shadow:0 2px 8px #e8404033}.sidebar:not(.expanded) .btn-signout span{display:none}.sidebar:not(.expanded) .btn-signout{justify-content:center;padding:10px}.sb-lang-row{justify-content:center;padding-bottom:4px;display:flex}.sidebar-footer .sidebar-header-profile{border-top:1px solid #ffffff0f;border-bottom:none;margin-bottom:0;padding:10px 0 2px}.sidebar:not(.expanded) .sidebar-footer .sidebar-header-profile{padding:8px 0 2px}.sidebar-user.sidebar-user-top{box-sizing:border-box;cursor:default;background:#ffffff0d;border-bottom:1px solid #ffffff14;border-radius:10px;width:calc(100% - 20px);margin:6px 10px 12px;padding:6px 6px 12px;overflow:visible}.sidebar:not(.expanded) .sidebar-user.sidebar-user-top{background:0 0;justify-content:center;width:40px;margin:4px auto 8px;padding:4px;overflow:hidden}.sidebar:not(.expanded) .sidebar-user.sidebar-user-top .user-info,.sidebar:not(.expanded) .sidebar-user.sidebar-user-top .user-dot{display:none}.company-logo-img{object-fit:contain;border-radius:6px;width:28px;height:28px;display:block}.logo-change-btn,.logo-remove-btn{color:#ffffff73;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.logo-change-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff47}.logo-remove-btn:hover{color:#ff8080;background:#e840402e;border-color:#e8404073}.sidebar-powered-by{opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:7px;padding:8px 2px 2px;transition:opacity .25s;display:flex;overflow:hidden}.sidebar.expanded .sidebar-powered-by{opacity:.7;pointer-events:auto}.sidebar.expanded .sidebar-powered-by:hover{opacity:1}.powered-by-logo{filter:brightness(0)invert();flex-shrink:0;width:16px;height:16px}.sidebar-powered-by span{color:#e5e7eb;letter-spacing:.3px;font-size:11px;font-weight:500}.sidebar-user{justify-content:center;align-items:center;gap:var(--sp2);border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast);width:100%;padding:7px;display:flex;overflow:hidden}.sidebar.expanded .sidebar-user{justify-content:flex-start}.sidebar-user:hover{background:#0f1f3d0a}.sidebar.expanded .sidebar-user:hover{background:#ffffff0a}.user-avatar{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;transition:box-shadow .2s;display:flex}.sidebar.expanded .user-avatar{box-shadow:0 0 0 2px #ffffff1a}.user-info{opacity:0;flex:1;min-width:0;transition:opacity .18s}.sidebar.expanded .user-info{opacity:1}.user-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-sidebar) ease;font-size:12px;font-weight:600;overflow:hidden}.sidebar.expanded .user-name{color:#fff}.user-role{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-sidebar) ease;font-size:10px;overflow:hidden}.sidebar.expanded .user-role{color:#ffffff59}.user-dot{background:var(--green);opacity:0;border-radius:999px;width:8px;height:8px;transition:opacity .18s;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #fff}.sidebar.expanded .user-dot{opacity:1;box-shadow:0 0 0 2px #1a3158}@media (width<=768px){.sidebar,.sidebar-toggle{display:none!important}}.btn{border-radius:var(--r-md);cursor:pointer;transition:transform var(--t-mid) var(--ease-snappy), box-shadow var(--t-mid) ease, background var(--t-fast) ease, filter var(--t-fast) ease;letter-spacing:.1px;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.btn svg{width:13px;height:13px;transition:transform var(--t-mid) var(--ease-snappy)}.btn:hover svg{transform:scale(1.12)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px #1e5fa840}.btn-primary:hover{background:var(--blue-light);transform:scale(1.04)translateY(-1px);box-shadow:0 6px 18px #1e5fa859}.btn-gradient{background:var(--grad);color:#fff;box-shadow:0 2px 10px #22c9754d}.btn-gradient:hover{filter:brightness(1.05);transform:scale(1.04)translateY(-1px);box-shadow:0 6px 20px #22c97566}.btn-ghost{background:var(--white);color:var(--text2);border:1px solid var(--border);box-shadow:0 1px 3px #0f1f3d0f}.btn-ghost:hover{background:var(--bg);color:var(--text);transform:scale(1.04)translateY(-1px);box-shadow:0 4px 12px #0f1f3d17}.btn-green{background:var(--green);color:#fff;box-shadow:0 2px 8px #1a9e5c40}.btn-green:hover{filter:brightness(1.06);transform:scale(1.04)translateY(-1px);box-shadow:0 6px 18px #1a9e5c59}.btn-hero{background:var(--grad-hero);color:#fff;border-radius:var(--r-lg);padding:11px 22px;font-size:13px;font-weight:800}.btn-hero:hover{filter:brightness(1.04);transform:scale(1.05)translateY(-2px)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 2px 8px #e8404040}.btn-danger:hover{filter:brightness(1.06);transform:scale(1.04)translateY(-1px);box-shadow:0 6px 18px #e8404059}.btn-icon{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;width:36px;height:36px;transition:transform .18s var(--ease-spring), box-shadow .18s ease;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 3px #0f1f3d0f}.btn-orange:hover{filter:brightness(1.06);transform:scale(1.04)translateY(-1px);box-shadow:0 6px 18px #f07c2b59}.btn-sm{padding:5px 11px;font-size:10.5px}.btn-lg{border-radius:var(--r-lg);padding:11px 22px;font-size:13px}.btn-wide{touch-action:manipulation;flex:1}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:transform var(--t-mid) var(--ease-snappy), box-shadow var(--t-mid) ease;padding:14px 16px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.card-premium{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card), 0 0 0 1px #0f1f3d05;background:#ffffffe0;border:1px solid #fff6}.card-header{margin-bottom:var(--sp2);justify-content:space-between;align-items:center;gap:var(--sp2);display:flex}.card-title-wrap{align-items:center;gap:var(--sp2);display:flex}.card-title{color:var(--navy);letter-spacing:-.2px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.card-icon-wrap{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.icon-blue{color:var(--blue);background:#1e5fa814}.icon-green{color:var(--green);background:#1a9e5c14}.icon-orange{color:var(--orange);background:#f07c2b14}.icon-red{color:var(--red);background:#e8404014}.icon-purple{color:var(--purple);background:#7c5cbf14}.card-action{color:var(--text3);cursor:pointer;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:color .15s}.card-action:hover{color:var(--blue)}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:transform var(--t-mid) var(--ease-snappy), box-shadow var(--t-mid) ease;align-items:center;gap:12px;max-width:260px;padding:10px 15px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#0f1f3d05,#0000 70%);width:60px;height:60px;position:absolute;top:0;right:0}.stat-card-value{color:var(--navy);flex-shrink:0;font-family:Montserrat,sans-serif;font-size:26px;font-weight:800;line-height:1}.stat-card-info{flex-direction:column;gap:1px;min-width:0;display:flex}.stat-card-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.stat-card-footer{align-items:center;margin:0;display:flex}.stat-trend{background:#0f1f3d0a;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-weight:700;display:flex}.stat-card-sub{color:var(--text3);font-weight:500}.stat-trend.up{color:var(--green)}.stat-trend.down{color:var(--red)}.stat-trend.neutral{color:var(--text3)}.tag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:600;line-height:1.5;display:inline-flex}.tag-default{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.tag-blue{color:var(--blue);background:#1e5fa81a;border:1px solid #1e5fa833}.tag-green{color:var(--green);background:#1a9e5c1a;border:1px solid #1a9e5c33}.tag-orange{color:var(--orange);background:#f07c2b1a;border:1px solid #f07c2b33}.tag-red{color:var(--red);background:#e840401a;border:1px solid #e8404033}.tag-purple{color:var(--purple);background:#7c5cbf1a;border:1px solid #7c5cbf33}.tag-yellow{color:#9a7a00;background:#f5c84226;border:1px solid #f5c8424d}.tag-gradient{background:var(--grad);color:#fff;border:none}.avatar{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:20px}.avatar-blue{background:linear-gradient(135deg, var(--blue), var(--blue-light));box-shadow:0 0 0 2px #1e5fa833}.avatar-green{background:linear-gradient(135deg, var(--green), var(--green-light));box-shadow:0 0 0 2px #1a9e5c33}.avatar-purple{background:linear-gradient(135deg, var(--purple), #e84040);box-shadow:0 0 0 2px #7c5cbf33}.avatar-orange{background:linear-gradient(135deg, var(--orange), var(--yellow));box-shadow:0 0 0 2px #f07c2b33}.input-label{color:var(--text2);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.input-field{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #0f1f3d0a}.input-field::placeholder{color:var(--text3)}.input-field:focus{border-color:var(--blue-light);box-shadow:0 0 0 3px #2d7dd21f,inset 0 1px 2px #0f1f3d0a}.input-hint{color:var(--text3);margin-top:4px;font-size:10.5px}.status-dot.busy{background:var(--orange);box-shadow:0 0 0 2px #f07c2b33}.status-dot.away{background:var(--yellow);box-shadow:0 0 0 2px #f5c84233}.status-dot.offline{background:var(--text3);box-shadow:0 0 0 2px #8aa0bc33}.divider{background:var(--border);height:1px;margin:var(--sp4) 0;border:none}.topbar{padding:var(--sp2) var(--sp6);background:var(--white);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0f1f3d0a}.topbar-actions{align-items:center;gap:var(--sp2);display:flex}.topbar-phase-pill{background:var(--orange);color:#fff;letter-spacing:.5px;cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:900;line-height:1.6}.empty-state{padding:var(--sp8) var(--sp4);text-align:center;color:var(--text3);justify-content:center;align-items:center;gap:var(--sp2);flex-direction:column;display:flex}.empty-state-icon{font-size:2rem}.empty-state-title{color:var(--text2);font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.empty-state-desc{font-size:12px}.notif-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r-lg);width:320px;box-shadow:var(--shadow-modal);z-index:1000;transform-origin:100% 0;animation:notifScale .2s var(--ease-spring);background:#fffffffa;margin-top:12px;display:none;position:absolute;top:100%;right:-10px;overflow:hidden}.notif-dropdown.open{display:block}@keyframes notifScale{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.notif-dd-hd{border-bottom:1px solid var(--border);background:#0f1f3d05;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-dd-title{color:var(--navy);font-size:13px;font-weight:700}.notif-dd-count{background:var(--red);color:#fff;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:10px}.notif-item{cursor:pointer;border-bottom:1px solid #0f1f3d0a;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notif-item.notif-unread:after{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;margin-top:6px}.notif-text{color:var(--text);margin-bottom:3px;font-size:12px;line-height:1.4}.notif-time-label{color:var(--text3);font-size:10.5px;font-weight:500}.notif-dd-ft{text-align:center;border-top:1px solid var(--border);padding:8px}.notif-dd-ft button{width:100%;color:var(--text2);cursor:pointer;background:0 0;border:none;padding:8px;font-size:11.5px;font-weight:600}.kcard-audit-badge{text-transform:uppercase;color:var(--orange);letter-spacing:.3px;background:#f07c2b1a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.kcard-move-btn{background:var(--bg2);cursor:pointer;border:none;border-radius:4px;width:24px;height:24px;font-size:10px;transition:all .15s}.kcard-move-btn:hover{background:var(--blue);color:#fff}.kcard-move-btn.done{background:var(--green-light);color:#fff;width:auto;padding:0 8px;font-weight:700}.kcard-move-btn.locked{opacity:.5;cursor:not-allowed;filter:grayscale()}.kcard-audit-actions{border-top:1px dashed var(--border);gap:6px;margin-top:10px;padding-top:8px;display:flex}.btn-audit{cursor:pointer;border:none;border-radius:6px;flex:1;padding:5px;font-size:10.5px;font-weight:700}.btn-audit.cancel{background:var(--red);color:#fff}@media (width<=768px){.topbar{height:52px;padding-top:env(safe-area-inset-top,0px)}.topbar-title{font-size:clamp(13px,4vw,16px)!important}.kpi-value,.stat-value,.metric-value{font-size:clamp(18px,5vw,28px)!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{-webkit-overflow-scrolling:touch;overflow-y:auto;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92dvh!important}.modal:before{content:"";background:var(--bg2);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:12px auto 4px;display:block}.modal-sm{border-radius:16px!important;width:calc(100% - 32px)!important;max-width:340px!important;margin:auto!important}.modal-overlay:has(.modal-sm){align-items:center!important}.modal .modal-body,.modal .modal-footer{padding-bottom:max(16px, env(keyboard-inset-height,0px))}.data-table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.data-table-wrap table,.table-responsive table{min-width:560px}.mobile-card-item{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;box-shadow:0 1px 4px #0f1f3d0f}.mobile-card-item+.mobile-card-item{margin-top:8px}.kanban-board,.kanban-columns,[class*=kanban-col-wrap]{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:12px;flex-direction:row!important;gap:12px!important;display:flex!important;overflow-x:auto!important}.kanban-col,[class*=kanban-column],[class*=board-col]{scroll-snap-align:start;flex-shrink:0!important;min-width:280px!important}.kanban-scroll-hint{text-align:center;color:var(--text3);padding:4px 0;font-size:11px}.recharts-wrapper,.recharts-surface{max-width:100%!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{font-size:16px!important}.pagination{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.pagination .page-numbers,.pagination [class*=page-num],.pagination [class*=page-item]:not(:first-child):not(:last-child){display:none!important}.pagination [class*=prev],.pagination [class*=next],.pagination button:first-child,.pagination button:last-child{flex:1;min-height:44px;font-size:14px;font-weight:700}.load-more-btn{width:100%;min-height:44px;padding:12px;font-size:14px;font-weight:700}.pdf-viewer-container,.pdf-scroll-wrap,[class*=pdf-wrap],[class*=pdf-container]{touch-action:pinch-zoom;-webkit-overflow-scrolling:touch;overflow:auto}.org-chart-canvas,[class*=org-chart] svg,[class*=orgchart]{touch-action:pinch-zoom}.signature-canvas,canvas[class*=sign],canvas[class*=draw]{touch-action:none}.chat-input-bar,[class*=message-input],[class*=chat-input]{z-index:10;position:sticky;bottom:0}.messages-list,[class*=message-list],[class*=chat-messages]{scroll-padding-bottom:80px}}.calendar-wrapper{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.calendar-header{border-bottom:1px solid var(--bg2);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.calendar-header:before{content:"";z-index:10;background:linear-gradient(90deg,#1e5fa8,#1a9e5c);height:3px;position:absolute;top:0;left:0;right:0}.calendar-title{color:var(--navy);align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:flex}.calendar-nav{align-items:center;gap:8px;display:flex}.calendar-actions{border-right:1px solid var(--border);gap:8px;margin-right:12px;padding-right:12px;display:flex}.calendar-btn{border:1px solid var(--bg2);width:32px;height:32px;color:var(--text2);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.calendar-btn:hover{background:var(--bg2);border-color:var(--border);color:var(--blue)}.calendar-grid{background:var(--bg2);grid-template-columns:repeat(7,1fr);gap:1px;transition:all .4s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.calendar-weekday{text-align:center;color:var(--text3);text-transform:uppercase;background:#fafbfc;padding:10px 0;font-size:11px;font-weight:700}.calendar-animating{position:relative;overflow:hidden}.calendar-days-container{background:#0f1f3d26;grid-template-columns:repeat(7,1fr);gap:1px;width:100%;transition:all .5s cubic-bezier(.23,1,.32,1);display:grid}.calendar-days-container.slide-fade-next .calendar-day{animation:.6s cubic-bezier(.2,.8,.2,1) both slideFadeNext;animation-delay:calc(var(--i,0) * 4ms)}.calendar-days-container.slide-fade-prev .calendar-day{animation:.6s cubic-bezier(.2,.8,.2,1) both slideFadePrev;animation-delay:calc(var(--i,0) * 4ms)}@keyframes slideFadeNext{0%{opacity:0;filter:blur(8px);transform:translate(40px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes slideFadePrev{0%{opacity:0;filter:blur(8px);transform:translate(-40px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.calendar-day{cursor:pointer;background:#fff;min-height:110px;padding:8px;transition:background .2s,transform .2s;position:relative}.calendar-day:hover:not(.disabled){background:#fcfdfe}.calendar-day.disabled{cursor:default;background:#fff}.calendar-day.disabled .day-number{color:var(--text3);opacity:.5}.calendar-day.today{background:#1e5fa808}.calendar-day.today .day-number{color:#fff;background:linear-gradient(135deg,#1e5fa8,#1a9e5c);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:900;display:flex;box-shadow:0 3px 10px #1a9e5c59}.day-number{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:600}.day-events{flex-direction:column;gap:3px;display:flex}.event-label{white-space:nowrap;text-overflow:ellipsis;border-radius:7px;align-items:center;gap:4px;max-width:100%;height:20px;margin-bottom:2px;padding:3.5px 10px;font-size:10px;font-weight:700;display:flex;position:relative;overflow:hidden}.event-label.span-start{z-index:2;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-9px}.event-label.span-mid{z-index:1;border-radius:0;margin-left:-9px;margin-right:-9px}.event-label.span-end{z-index:2;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-9px}.event-label:before{content:"";border-radius:50%;flex-shrink:0;width:4px;height:4px}.event-label.global{color:var(--blue);background:#1e5fa81a}.event-label.global:before{background:var(--blue)}.event-label.meeting{color:var(--purple);background:#7c5cbf1a}.event-label.meeting:before{background:var(--purple)}.event-label.deadline{color:var(--red);background:#dc35451a}.event-label.deadline:before{background:var(--red)}.event-label.personal{color:var(--text2);background:#6c757d1a}.event-label.personal:before{background:var(--text2)}.event-label.holiday{color:var(--green);background:#1a9e5c1a}.event-label.holiday:before{background:var(--green)}.labels-list{flex-direction:column;display:flex}.label-item:hover{background:var(--bg2)}.label-del-btn{opacity:.6;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.label-del-btn:hover{opacity:1;background:#dc35451a}.day-status{border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}@media (width<=768px){.calendar-day{min-height:80px;padding:4px}}.sidebar-animate-in{animation:.4s cubic-bezier(.23,1,.32,1) both sidebarIn}@keyframes sidebarIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.holiday-item-anim{animation:.4s both holidayItemFade;animation-delay:calc(var(--idx) * 30ms)}@keyframes holidayItemFade{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.meeting-lobby{max-width:1200px;margin:0 auto;padding:40px 20px}.meeting-lobby h2{color:var(--text);margin-bottom:30px;font-size:28px;font-weight:600}.create-meeting-card{border:1px solid var(--bg2);background:#fff;border-radius:8px;margin-bottom:40px;padding:24px;box-shadow:0 1px 3px #0f1f3d14}.create-meeting-card h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600}.create-meeting-card input{border:1px solid var(--bg2);border-radius:6px;width:100%;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.create-meeting-card input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1e5fa81a}.create-meeting-card button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.create-meeting-card button:hover:not(:disabled){background:var(--blue-light)}.create-meeting-card button:disabled{opacity:.6;cursor:not-allowed}.active-meetings h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600}.active-meetings p{color:var(--text2);text-align:center;background:var(--bg);border-radius:6px;padding:20px;font-size:14px}.meeting-item{border:1px solid var(--bg2);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0f1f3d14}.meeting-host{color:var(--text2);font-size:12px}.meeting-item button{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.meeting-item button:hover{background:#1a8a4a}.meeting-loading,.meeting-error{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:4px solid var(--bg2);border-top-color:var(--blue);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.meeting-error p{color:var(--text);font-size:14px}.meeting-room-container{color:#fff;background:#000;flex-direction:column;height:100vh;display:flex}.meeting-header{background:#00000080;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.meeting-header h3{margin:0;font-size:16px;font-weight:600}.participant-count{color:#ffffffb3;font-size:13px}.video-grid{background:#000;flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;padding:12px;display:grid;overflow:auto}.video-grid:has(.video-tile:only-of-type){justify-content:center;align-items:center;display:flex}.video-tile{aspect-ratio:16/9;background:#1a1a1a;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-tile.local{background:#0f1f3d}.video-tile>div{object-fit:cover;width:100%;height:100%}.name-tag{background:#0009;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:12px}.connecting{color:#ffffffb3;font-size:14px}.meeting-controls{background:#000c;border-top:1px solid #ffffff1a;justify-content:center;gap:12px;padding:16px;display:flex}.ctrl-btn{background:var(--text2);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.ctrl-btn:hover:not(.disabled){background:var(--text)}.ctrl-btn.disabled{opacity:.8;background:#e84040}.leave-btn{background:#e84040}.leave-btn:hover{background:#d63030}.mic-btn svg,.cam-btn svg{width:18px;height:18px}:root{--teal:#0e9aa7}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000008,inset 0 1px #fff6;background:#ffffffb3!important;border:1px solid #ffffff4d!important}body{height:100vh;overflow:hidden}.shell{width:100%;height:100vh;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;padding:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);height:var(--topbar-height);background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex;box-shadow:0 1px #0f1f3d0a}.topbar-title{color:var(--navy);flex:1;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.page{display:none}.page.active{animation:.22s pageIn;display:block}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sb-admin-badge{color:#22c975;text-overflow:ellipsis;letter-spacing:.5px;text-transform:uppercase;background:#22c9751f;border:1px solid #22c97533;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:14px;padding:6px 12px;font-size:10px;font-weight:800;transition:all .3s;display:flex;overflow:visible}.sidebar-user{align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.sidebar .user-name{color:#fff;white-space:nowrap;margin-bottom:1px;font-size:13.5px;font-weight:700;line-height:1.4;overflow:visible}.sidebar .user-role{color:#ffffff80;white-space:nowrap;font-size:10.5px;font-weight:500;line-height:1.4;overflow:visible}.sidebar .logo-text{align-items:center;padding-bottom:2px;line-height:1.2;display:flex}.sidebar .sidebar-logo{overflow:visible}.sidebar:not(.expanded) .sb-admin-badge span,.sidebar:not(.expanded) .sidebar-user .user-info{display:none}.sidebar:not(.expanded) .sidebar-user .user-dot{bottom:-2px;left:28px}.btn-red{background:var(--red);color:#fff;box-shadow:0 2px 8px #e8404033}.btn-red:hover{filter:brightness(1.06);transform:scale(1.03)translateY(-1px)}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 2px 8px #f07c2b33}.btn-orange:hover{filter:brightness(1.06);transform:scale(1.03)translateY(-1px)}.btn-icon{border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:inline-flex;box-shadow:0 1px 3px #0f1f3d0f}.btn-icon svg{width:14px;height:14px;fill:var(--text2);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.btn-icon:hover{transform:scale(1.1);box-shadow:0 4px 14px #0f1f3d1f}.btn-icon:hover svg{fill:var(--blue);transform:scale(1.08)}.notif-btn{border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:flex;position:relative;box-shadow:0 1px 3px #0f1f3d0f}.notif-btn:hover{transform:scale(1.1);box-shadow:0 4px 14px #0f1f3d1f}@keyframes pulse-dot{0%,to{box-shadow:0 0 #e8404066}50%{box-shadow:0 0 0 4px #e8404000}}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-item{border-bottom:1px solid var(--bg2);cursor:pointer;align-items:flex-start;gap:10px;padding:11px 16px;transition:background .12s;display:flex;position:relative}.notif-item:last-of-type{border-bottom:none}.notif-unread:after{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.notif-icon-wrap.purple{background:#f0ebfa}.notif-text{color:var(--navy);margin-bottom:2px;font-size:11.5px;font-weight:500;line-height:1.4}.notif-text strong{font-weight:700}.notif-time-label{color:var(--text3);font-size:10px}.notif-dd-ft{background:var(--bg);border-top:1px solid var(--border);text-align:center;padding:10px 16px}.notif-dd-ft button{color:var(--blue);cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600}.notif-dd-ft button:hover{text-decoration:underline}.card{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;overflow:hidden}.card-header{border-bottom:1px solid var(--bg2);align-items:center;gap:8px;padding:13px 16px 11px;display:flex}.card-icon svg{fill:#fff;width:14px;height:14px}.card-icon.blue{background:var(--blue)}.card-icon.green{background:var(--green)}.card-icon.orange{background:var(--orange)}.card-icon.purple{background:var(--purple)}.card-icon.teal{background:var(--teal)}.card-icon.red{background:var(--red)}.card-title{color:var(--navy);flex:1;font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:700}.card-action{color:var(--blue);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600}.card-action:hover{text-decoration:underline}.card-body{padding:14px 16px}.stat-card{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;padding:14px 16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)scale(1.02)}.stat-card:before{content:"";transform-origin:0;opacity:0;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover:before{opacity:1;transform:scaleX(1)}.stat-card.blue:before{background:var(--blue)}.stat-card.green:before{background:var(--green)}.stat-card.orange:before{background:var(--orange)}.stat-card.purple:before{background:var(--purple)}.stat-card.red:before{background:var(--red)}.stat-card.teal:before{background:var(--teal)}.stat-card.grad:before{background:var(--grad)}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex}.stat-card:hover .stat-icon{transform:scale(1.12)}.stat-icon svg{fill:#fff;width:15px;height:15px}.stat-icon.blue{background:var(--blue)}.stat-icon.green{background:var(--green)}.stat-icon.orange{background:var(--orange)}.stat-icon.purple{background:var(--purple)}.stat-icon.teal{background:var(--teal)}.stat-icon.red{background:var(--red)}.stat-icon.grad{background:var(--grad)}.stat-val{color:var(--navy);font-family:Montserrat,sans-serif;font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:10.5px;font-weight:600}.stat-badge{border-radius:999px;align-items:center;gap:3px;margin-top:6px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.stat-badge.up{color:var(--green);background:#e6f9f0}.stat-badge.down{color:var(--red);background:#fef0f0}.stat-badge.warn{color:var(--orange);background:#fff3e8}.stat-badge.neutral{background:var(--bg2);color:var(--text2)}.tag{letter-spacing:.2px;cursor:default;white-space:nowrap;border-radius:5px;padding:3px 8px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.tag:hover{transform:scale(1.07)translateY(-1px);box-shadow:0 3px 8px #0000001a}.tag.red{color:var(--red);background:#fef0f0}.tag.blue{color:var(--blue);background:#e8f2ff}.tag.green{color:var(--green);background:#e6f9f0}.tag.orange{color:var(--orange);background:#fff3e8}.tag.purple{color:var(--purple);background:#f0ebfa}.tag.gray{background:var(--bg2);color:var(--text2)}.tag.teal{color:var(--teal);background:#e0f7f9}.tag.yellow{color:#b8860b;background:#fef9e6}.tag-mini{letter-spacing:.2px;white-space:nowrap;border-radius:4px;align-items:center;padding:2px 6px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:800;display:inline-flex}.tag-mini-green{color:var(--green);background:#e6f9f0}.tag-mini-orange{color:var(--orange);background:#fff3e8}.tag-mini-red{color:var(--red);background:#fef0f0}.tag-mini-blue{color:var(--blue);background:#e8f2ff}.tabs{background:var(--bg2);border-radius:9px;gap:2px;width:fit-content;margin-bottom:14px;padding:3px;display:flex}.tab{cursor:pointer;color:var(--text2);border-radius:6px;padding:5px 13px;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:600;transition:all .15s}.tab.active{color:var(--navy);background:#fff;box-shadow:0 1px 4px #0000001a}.progress-bar{background:var(--bg2);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--text3);text-align:left;background:var(--bg2);text-transform:uppercase;letter-spacing:.3px;padding:9px 13px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700}.data-table td{border-bottom:1px solid var(--bg2);padding:11px 13px;font-size:12px}.data-table .td-name{color:var(--navy);font-weight:600}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;display:flex}.emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;display:flex}.approval-item{border-bottom:1px solid var(--bg2);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.approval-item:last-child{border-bottom:none}.approval-info{flex:1}.approval-name{color:var(--navy);font-size:12px;font-weight:600}.approval-sub{color:var(--text3);margin-top:2px;font-size:11px;line-height:1.4}.approval-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.approval-steps{background:var(--bg);border-radius:8px;align-items:center;gap:0;width:fit-content;margin-top:9px;padding:8px 10px;display:flex}.step-node{align-items:center;gap:5px;display:flex}.step-dot-new{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.step-dot-new.done{background:var(--green);color:#fff}.step-dot-new.current{background:var(--blue);color:#fff;box-shadow:0 0 0 3px #2d7dd233}.step-dot-new.waiting{background:var(--border);color:var(--text3)}.step-lbl{font-size:10px;font-weight:600}.step-lbl.done{color:var(--green)}.step-lbl.current{color:var(--blue);font-weight:700}.step-lbl.waiting{color:var(--text3)}.step-connector{flex-shrink:0;width:24px;height:2px;margin:0 4px}.step-connector.done{background:var(--green)}.step-connector.waiting{background:var(--border)}.check-item{background:var(--bg);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;transition:all .15s;display:flex}.check-item:hover{background:var(--bg2)}.check-item.done{opacity:.85;background:#e6f9f0}.check-item.done .check-text{color:var(--text2);text-decoration:line-through}.check-box{background:#fff;border:1.5px solid #00000029;border-radius:5.5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .18s,border-color .18s,transform .12s;display:flex;box-shadow:inset 0 1px 2px #0000000a}.check-box:hover{transform:scale(1.05)}.check-item.done .check-box{background:var(--blue);border-color:var(--blue)}.check-item.done .check-box svg{stroke:#fff;stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.check-text{color:var(--navy);flex:1;font-size:12px;font-weight:600}.check-due{color:var(--orange);font-family:Montserrat,sans-serif;font-size:10px;font-weight:700}.split-layout{gap:18px;height:calc(100vh - 110px);display:flex}.layout-left{flex:1.2;padding-right:5px;overflow-y:auto}.layout-right{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.pipeline-board{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.pipeline-col{background:var(--bg);border-radius:10px;flex:1;min-width:175px;padding:11px}.pipeline-col-hd{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;display:flex}.pipeline-card{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-card);background:#fff;border-radius:8px;margin-bottom:7px;padding:9px 11px;transition:all .15s}.pipeline-card:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 2px 10px #1e5fa81f}.pipeline-name{color:var(--navy);font-size:11.5px;font-weight:700}.pipeline-role{color:var(--text3);margin-top:1px;font-size:10.5px}.pipeline-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.chat-wrap{border-radius:var(--r-lg);border:1px solid var(--border);height:calc(100vh - 110px);box-shadow:var(--shadow-card);gap:0;display:flex;overflow:hidden}.chat-sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex}.chat-main{background:#fff;flex-direction:column;flex:1;display:flex}.chat-channel{cursor:pointer;border-radius:var(--r-md);color:var(--text2);align-items:center;gap:8px;margin:2px 6px;padding:8px 12px;font-size:12px;transition:background .12s;display:flex}.chat-channel:hover{background:var(--bg2);color:var(--navy)}.chat-channel.active{color:var(--blue);background:#1e5fa81a;font-weight:600}.chat-msg{gap:10px;padding:8px 16px;display:flex}.chat-bubble{background:var(--bg);border-radius:0 var(--r-lg) var(--r-lg) var(--r-lg);max-width:80%;color:var(--navy);padding:8px 12px;font-size:12.5px;line-height:1.5}.chat-bubble.mine{background:var(--blue);color:#fff;border-radius:var(--r-lg) 0 var(--r-lg) var(--r-lg);margin-left:auto}.broadcast-item{background:var(--bg);border-left:3px solid var(--blue);border-radius:9px;margin-bottom:8px;padding:12px;transition:box-shadow .15s}.broadcast-item:hover{box-shadow:var(--shadow-card)}.broadcast-item.urgent{border-left-color:var(--red)}.broadcast-item.info{border-left-color:var(--green)}.mini-bar{align-items:flex-end;gap:3px;height:48px;display:flex}.mini-bar-item{border-radius:3px 3px 0 0;flex:1;min-width:8px;transition:opacity .2s,transform .2s}.mini-bar-item:hover{opacity:.7;transform-origin:bottom;transform:scaleY(1.05)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--green-light);box-shadow:0 0 0 2px #22c97533}.status-dot.late{background:var(--orange)}.status-dot.absent{background:var(--red)}.status-dot.leave{background:var(--purple)}.status-dot.wfh{background:var(--blue)}.org-wrap{text-align:center;padding:24px 20px;overflow:auto}.org-node{border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;min-width:130px;box-shadow:var(--shadow-card);background:#fff;flex-direction:column;align-items:center;padding:10px 14px;transition:all .18s;display:inline-flex;position:relative}.org-node:hover{border-color:var(--blue-light);box-shadow:0 0 0 3px #2d7dd21f, var(--shadow-float);transform:translateY(-2px)}.org-node.root{background:var(--grad-dark);color:#fff;border-color:#1e5fa8;box-shadow:0 4px 18px #1e5fa852}.org-node.dept{border-top:3px solid var(--green)}.org-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto 6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;display:flex}.org-name{color:var(--navy);white-space:nowrap;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:700}.org-node.root .org-name{color:#fff}.org-node.root .org-title{color:#ffffffb3}.org-pill{border-radius:10px;margin-top:5px;padding:1px 7px;font-family:Montserrat,sans-serif;font-size:9.5px;font-weight:700;display:inline-block}.org-level{justify-content:center;align-items:flex-start;gap:18px;display:flex}.org-child{flex-direction:column;align-items:center;display:flex;position:relative}.org-child:before{content:"";background:var(--border);width:2px;height:20px;position:absolute;top:0;left:calc(50% - 1px)}.thr-cell{color:#9a6200;background:#fffbf0;font-size:11.5px;font-weight:700}.thr-header{color:#7a4800;font-weight:700;background:#fff3d4!important}.slip-inline-btn{color:var(--blue);cursor:pointer;background:#e8f2ff;border:none;border-radius:5px;padding:3px 8px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;transition:background .12s}.slip-inline-btn:hover{background:#d0e6ff}.slip-box{border:1px solid var(--border);border-radius:var(--r-lg);max-width:460px;box-shadow:var(--shadow-card);background:#fff;margin:0 auto;padding:22px;font-size:12px}.slip-divider{background:var(--grad);border-radius:2px;height:2px;margin:12px 0}.slip-row{border-bottom:1px solid var(--bg2);justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.slip-row:last-child{border-bottom:none}.slip-subtotal{background:var(--bg);border-radius:5px;justify-content:space-between;margin:4px -4px;padding:8px 4px;font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:700;display:flex}.slip-grand{border-top:2px solid var(--navy);justify-content:space-between;margin-top:6px;padding:10px 0 2px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;display:flex}.cuti-detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.cuti-info-box{background:var(--bg);border-radius:8px;padding:10px 12px}.cuti-info-label{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700}.cuti-info-value{color:var(--navy);font-size:12.5px;font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1f3d73;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:500px;max-width:95vw;box-shadow:var(--shadow-modal);background:#fff;border-radius:16px;max-height:90vh;animation:.22s cubic-bezier(.34,1.2,.64,1) slideUp;overflow:hidden auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--bg2);z-index:1;background:#fff;align-items:center;gap:10px;padding:16px 20px 14px;display:flex;position:sticky;top:0}.modal-title{color:var(--navy);flex:1;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.modal-close{background:var(--bg2);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s,transform .15s;display:flex}.modal-close:hover{background:var(--border);transform:scale(1.1)}.modal-body{padding:20px}.form-label{color:var(--navy);letter-spacing:.1px;margin-bottom:5px;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700;display:block}.form-input{width:100%;color:var(--navy);background:#ffffffe6;border:1px solid #0000001f;border-radius:10px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #0000000a,0 1px #ffffffe6}.form-input:focus{border-color:#1e5fa873;box-shadow:inset 0 1px 2px #00000005,0 0 0 3.5px #1e5fa821,0 1px #ffffffe6}.form-select{width:100%;color:var(--navy);cursor:pointer;background:#ffffffe6;border:1px solid #0000001f;border-radius:10px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}textarea.form-input{resize:vertical;line-height:1.6}.dash-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a,#065f46);border-radius:14px;align-items:center;gap:16px;margin-bottom:12px;padding:14px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0f1f3d40}.dash-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c9751f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.dash-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#2d7dd21a 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;left:30%}.dash-hero-avatar{background:var(--grad);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;display:flex;box-shadow:0 0 0 3px #ffffff26}.dash-hero-greet{opacity:.6;margin-bottom:3px;font-size:11.5px}.dash-hero-name{font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}.dash-hero-stats{text-align:center;-webkit-backdrop-filter:blur(12px);background:#0f1f3d66;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;gap:24px;margin-left:auto;padding:10px 20px;display:flex}.dash-hero-stat-val{text-shadow:0 2px 4px #0003;font-family:Montserrat,sans-serif;font-size:22px;font-weight:800}.dash-hero-stat-lbl{opacity:1;text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:10px;font-weight:700}.dash-kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=1400px){.dash-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{border:1px solid var(--border);border-radius:var(--r-lg);cursor:default;background:#fff;align-items:center;gap:12px;padding:10px 14px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0f1f3d0d,0 2px 12px #0f1f3d08}.kpi-card:before{content:"";transform-origin:0;border-radius:14px 14px 0 0;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.kpi-card:hover{border-color:#1e5fa826;transform:translateY(-3px)scale(1.015);box-shadow:0 6px 24px #0f1f3d1f}.kpi-card:hover:before{transform:scaleX(1)}.kpi-card.kpi-card-alert{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-color:#e8404033}.kpi-card.kpi-card-alert:before{background:var(--red)}.kpi-card.kpi-card-payroll{background:linear-gradient(135deg,#f0f6ff 0%,#fff 100%);border-color:#1e5fa82e}.kpi-card.kpi-card-payroll:before{background:var(--grad)}.kpi-card:not(.kpi-card-alert):not(.kpi-card-payroll):before{background:var(--grad-dark)}.kpi-icon-wrap{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex}.kpi-card:hover .kpi-icon-wrap{transform:scale(1.1)rotate(-3deg)}.kpi-icon-wrap svg{width:18px;height:18px}.kpi-blue{color:var(--blue);background:#1e5fa81a}.kpi-green{color:var(--green);background:#1a9e5c1a}.kpi-orange{color:var(--orange);background:#f07c2b1a}.kpi-red{color:var(--red);background:#e840401a}.kpi-purple{color:var(--purple);background:#7c5cbf1a}.kpi-grad{background:var(--grad);color:#fff;box-shadow:0 4px 12px #22c97540}.kpi-body{flex:1;min-width:0}.kpi-value{color:var(--navy);letter-spacing:-.5px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:800;line-height:1.1}.kpi-val-orange{color:var(--orange)}.kpi-val-red{color:var(--red)}.kpi-val-blue{color:var(--blue)}.kpi-val-green{color:var(--green)}.kpi-label{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;font-weight:700;overflow:hidden}.kpi-trend{align-items:center;gap:3px;margin-top:4px;font-size:10px;font-weight:700;display:flex}.kpi-trend.up{color:var(--green)}.kpi-trend.down{color:var(--red)}.kpi-trend.neutral{color:var(--text3)}.tmpl-card{border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-card);background:#fff;padding:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .15s;position:relative;overflow:hidden}.tmpl-card:before{content:"";background:var(--grad);transform-origin:0;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tmpl-card:hover{box-shadow:var(--shadow-float);border-color:#1e5fa833;transform:translateY(-4px)scale(1.01)}.tmpl-card:hover:before{transform:scaleX(1)}.memo-card{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:default;background:#fff;padding:14px 16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.tpl-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;padding:18px;transition:all .18s;position:relative;overflow:hidden}.tpl-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.tpl-card[data-cat=gaji]:before{background:var(--blue)}.tpl-card[data-cat=kontrak]:before{background:var(--green)}.tpl-card[data-cat=surat]:before{background:var(--orange)}.tpl-card[data-cat=form]:before{background:var(--purple)}.tpl-card:hover{box-shadow:var(--shadow-float);border-color:var(--blue-light);transform:translateY(-2px)}.tpl-card-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;font-size:18px;display:flex}.tpl-card[data-cat=gaji] .tpl-card-icon{background:#1e5fa81a}.tpl-card[data-cat=kontrak] .tpl-card-icon{background:#1a9e5c1a}.tpl-card[data-cat=surat] .tpl-card-icon{background:#f07c2b1a}.tpl-card[data-cat=form] .tpl-card-icon{background:#7c5cbf1a}.asset-photo-upload{border:2px dashed var(--border);cursor:pointer;background:var(--bg);border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;transition:all .2s;display:flex;overflow:hidden}.asset-photo-upload:hover{border-color:var(--blue-light);background:#1e5fa80a}.photo-preview-empty{flex-direction:column;align-items:center;gap:4px;display:flex}.photo-preview-filled{width:100%;height:100%}#asset-list-body code{background:var(--bg);color:var(--text2);border-radius:4px;padding:2px 4px;font-family:JetBrains Mono,Courier New,monospace;font-size:11px}.tpl-card-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;overflow:hidden}.tpl-card-desc{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.tpl-card-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tpl-card-ver{color:var(--text3);background:var(--bg2);border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.tpl-card-uses{color:var(--text3);font-size:10px}.tpl-card-fields{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;font-size:10.5px;overflow:hidden}.tpl-card-actions{gap:8px;margin-top:auto;display:flex}.tpl-card-actions .btn{border-radius:10px;flex:1;justify-content:center;align-items:center;height:34px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.tpl-card-actions .btn-gradient{background:var(--grad);color:#fff;border:none;box-shadow:0 4px 12px #22c97533}.tpl-card-actions .btn-ghost{background:var(--bg);color:var(--navy);border:1px solid var(--border)}.tpl-card-actions .btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0f1f3d1a}.tpl-card-actions .btn-delete{width:34px;color:var(--red);background:#fef0f0;border:1px solid #e840401a;flex:none;padding:0}.tpl-card-actions .btn-delete:hover{background:var(--red);color:#fff;border-color:var(--red)}.tpl-empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:48px 24px}.tpl-empty-icon{margin-bottom:10px;font-size:36px}.tpl-empty-txt{font-size:13px;font-weight:500}.regulation-bar{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.reg-bar-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700;display:flex}.reg-bar-label svg{fill:none;width:14px;height:14px;stroke:var(--text3);stroke-width:2px}.reg-options-group{flex-wrap:wrap;flex:1;gap:8px;display:flex}.reg-option{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-width:130px;padding:8px 14px;font-family:Inter,sans-serif;transition:all .18s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative}.reg-option:hover:not(.disabled){border-color:var(--blue-light);background:#f0f6ff;transform:translateY(-1px);box-shadow:0 3px 10px #1e5fa81a}.reg-option.active{border-color:var(--blue);background:linear-gradient(135deg,#1e5fa812,#1a9e5c0d);box-shadow:0 0 0 3px #1e5fa81a}.reg-option.disabled{opacity:.55;cursor:not-allowed}.reg-flag{flex-shrink:0;font-size:18px;line-height:1}.reg-info{flex-direction:column;gap:1px;display:flex}.reg-name{color:var(--navy);font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:700;line-height:1.2}.reg-desc{color:var(--text3);white-space:nowrap;font-size:10px}.reg-active-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #22c97540}.reg-soon-badge{color:var(--orange);letter-spacing:.3px;background:#fff3e8;border-radius:4px;padding:1px 5px;font-family:Montserrat,sans-serif;font-size:8px;font-weight:800;position:absolute;top:5px;right:5px}.reg-custom-config-btn{color:var(--blue);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:10px;font-weight:600;text-decoration:underline}.payroll-stats-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:stretch;gap:12px;margin-bottom:16px;display:grid}@media (width<=1400px){.payroll-stats-grid{grid-template-columns:1fr 1fr 1fr}}@media (width<=960px){.payroll-stats-grid{grid-template-columns:1fr 1fr}}.payroll-stats-grid .stat-card .stat-val{word-break:break-all;white-space:normal;line-height:1.2;font-size:20px!important}.payroll-hero-card{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.payroll-hero-card .stat-icon{margin-bottom:0!important}.payroll-compact-card{flex-direction:row!important;align-items:center!important;gap:10px!important;padding:14px!important;display:flex!important}.payroll-compact-card .stat-icon{flex-shrink:0;margin-bottom:0!important}.payroll-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.payroll-toolbar-left,.payroll-toolbar-right{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.payroll-filter-sel{min-width:90px;height:34px;border-radius:9px!important;width:auto!important;padding:7px 10px!important;font-size:12px!important}.payroll-table-wrap{padding-bottom:24px;overflow:auto visible}.payroll-table{min-width:900px}.payroll-table th{white-space:nowrap;-webkit-user-select:none;user-select:none}.payroll-table th.sortable{cursor:pointer;transition:background .15s,color .15s}.payroll-table th.sortable:hover{color:var(--blue);background:#1e5fa80d}.payroll-table td{white-space:nowrap;vertical-align:middle;transition:background .15s}.payroll-table tbody tr{transition:transform .1s,box-shadow .15s;position:relative}.payroll-table tbody tr:hover td{background:#f8fbff}.payroll-table td.thr-cell{background:#fffbf0}.payroll-table td.thr-paid{color:var(--green);background:#e6f9f0;font-weight:700}.payroll-table tr.row-locked{background:#fafbfc}.payroll-table tr.row-locked td{opacity:.8}.payroll-table tr.row-locked:hover td{background:#f4f6f8}.payroll-table tr.row-selected td{background:#1e5fa80a}.payroll-table td input[type=checkbox]{cursor:pointer;accent-color:var(--blue);width:15px;height:15px}@media (width<=768px){.payroll-toolbar{flex-direction:column;align-items:stretch}.payroll-toolbar-left,.payroll-toolbar-right{justify-content:flex-start;width:100%}.payroll-analytics-panel>div{flex-direction:column}.floating-bulk-bar{text-align:center;flex-wrap:wrap;justify-content:center;width:90%;bottom:12px}.modal{margin:20px;width:95%!important}.payroll-table-wrap{font-size:11px}}.floating-bulk-bar{z-index:1000;background:#fff;border-radius:50px;align-items:center;gap:16px;padding:8px 10px 8px 20px;animation:.2s cubic-bezier(.175,.885,.32,1.275) slide-up-fade;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026,0 0 0 1px #1e5fa81a}@keyframes slide-up-fade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.floating-bulk-bar .bulk-count{color:var(--navy);white-space:nowrap;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.floating-bulk-bar .bulk-count span{color:#fff;background:var(--blue);border-radius:10px;margin-right:4px;padding:2px 6px;font-size:11px}.floating-bulk-bar .bulk-actions{gap:6px;display:flex}.payroll-status{white-space:nowrap;letter-spacing:.2px;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-family:Montserrat,sans-serif;font-size:9.5px;font-weight:700;display:inline-flex}.payroll-status.draft{background:var(--bg2);color:var(--text2)}.payroll-status.processed{color:var(--blue);background:#e8f2ff}.payroll-status.locked{color:var(--green);background:#e6f9f0}.payroll-status svg{fill:currentColor;width:9px;height:9px}.lock-indicator{color:var(--text3);align-items:center;gap:3px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;display:inline-flex}.thr-accrual-label{color:var(--text3);font-size:10px;font-style:italic}.payroll-summary-bar{background:var(--grad-dark);color:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:0;margin-top:14px;padding:14px 20px;display:flex;box-shadow:0 4px 20px #0f1f3d33}.payroll-sum-item{text-align:center;flex:1;min-width:120px;padding:0 12px;position:relative}.payroll-sum-item+.payroll-sum-item:before{content:"";background:#ffffff26;width:1px;height:32px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.payroll-sum-label{opacity:.6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600}.payroll-sum-value{font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.payroll-sum-value.green{color:#5eff9e}.payroll-sum-value.red{color:#ff8080}.payroll-sum-actions{flex-shrink:0;gap:8px;margin-left:auto;padding-left:16px;display:flex}.payroll-trend-bars{align-items:flex-end;gap:4px;height:42px;margin-top:6px;display:flex}.payroll-trend-bar{cursor:pointer;background:#1e5fa833;border-radius:3px 3px 0 0;flex:1;min-height:6px;transition:background .15s,transform .15s;position:relative}.payroll-trend-bar.current{background:var(--blue)}.payroll-trend-bar:hover{background:var(--blue);transform-origin:bottom;transform:scaleY(1.06)}.payroll-trend-bar:after{content:attr(data-tip);background:var(--navy);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:5px;padding:3px 6px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:600;transition:opacity .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.payroll-trend-bar:hover:after{opacity:1}.payroll-trend-month-labels{gap:4px;margin-top:3px;display:flex}.payroll-trend-month-labels span{text-align:center;color:var(--text3);flex:1;font-family:Montserrat,sans-serif;font-size:8.5px;font-weight:600}.modal-xl{width:680px!important;max-width:95vw!important}.modal-lg{width:580px!important;max-width:95vw!important}.payslip-wrap{font-family:Inter,sans-serif}.payslip-header{border-bottom:2px solid var(--grad);align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.payslip-logo{background:var(--grad-dark);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.payslip-logo svg{fill:#fff;width:22px;height:22px}.payslip-co-name{color:var(--navy);font-family:Montserrat,sans-serif;font-size:16px;font-weight:800}.payslip-co-name span{color:var(--green)}.payslip-co-sub{color:var(--text3);margin-top:1px;font-size:11px}.payslip-period{text-align:right;margin-left:auto}.payslip-period-label{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600}.payslip-period-val{color:var(--blue);font-family:Montserrat,sans-serif;font-size:13px;font-weight:800}.payslip-emp-grid{background:var(--bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:12px 14px;display:grid}.payslip-emp-label{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:9.5px;font-weight:600}.payslip-emp-val{color:var(--navy);font-size:12px;font-weight:600}.payslip-cols{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.payslip-section-title{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;display:flex}.payslip-section-title.income{color:var(--green)}.payslip-section-title.deduct{color:var(--red)}.payslip-line{border-bottom:1px solid var(--bg2);justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.payslip-line:last-child{border-bottom:none}.payslip-line-label{color:var(--text2)}.payslip-line-amount{color:var(--navy);font-family:Montserrat,sans-serif;font-weight:600}.payslip-subtotal{background:var(--bg);border-radius:7px;justify-content:space-between;align-items:center;margin-top:6px;padding:7px 10px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;display:flex}.payslip-subtotal .amount{color:var(--navy)}.payslip-net-bar{background:linear-gradient(135deg, var(--navy), #1e5fa8);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;display:flex}.payslip-net-label{opacity:.8;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700}.payslip-net-amount{color:#5eff9e;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}.payslip-terbilang{color:var(--text3);text-align:center;margin-bottom:14px;font-size:11px;font-style:italic}.payslip-footer{color:var(--text3);text-align:center;border-top:1px dashed var(--border);padding-top:12px;font-size:10.5px;line-height:1.6}.payroll-alert-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.payroll-alert-item{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;display:flex}.payroll-alert-item.error{background:#fef0f0;border:1px solid #e8404033}.payroll-alert-item.warning{background:#fff3e8;border:1px solid #f07c2b33}.payroll-alert-item.ok{background:#e6f9f0;border:1px solid #1a9e5c33}.payroll-alert-icon{flex-shrink:0;margin-top:1px;font-size:15px}.payroll-alert-msg{color:var(--navy);font-weight:500;line-height:1.4}.payroll-alert-names{color:var(--text3);margin-top:3px;font-size:10.5px;font-style:italic}.custom-reg-section{background:var(--bg);border-radius:10px;margin-bottom:12px;padding:14px}.custom-reg-section-title{color:var(--navy);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;display:flex}.social-component-row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.social-component-row input,.social-component-row select{border:1px solid var(--border);color:var(--navy);border-radius:8px;flex:1;padding:7px 10px;font-family:Inter,sans-serif;font-size:12px}.social-component-row .del-btn{width:28px;height:28px;color:var(--red);cursor:pointer;background:#fef0f0;border:1px solid #e8404026;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:background .12s;display:flex}.social-component-row .del-btn:hover{background:var(--red);color:#fff}.reg-detail-panel{background:var(--bg);border-radius:10px;margin-bottom:12px;padding:14px}.reg-detail-row{border-bottom:1px solid var(--bg2);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.reg-detail-row:last-child{border-bottom:none}.reg-detail-row label{color:var(--text2);font-weight:500}.reg-detail-row span{color:var(--navy);font-family:Montserrat,sans-serif;font-weight:700}.bulk-preview-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:12px}.bulk-preview-table th{background:var(--bg2);color:var(--text3);text-align:left;text-transform:uppercase;letter-spacing:.3px;padding:7px 10px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700}.bulk-preview-table td{border-bottom:1px solid var(--bg2);padding:8px 10px}.bulk-preview-table tr:last-child td{border-bottom:none}.old-val{color:var(--text3);font-size:11px;text-decoration:line-through}.new-val{color:var(--green);font-family:Montserrat,sans-serif;font-weight:700}.input-prefix-wrap{position:relative}.input-prefix{color:var(--text3);pointer-events:none;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-with-prefix{padding-left:28px!important}.input-suffix-wrap{position:relative}.input-suffix{color:var(--text3);pointer-events:none;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-with-suffix{padding-right:30px!important}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.toggle-label{color:var(--navy);font-size:12px;font-weight:600}.toggle-switch{flex-shrink:0;width:36px;height:20px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);cursor:pointer;border-radius:20px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.bank-option{border:1.5px solid var(--border);cursor:pointer;background:var(--bg);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.bank-option:hover{border-color:var(--blue-light);background:#f0f6ff}.bank-option.selected{border-color:var(--blue);background:#1e5fa80d;box-shadow:0 0 0 3px #1e5fa81a}.bank-logo{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:28px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;display:flex}.bank-name{color:var(--navy);font-size:12.5px;font-weight:700}.bank-desc{color:var(--text3);font-size:10.5px}.bank-format{color:var(--blue);white-space:nowrap;margin-left:auto;font-size:10px;font-weight:600}.komponen-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.komponen-row input{border:1px solid var(--border);color:var(--navy);border-radius:8px;flex:1.5;padding:7px 10px;font-family:Inter,sans-serif;font-size:12px}.komponen-row .rp-input{flex:1}@media print{.shell>:not(.payslip-print-area),.topbar,.sidebar,.sidebar-toggle,.modal-overlay>.modal>.modal-header .modal-close,.payslip-modal-actions{display:none!important}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:auto!important;background:0 0!important;display:block!important;position:static!important}.modal{box-shadow:none!important;border-radius:0!important;width:100%!important;max-height:none!important;animation:none!important}.payslip-wrap{padding:0}body,.shell{height:auto!important;overflow:visible!important}.main,.content{overflow:visible!important}}.analytics-kpi-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.kpi-card-v2{border-radius:24px;flex-direction:column;gap:12px;padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex}.kpi-card-v2:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.kpi-v2-header{justify-content:space-between;align-items:center;display:flex}.kpi-v2-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.kpi-v2-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.kpi-v2-icon.green{color:var(--green);background:#e6f9f0}.kpi-v2-icon.blue{color:var(--blue);background:#e8f2ff}.kpi-v2-icon.orange{color:var(--orange);background:#fff3e8}.kpi-v2-icon svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:16px;height:16px}.kpi-v2-main{align-items:baseline;gap:10px;display:flex}.kpi-v2-val{color:var(--navy);letter-spacing:-1px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:800}.kpi-v2-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.kpi-v2-badge.up{color:var(--green);background:#e6f9f0}.kpi-v2-badge.down{color:var(--red);background:#fef0f0}.kpi-v2-footer{color:var(--text3);font-size:11px;font-weight:500}.analytics-main-row{grid-template-columns:2fr 1fr;align-items:flex-start;gap:20px;display:grid}.chart-card-large{border-radius:24px!important}.hr-viz-container{margin-top:10px;position:relative}.chart-labels{justify-content:space-between;margin-top:8px;padding:0 10px;display:flex}.chart-labels span{color:var(--text3);text-transform:uppercase;font-size:10px;font-weight:700}.legend-item{color:var(--text2);align-items:center;gap:6px;margin-left:15px;font-size:11px;font-weight:600;display:inline-flex}.legend-item .dot{border-radius:50%;width:6px;height:6px}.legend-item .dot.blue{background:var(--blue)}.legend-item .dot.red{background:var(--red)}.analytics-side-col{flex-direction:column;gap:20px;display:flex}.progress-bar-v2{background:var(--bg);border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.pb-fill{border-radius:3px;height:100%}.pb-fill.blue{background:var(--blue)}.pb-fill.purple{background:var(--purple)}.pb-fill.green{background:var(--green)}.budget-stat{margin-bottom:16px}.bs-info{color:var(--navy);justify-content:space-between;margin-bottom:4px;font-size:11.5px;font-weight:600;display:flex}.highlight-card{color:#fff;background:var(--grad-dark)!important;border:none!important}.highlight-card .card-title{color:#fff}.hiring-pie-mock{justify-content:center;align-items:center;gap:20px;padding:10px 0;display:flex}.pie-ring{border:10px solid #ffffff0d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.pie-ring:after{content:"";border:10px solid #0000;border-top-color:var(--green);border-radius:50%;position:absolute;inset:-10px;transform:rotate(45deg)}.pie-val{font-family:Montserrat,sans-serif;font-size:24px;font-weight:800}.pie-sub{opacity:.7;text-transform:uppercase;font-size:9px;font-weight:700}.pie-legend{flex-direction:column;gap:8px;font-size:10px;font-weight:700;display:flex}.pie-legend .dot{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.page-header-v2{justify-content:space-between;align-items:center;margin-bottom:24px;padding:4px 0;display:flex}.ph-title{color:var(--navy);margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}.ph-subtitle{color:var(--text3);font-size:12px;font-weight:500}.ph-actions{gap:10px;display:flex}.select-sm{border-radius:8px;height:32px;padding:6px 10px;font-size:11px}.hf-input-v3{width:100%;height:48px;color:var(--navy);box-sizing:border-box;background:#f7faff;border:2px solid #c8d8ec;border-radius:14px;outline:none;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 4px #0f1f3d0f}.hf-input-v3:hover:not(:focus):not(:disabled){background:#f0f6ff;border-color:#a8c0dd;box-shadow:inset 0 1px 4px #0f1f3d14}.hf-input-v3:focus{border-color:var(--blue);background:#fff;box-shadow:inset 0 1px 4px #0f1f3d0a,0 0 0 4px #1e5fa821}.hf-input-v3:disabled{background:var(--bg);opacity:.6;cursor:not-allowed}.hf-input-v3::placeholder{color:var(--text2);opacity:.55;font-weight:500}.hf-select-wrapper{position:relative}.hf-select-wrapper:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--text2);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.hf-select-wrapper .hf-select{appearance:none;cursor:pointer;padding-right:40px}.hf-select-wrapper .hf-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5fa81a}.laporan-split-wrapper{align-items:flex-start;gap:0;min-height:0;display:flex}.laporan-main-content{flex:1;min-width:0}.laporan-task-panel{border-left:1px solid var(--border,#e2e8f0);background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;width:380px;max-height:calc(100vh - 80px);margin-left:16px;animation:.25s ltpSlideIn;display:flex;overflow-y:auto;box-shadow:0 4px 24px #0f1f3d14}@keyframes ltpSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.ltp-header{border-bottom:1px solid var(--border,#e2e8f0);z-index:1;background:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex;position:sticky;top:0}.ltp-title{color:var(--navy,#0f1f3d);font-family:Montserrat,sans-serif;font-size:14px;font-weight:800}.ltp-close{cursor:pointer;color:var(--text2,#4a6080);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.ltp-close:hover{background:var(--bg2,#e4ecf5)}.ltp-body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex}.ltp-field{flex-direction:column;gap:5px;display:flex}.ltp-label{color:var(--navy,#0f1f3d);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.ltp-input,.ltp-textarea,.ltp-select{border:1px solid var(--border,#e2e8f0);color:var(--navy,#0f1f3d);background:var(--bg,#f0f4f9);border-radius:8px;outline:none;padding:8px 11px;font-family:inherit;font-size:13px;transition:border-color .15s}.ltp-input:focus,.ltp-textarea:focus,.ltp-select:focus{border-color:var(--blue,#1e5fa8);background:#fff}.ltp-textarea{resize:vertical;min-height:72px}.ltp-members-grid{grid-template-columns:repeat(2,1fr);gap:7px;max-height:160px;display:grid;overflow-y:auto}.ltp-member-card{border:1.5px solid var(--border,#e2e8f0);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.ltp-member-card:hover{border-color:var(--blue,#1e5fa8);background:#1e5fa808}.ltp-member-card.selected{border-color:var(--blue,#1e5fa8);background:#1e5fa812}.ltp-member-avatar{color:#fff;background:linear-gradient(135deg,#1e5fa8,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.ltp-member-name{color:var(--navy,#0f1f3d);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}.ltp-footer{border-top:1px solid var(--border,#e2e8f0);background:#fff;border-radius:0 0 12px 12px;gap:8px;padding:14px 20px;display:flex;position:sticky;bottom:0}.ltp-btn-submit{background:var(--blue,#1e5fa8);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .15s}.ltp-btn-submit:hover{opacity:.87}.ltp-btn-submit:disabled{opacity:.5;cursor:not-allowed}.ltp-btn-cancel{border:1px solid var(--border,#e2e8f0);color:var(--text2,#4a6080);cursor:pointer;background:#fff;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600}.ltp-btn-cancel:hover{background:var(--bg2,#e4ecf5)}@keyframes iw-pulse-orange{0%,to{box-shadow:0 0 #f07c2b8c}50%{box-shadow:0 0 0 6px #f07c2b00}}@keyframes iw-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}@keyframes iw-pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 0 2px #f07c2b2e}50%{transform:scale(1.06);box-shadow:0 0 0 6px #f07c2b00}}@media (prefers-reduced-motion:reduce){[style*=iw-pulse-orange],[style*=iw-pulse-dot],[style*=iw-pulse-badge]{animation:none!important}}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#0f1f3d0e 1px,#0000 1px),linear-gradient(90deg,#0f1f3d0e 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}:root{--sidebar-collapsed:56px;--sidebar-expanded:250px}body{background:var(--bg);height:100vh;overflow:hidden}.shell{width:100%;height:100vh;display:flex;overflow:hidden;gap:0!important}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;margin:0!important;padding:0!important}.topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;position:relative;box-shadow:0 1px #0f1f3d0a}.topbar:before{content:"";z-index:10;background:linear-gradient(90deg,#1e5fa8,#1a9e5c);height:3px;position:absolute;top:0;left:0;right:0}.topbar-title{color:var(--navy);font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.topbar-right{align-items:center;gap:12px;display:flex}#topbar-workspace-tools{background:#0f1f3d0a;border:1px solid #0f1f3d08;border-radius:12px;align-items:center;gap:6px;margin-left:12px;padding:4px;display:flex}.workspace-tool-btn{border:1px solid var(--border);height:32px;color:var(--navy);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.workspace-tool-btn:hover{border-color:var(--blue-light);color:var(--blue);transform:translateY(-1px);box-shadow:0 4px 12px #0f1f3d14}.topbar-workspace-tools-v2{background:#0f1f3d08;border:1px solid #0f1f3d0a;border-radius:14px;align-items:center;gap:8px;margin-left:16px;padding:4px 8px;display:flex}.twt-search{align-items:center;display:flex;position:relative}.twt-search svg{width:13px;height:13px;color:var(--text3);pointer-events:none;position:absolute;left:10px}.twt-search input{background:#fff;border:1px solid #0f1f3d1a;border-radius:10px;width:180px;padding:6px 12px 6px 30px;font-family:inherit;font-size:11.5px;transition:all .25s}.twt-search input:focus{border-color:var(--blue-light);outline:none;width:240px;box-shadow:0 0 0 3px #1e5fa814}.twt-btn{width:30px;height:30px;color:var(--text2);cursor:pointer;background:#fff;border:1px solid #0f1f3d1a;border-radius:9px;justify-content:center;align-items:center;transition:all .2s;display:flex}.twt-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-1px)}.twt-btn svg{stroke-width:2.5px;width:14px;height:14px}.wizard-modal{border-radius:28px!important;max-width:580px!important}.task-step-bar-v2{align-items:center;margin-bottom:24px;padding:24px 30px 10px;display:flex}.wizard-node{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.wizard-dot{background:var(--bg2);width:30px;height:30px;color:var(--text3);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.wizard-dot.active{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(1.1);box-shadow:0 0 0 5px #1e5fa81f}.wizard-dot.done{background:var(--green);color:#fff;border-color:var(--green)}.wizard-dot.done:after{content:"✓";font-size:14px}.wizard-dot.done span{display:none}.wizard-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-top:4px;font-size:9px;font-weight:800}.wizard-label.active{color:var(--blue)}.wizard-track{background:var(--border);border-radius:2px;flex:1;height:2px;margin:0 8px 18px;position:relative;overflow:hidden}.wizard-track-fill{background:var(--green);width:0%;transition:width .5s;position:absolute;inset:0}.wizard-screen{animation:.5s cubic-bezier(.16,1,.3,1) both wizardIn;display:none}.wizard-screen.active{display:block}@keyframes wizardIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.kanban-board{scrollbar-width:thin;align-items:flex-start;gap:20px;min-height:calc(100vh - 160px);padding:4px 0 20px;display:flex;overflow-x:auto}.kanban-column{border-top:3px solid var(--border);background:#0f1f3d05;border-radius:20px;flex-direction:column;gap:16px;width:320px;min-width:320px;padding:16px;transition:all .3s;display:flex}.kanban-column:first-child{background:linear-gradient(#f3f4f699,#0000);border-top-color:#9ca3af}.kanban-column:nth-child(2){border-top-color:var(--blue);background:linear-gradient(#1e5fa80a,#0000)}.kanban-column:nth-child(3){border-top-color:var(--purple);background:linear-gradient(#7c5cbf0a,#0000)}.kanban-column:nth-child(4){border-top-color:var(--green);background:linear-gradient(#22c9750a,#0000)}.kanban-column .column-header{justify-content:space-between;align-items:center;padding:0 4px 4px;display:flex}.task-card{cursor:grab;background-color:#fff;background-image:linear-gradient(#0f1f3d04 1px,#0000 1px),linear-gradient(90deg,#0f1f3d04 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #0f1f3d14;border-radius:16px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0f1f3d08}.task-card.dragging{cursor:grabbing;z-index:1000;transform:rotate(2deg)scale(1.02);box-shadow:0 20px 40px #0f1f3d26}.task-card-title{color:var(--navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.task-meta{align-items:center;gap:10px;display:flex}.task-meta-item{color:var(--text3);align-items:center;gap:5px;font-size:10.5px;font-weight:700;display:flex}.task-meta-item svg{stroke-width:2.5px;width:12px;height:12px}.kcard-assignees{margin-left:4px;display:flex}.kcard-av{color:#fff;background:var(--blue);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-8px;font-size:9px;font-weight:800;display:flex;box-shadow:0 2px 6px #0000001a}@media (width<=1024px){.stat-grid-v2{grid-template-columns:1fr 1fr}}@media (width<=768px){.stat-grid-v2{grid-template-columns:1fr}.kanban-board{padding:4px 16px 20px}.kanban-column{width:280px;min-width:280px}.topbar{padding:0 12px}.twt-search input{width:120px}.twt-search input:focus{width:160px}}@media (width<=480px){.topbar-title{display:none}.topbar-badge{font-size:9px}.kanban-breadcrumb{display:none}.wizard-modal{border-radius:20px!important;max-height:95vh!important;margin:10px!important}.task-step-bar-v2{padding:16px 16px 0}.wizard-label{display:none}.dashboard-grid-2,.stat-strip{grid-template-columns:1fr!important}.content{padding:16px!important}}.rev-hd{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rev-val{font-family:Montserrat,sans-serif;font-size:22px;font-weight:800}.rev-sub{opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px}.rev-pills{gap:8px;display:flex}.rev-pill{background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.salary-eye-btn{cursor:pointer;color:var(--text3);vertical-align:middle;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:4px;transition:all .2s;display:inline-flex}.salary-eye-btn:hover{color:var(--blue);background:#0f1f3d0d}.salary-table-val{transition:all .3s}.salary-table-val.masked{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.6}.month-picker-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;opacity:0;background:#fffffff2;border:1px solid #0f1f3d1a;border-radius:14px;width:220px;padding:12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:none;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(10px);box-shadow:0 10px 25px -5px #0f1f3d26,0 8px 10px -6px #0f1f3d1a}.month-picker-dropdown.active{opacity:1;display:block;transform:translateY(0)}.m-picker-hd{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-left:4px;font-size:11px;font-weight:700}.m-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.m-item{height:34px;color:var(--navy);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.m-item:hover{background:var(--bg2);color:var(--blue)}.m-item.active{color:var(--blue);background:#1e5fa81a;border-color:#1e5fa833}.workspace-tool-btn svg{stroke:currentColor;opacity:.8;width:14px;height:14px}.topbar-badge{color:var(--blue);background:#1e5fa81a;border-radius:999px;padding:3px 10px;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700}.content{flex:1;padding:15px 20px;overflow-y:auto}.page{animation:.3s cubic-bezier(.4,0,.2,1) pageIn;display:block}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff6;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000000d,0 2px 6px #00000005}.stat-glass-card:hover{border-color:#fffc;transform:translateY(-2px);box-shadow:0 20px 40px -12px #00000014}.stat-glass-card:before{content:"";background:var(--brand-ref);opacity:.8;width:4px;position:absolute;top:0;bottom:0;left:0}.sgc-icon{background:#0f1f3d0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.sgc-info{flex:1;min-width:0}.sgc-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:700}.sgc-value{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:4px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;display:flex;overflow:hidden}.sgc-sub{color:var(--text3);margin-top:2px;font-size:11px;font-weight:500}.sgc-badge{color:var(--green);background:#22c9751f;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:9px;font-weight:700}.sidebar-glows{pointer-events:none}.sidebar.expanded .sidebar-section{padding:10px 14px 2px}.sidebar.expanded .nav-item{padding:5px 10px}.nav-item{margin-bottom:0}.nav-item .nav-icon svg line,.nav-item .nav-icon svg polyline{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ws-section-hd{justify-content:space-between;align-items:center;display:flex}.sidebar .nav-list{scrollbar-width:none}.sidebar .nav-list::-webkit-scrollbar{display:none}.sidebar-nav-container{scrollbar-width:none;flex:1;overflow-y:auto}.sidebar-nav-container::-webkit-scrollbar{display:none}.sidebar-header-profile{border-bottom:none;margin-bottom:0;padding:10px 0 2px;transition:all .3s;overflow:visible}.sb-admin-badge{color:var(--blue-light);white-space:nowrap;letter-spacing:.8px;text-transform:uppercase;background:#2d7dd21f;border:1px solid #2d7dd233;border-radius:20px;align-items:center;gap:8px;width:auto;margin-bottom:14px;padding:6px 12px;font-size:9px;font-weight:800;line-height:1.2;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.sb-admin-badge .shield-icon{fill:currentColor;width:14px;height:14px}.sidebar-user{z-index:2;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.sidebar .user-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 12px #0003}.sidebar .user-info{opacity:1;flex:1;min-width:0;transition:opacity .3s;overflow:hidden}.sidebar .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:13.5px;font-weight:700;overflow:hidden}.sidebar .user-role{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;overflow:hidden}.sidebar .user-dot{border:2px solid var(--navy);background:#22c975;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;left:30px;box-shadow:0 0 0 2px #22c97533}.sidebar:not(.expanded) .sidebar-header-profile{padding:12px 9px}.sidebar:not(.expanded) .sb-admin-badge{justify-content:center;width:32px;padding:6px}.sidebar:not(.expanded) .sb-admin-badge span{display:none}.sidebar:not(.expanded) .user-info{opacity:0;pointer-events:none;width:0}.ws-new-btn{color:#fff;cursor:pointer;opacity:0;background:linear-gradient(135deg,#2563eb,#10b981,#2563eb) 0 0/200%;border:none;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8);box-shadow:0 4px 12px #2563eb40}.sidebar.expanded .ws-new-btn{opacity:1;transform:scale(1)}.ws-new-btn:hover{filter:brightness(1.1);background-position:100%;transform:scale(1.15)rotate(90deg);box-shadow:0 8px 20px #2563eb66}.ws-new-btn:active{transform:scale(.95)}.stat-grid-v2{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card-v2{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0f1f3d0a}.stat-card-v2:hover{border-color:var(--blue-light);transform:translateY(-2px);box-shadow:0 8px 16px #0f1f3d14}.sc2-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sc2-info{flex:1}.sc2-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.sc2-val{color:var(--navy);align-items:baseline;gap:4px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:flex}.sc2-val small{color:var(--text3);font-size:10px;font-weight:500}.ws-project{border-radius:var(--r-md);margin:2px 6px;overflow:hidden}.ws-project-header{cursor:pointer;border-radius:var(--r-md);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 10px;transition:background .12s;display:flex;position:relative}.ws-project-header:hover{background:#1e5fa814}.ws-project.open .ws-project-header{background:#1e5fa81a}.ws-project-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.ws-project-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity var(--t-sidebar);flex:1;font-size:12px;font-weight:600;overflow:hidden}.sidebar.expanded .ws-project-name{opacity:1}.ws-chevron{fill:none;width:12px;height:12px;stroke:var(--text3);stroke-width:2.5px;opacity:0;flex-shrink:0;transition:transform .22s}.sidebar.expanded .ws-chevron{opacity:1}.ws-project.open .ws-chevron{transform:rotate(180deg)}.ws-project-children{max-height:0;transition:max-height .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.ws-project.open .ws-project-children{max-height:200px}.ws-child-item{cursor:pointer;border-radius:var(--r-md);color:var(--text2);white-space:nowrap;text-overflow:ellipsis;opacity:0;align-items:center;gap:8px;margin:1px 0;padding:5px 10px 5px 36px;font-size:12px;transition:background .12s,color .12s;display:flex;overflow:hidden}.sidebar.expanded .ws-child-item{opacity:1}.ws-child-item:hover{color:var(--navy);background:#1e5fa814}.ws-child-item.active{color:var(--blue);background:#1e5fa81f;font-weight:600}.ws-child-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ws-child-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:13px;height:13px}.notif-wrap{position:relative}.notif-btn{border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.notif-btn:hover{transform:scale(1.1)}.notif-btn svg{width:15px;height:15px;fill:var(--text2)}.notif-dot{background:var(--red);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;position:absolute;top:6px;right:6px}.notif-dropdown{border:1px solid var(--border);width:320px;box-shadow:var(--shadow-modal);z-index:500;background:#fff;border-radius:14px;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-dropdown.open{animation:.18s cubic-bezier(.34,1.2,.64,1) dropIn;display:block}.notif-dd-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-dd-title{color:var(--navy);align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:flex}.notif-dd-count{background:var(--red);color:#fff;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:800}.notif-dd-clear{color:var(--blue);cursor:pointer;font-size:11px;font-weight:600}.notif-dd-clear:hover{text-decoration:underline}.notif-item{cursor:pointer;align-items:flex-start;gap:10px;padding:11px 16px;transition:background .1s;display:flex}.notif-item:hover{background:var(--bg)}.notif-item.notif-unread{background:#1e5fa80a}.notif-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.notif-icon-wrap svg{width:14px;height:14px}.notif-icon-wrap.blue{background:#1e5fa81a}.notif-icon-wrap.orange{background:#f07c2b1a}.notif-icon-wrap.red{background:#e840401a}.notif-icon-wrap.green{background:#1a9e5c1a}.notif-text{color:var(--text2);font-size:12px;line-height:1.45}.notif-text strong{color:var(--navy)}.notif-time-label{color:var(--text3);margin-top:3px;font-size:10.5px}.notif-dd-ft{border-top:1px solid var(--border);padding:10px 16px}.notif-dd-ft button{width:100%;color:var(--blue);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:11.5px;font-weight:600}.notif-dd-ft button:hover{background:var(--bg)}.dash-hero{background:var(--blue);background:linear-gradient(135deg, var(--blue) 0%, #154682 45%, var(--green-light) 95%);color:#fff;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;position:relative;box-shadow:0 12px 40px #1e5fa833}.dash-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 40%,#ffffff14,#0000 70%);border-radius:16px;position:absolute;inset:0;overflow:hidden}.dash-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:16px;width:200px;height:200px;position:absolute;bottom:-40px;right:-40px}.dash-hero-avatar{background:#ffffff26;border:2.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;display:flex}.dash-hero-greet{opacity:.6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;font-size:10px;font-weight:600}.dash-hero-name{letter-spacing:-.2px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;line-height:1.2}.dash-hero-role{opacity:.7;margin-top:2px;font-size:10.5px}.hero-right-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.hero-stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;min-width:110px;padding:8px 20px;display:flex}.hero-stat-val{text-shadow:0 1px 4px #00000040;align-items:baseline;gap:4px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;line-height:1.1;display:flex}.hero-stat-lbl{text-transform:uppercase;letter-spacing:.8px;opacity:.8;text-shadow:0 1px 2px #00000026;margin-top:3px;font-size:10px;font-weight:700}.hero-spacer{background:#ffffff26;width:1px;height:32px;margin:0 4px}.hero-notify-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:relative}.hero-notify-btn:hover{background:#fff3;transform:translateY(-1px)}.hero-notify-dot{background:var(--red);border:1.5px solid var(--navy);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.hero-icon-btn{color:#fde68a;cursor:pointer;background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.hero-icon-btn:hover{color:#fff;background:#f59e0b52;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b40}.hero-absen-btn,.hero-icon-btn-report{color:var(--navy);cursor:pointer;white-space:nowrap;z-index:1;background:#fff;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000f}.hero-absen-btn:before,.hero-icon-btn-report:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:11px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-absen-btn:hover,.hero-icon-btn-report:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e5fa826}.hero-icon-btn-report .bg-iso-icon{width:40px;height:40px;color:var(--blue);transform-style:preserve-3d;opacity:.1;pointer-events:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-15px;right:-5px;transform:rotateX(55deg)rotate(-45deg)scale(1.6)translateY(0)translateZ(0)}.hero-icon-btn-report:hover .bg-iso-icon{opacity:.2;transform:rotateX(55deg)rotate(-45deg)scale(2)translateY(-5px)translateZ(10px)}.hero-icon-btn-report span,.hero-icon-btn-report svg:not(.bg-iso-icon){z-index:2;position:relative}.dash-grid-primary{grid-template-columns:1.2fr .8fr;align-items:start;gap:24px;display:grid}.hero-memo-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;border-radius:16px 0 0;align-items:center;gap:8px;padding:8px 16px;display:flex;position:absolute;bottom:0;right:0}.hero-memo-icon{font-size:14px}.hero-memo-text{color:#fff;opacity:.9;font-size:10px;font-weight:700}.dash-hero-attendance{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:8px 14px;display:flex}.attendance-label{text-transform:uppercase;opacity:.6;font-size:10px;font-weight:700}.attendance-val{color:var(--green-light);font-family:Montserrat,sans-serif;font-size:14px;font-weight:800}.card-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.card-icon.blue{color:var(--blue);background:#1e5fa81f}.card-icon.green{color:var(--green);background:#1a9e5c1f}.card-icon.orange{color:var(--orange);background:#f07c2b1f}.card-icon.red{color:var(--red);background:#e840401f}.card-icon.purple{color:var(--purple);background:#7c5cbf1f}.card-title{color:var(--navy);font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.task-row{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:background .1s;display:flex}.task-row:hover{background:var(--bg)}.task-row-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.task-row-info{flex:1;min-width:0}.task-row-title{color:var(--navy);font-size:12px;font-weight:600}.task-row-meta{color:var(--text3);margin-top:0;font-size:10px}.meet-item{align-items:flex-start;gap:10px;display:flex}.meet-time{color:var(--blue);flex-shrink:0;width:38px;padding-top:2px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.meet-title{color:var(--navy);font-size:12.5px;font-weight:600}.meet-sub{color:var(--text3);margin-top:1px;font-size:11px}.absen-log{flex-direction:column;gap:8px;display:flex}.absen-row{border-bottom:1px solid var(--bg2);align-items:center;gap:10px;padding:6px 0;display:flex}.absen-time{color:var(--navy);width:38px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700}.absen-loc{color:var(--text3);margin-left:auto;font-size:11px}.meeting-item{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:flex-start;gap:14px;padding:12px;transition:box-shadow .15s;display:flex}.meeting-item:hover{box-shadow:var(--shadow-card)}.meeting-date-badge{text-align:center;background:var(--bg);width:44px;color:var(--navy);border-radius:8px;flex-shrink:0;padding:6px 4px;font-family:Montserrat,sans-serif;font-size:17px;font-weight:800;line-height:1}.meeting-date-badge span{color:var(--text3);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;display:block}.meeting-info{flex:1}.meeting-title{color:var(--navy);margin-bottom:3px;font-size:13px;font-weight:700}.meeting-meta{color:var(--text3);margin-bottom:6px;font-size:11.5px}.meeting-tags{flex-wrap:wrap;gap:5px;display:flex}.past-meeting-row{border-bottom:1px solid var(--bg2)}.past-meeting-row:last-child{border-bottom:none}.past-meeting-main{cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:12px;transition:background .1s;display:flex}.past-meeting-main:hover{background:var(--bg)}.past-meeting-date-col{text-align:center;flex-shrink:0;width:44px}.pmdate{color:var(--navy);font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.pmday{color:var(--text3);margin-top:1px;font-size:10px}.past-meeting-info{flex:1}.past-meeting-title{color:var(--navy);margin-bottom:2px;font-size:12.5px;font-weight:600}.past-meeting-meta{color:var(--text3);font-size:11px}.past-meeting-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.notes-chevron{fill:none;width:14px;height:14px;stroke:var(--text3);stroke-width:2.5px;transition:transform .22s}.notes-open .notes-chevron,.past-meeting-row.notes-open>.past-meeting-main .notes-chevron{transform:rotate(180deg)}.meeting-notes-panel{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.meeting-notes-panel.open{max-height:600px}.notes-panel-inner{padding:0 12px 16px 72px}.notes-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700}.saved-notes-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.saved-note-card{background:var(--bg);border-left:3px solid var(--blue);border-radius:8px;padding:10px 12px}.saved-note-meta{color:var(--text3);margin-bottom:4px;font-size:10.5px}.saved-note-text{color:var(--text2);font-size:12px;line-height:1.55}.notes-textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;min-height:72px;padding:9px 12px;font-family:Inter,sans-serif;font-size:12.5px;transition:border-color .15s}.notes-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5fa814}.sop-card{border-radius:var(--r-lg);border:1px solid var(--border);cursor:pointer;background:#fff;padding:16px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.sop-card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.sop-icon{margin-bottom:8px;font-size:28px}.sop-title{color:var(--navy);margin-bottom:5px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.sop-desc{color:var(--text2);font-size:11.5px;line-height:1.5}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:6px 10px;font-size:9.5px;font-weight:700}.data-table td{border-bottom:1px solid var(--bg2);color:var(--text2);padding:7px 10px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg)}.org-wrap{text-align:center;padding:20px 0}.org-node{border:1px solid var(--border);cursor:pointer;min-width:120px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:12px 16px;transition:box-shadow .15s,transform .15s;display:inline-flex}.org-node:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.org-node.root{border-color:var(--blue)}.org-node.active-node{border-color:var(--green);background:#1a9e5c0a}.org-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:6px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:flex}.org-name{color:var(--navy);font-size:12px;font-weight:700}.org-title{color:var(--text3);margin-top:2px;font-size:10px}.org-pill{border-radius:20px;margin-top:5px;padding:2px 8px;font-size:9px;font-weight:700}.org-level{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.org-child{flex-direction:column;align-items:center;display:flex}.page-kanban.active{flex-direction:column;display:flex}.page-kanban{height:100%;overflow:hidden}#page-kanban.active{flex-direction:column;height:calc(100vh - 52px);display:flex;overflow:hidden}.content:has(#page-kanban.active){padding:0;overflow:hidden}.kanban-topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.kanban-search{border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:8px;outline:none;width:220px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.kanban-search:focus{border-color:var(--blue);background:#fff}.kanban-board{flex:1;gap:16px;padding:16px 20px;display:flex;overflow-x:auto}.kanban-board::-webkit-scrollbar{height:4px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.kanban-col{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;width:280px;min-width:280px;max-height:100%;display:flex}#kcol-todo{border-top:3px solid var(--text3)}#kcol-progress{border-top:3px solid var(--blue);background:linear-gradient(#1e5fa80a,#fff)}#kcol-done{border-top:3px solid var(--green);background:linear-gradient(#1a9e5c0a,#fff)}.kanban-col-header{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-title{color:var(--text2);font-size:13px;font-weight:700}.col-count{background:var(--border);color:var(--text3);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.col-add-btn{width:20px;height:20px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:16px;transition:all .12s;display:flex}.col-add-btn:hover{background:var(--border);color:var(--navy)}.task-list{flex-direction:column;flex:1;gap:8px;padding:6px 10px 10px;display:flex;overflow-y:auto}.task-list::-webkit-scrollbar{width:3px}.task-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.kanban-card{border:1px solid var(--border);cursor:pointer;transition:transform var(--t-mid) var(--ease-snappy), box-shadow var(--t-mid) ease;background:#fff;border-radius:9px;padding:9px 10px;position:relative;box-shadow:0 1px 2px #0f1f3d0d}.kanban-card:hover{box-shadow:var(--shadow-float);border-color:var(--blue-light);transform:translateY(-2px)}.kcard-top{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.kcard-type{text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.kcard-type.task{color:var(--blue);background:#1e5fa81a}.kcard-type.event{color:var(--orange);background:#f07c2b1a}.kcard-type.bug{color:var(--red);background:#e840401a}.kcard-type.idea{color:var(--purple);background:#7c5cbf1a}.kcard-title{color:var(--navy);margin-bottom:8px;font-size:12.5px;font-weight:600;line-height:1.4}.kcard-bottom{justify-content:space-between;align-items:center;display:flex}.kcard-deadline{color:var(--text3);align-items:center;gap:3px;font-size:10.5px;display:flex}.kcard-deadline.urgent{color:var(--red)}.kcard-assignees{display:flex}.kcard-av{color:#fff;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-5px;font-size:8px;font-weight:700;display:flex}.kcard-av:first-child{margin-left:0}.kcard-sop-badge{color:var(--green);background:#1a9e5c1a;border-radius:4px;align-items:center;gap:3px;margin-top:5px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.kcard-audit-badge{color:var(--purple);text-transform:uppercase;background:#7c5cbf1a;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:700}.kcard-audit-actions{border-top:1px dashed var(--border);justify-content:flex-end;gap:6px;margin-top:10px;padding-top:10px;display:flex}.kcard-move-actions{gap:4px;display:flex}.kcard-move-btn{background:var(--bg);border:1px solid var(--border);color:var(--text3);cursor:pointer;border-radius:5px;padding:2px 6px;font-size:9px;transition:all .12s}.kcard-move-btn:hover{color:var(--blue);border-color:var(--blue-light);background:#1e5fa81a}.kcard-move-btn.done{background:#1e5fa80d;border-color:#1e5fa833;font-weight:700}.kcard-move-btn.locked{opacity:.4;filter:grayscale();cursor:not-allowed}.btn-audit{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;width:auto;height:auto;padding:3px 10px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.btn-audit.check{background:var(--green);color:#fff}.btn-audit.check:hover{background:#158b4f;transform:scale(1.1)}.btn-audit.cancel{color:var(--red);background:#fef0f0;border:1px solid #e840401a}.btn-audit.cancel:hover{background:var(--red);color:#fff;transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0a0f1ea6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal-overlay.open{animation:.2s fadeIn;display:flex}.modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s cubic-bezier(.34,1.2,.64,1) modalSlide;display:flex;box-shadow:0 24px 60px #00000040}.modal-wide{max-width:560px}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.modal-title{color:var(--navy);font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.modal-close{background:var(--bg);width:28px;height:28px;color:var(--text3);cursor:pointer;border:none;border-radius:7px;font-size:14px;transition:background .12s}.modal-close:hover{background:var(--bg2);color:var(--navy)}.modal-body{padding:16px 20px 20px;overflow-y:auto}.form-group{margin-bottom:12px}.task-step-bar{flex-shrink:0;align-items:center;padding:16px 20px 0;display:flex}.task-step-node{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.task-step-dot{background:var(--bg2);width:24px;height:24px;color:var(--text3);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:all .25s;display:flex}.task-step-dot.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #1e5fa826}.task-step-dot.done{background:var(--green);color:#fff;border-color:var(--green)}.task-step-label{color:var(--text3);white-space:nowrap;font-size:10px;font-weight:600}.task-step-label.active{color:var(--blue)}.task-step-label.done{color:var(--green)}.task-step-track{background:var(--border);border-radius:1px;flex:1;height:2px;margin:0 4px 14px;position:relative;overflow:hidden}.task-step-fill{background:var(--grad);width:0;height:100%;transition:width .3s}.task-step-panel{display:none}.task-step-panel.active{display:block}.step-heading{color:var(--navy);margin-bottom:14px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.type-card{border:2px solid var(--border);cursor:pointer;text-align:center;background:#fff;border-radius:10px;padding:14px;transition:all .18s}.type-card:hover{border-color:var(--blue);background:#1e5fa80a}.type-card.active{border-color:var(--blue);background:#1e5fa814}.sop-attach-section{flex-direction:column;gap:14px;display:flex}.sop-select-list{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow-y:auto}.sop-select-list::-webkit-scrollbar{width:3px}.sop-select-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sop-select-item{border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:all .12s;display:flex}.sop-select-item:hover{background:var(--bg)}.sop-select-item.selected{border-color:var(--green);color:var(--navy);background:#1a9e5c14}.sop-check{color:var(--green);opacity:0;margin-left:auto;font-size:13px;font-weight:700}.sop-select-item.selected .sop-check{opacity:1}.sop-divider{color:var(--text3);align-items:center;gap:10px;font-size:11px;display:flex}.sop-divider:before,.sop-divider:after{content:"";background:var(--border);flex:1;height:1px}.sop-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:10px;padding:20px;transition:all .15s}.sop-dropzone:hover,.sop-dropzone.drag-over{border-color:var(--blue);background:#1e5fa80a}.sop-file-row{background:var(--bg);border:1px solid var(--border);color:var(--text2);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:11.5px;display:flex}.member-assign-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.assign-member-card{border:2px solid var(--border);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;transition:all .15s;display:flex;position:relative}.assign-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;display:flex}.assign-check{color:var(--blue);opacity:0;font-size:12px;font-weight:700;position:absolute;top:6px;right:8px}.assign-member-card.selected .assign-check{opacity:1}.review-block{background:var(--bg);border-radius:10px;padding:14px}.review-row{gap:10px;margin-bottom:8px;font-size:12px;display:flex}.review-row:last-child{margin-bottom:0}.review-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;width:80px;padding-top:1px;font-size:10.5px;font-weight:700}.review-val{color:var(--text2);flex:1}.kanban-breadcrumb{color:var(--navy);align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:flex}.breadcrumb-sep{color:var(--text3);opacity:.5}.breadcrumb-active{color:var(--blue)}.kanban-board{background:#0f1f3d05;flex:1;gap:20px;padding:20px;display:flex;overflow-x:auto}.kanban-column{flex-direction:column;flex-shrink:0;gap:12px;width:300px;min-width:300px;display:flex}.column-header{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.column-title{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:flex}.column-title .dot{border-radius:50%;width:8px;height:8px}.column-title .dot.gray{background:#94a3b8}.column-title .dot.blue{background:var(--blue)}.column-title .dot.green{background:var(--green)}.column-title .badge{border:1px solid var(--border);color:var(--text3);background:#fff;border-radius:20px;margin-left:4px;padding:2px 8px;font-size:10px}.task-container{flex-direction:column;flex:1;gap:12px;min-height:100px;display:flex}.task-card{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:12px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.task-card:hover{border-color:var(--blue-light);transform:translateY(-2px);box-shadow:0 8px 16px #0f1f3d14}.task-card:active{cursor:grabbing;transform:scale(.98)}.task-card .prio-tag{text-transform:uppercase;border-radius:20px;margin-bottom:8px;padding:2px 8px;font-size:9px;font-weight:800;display:inline-block}.prio-high{color:#ef4444;background:#fef2f2}.prio-medium{color:#f59e0b;background:#fffbeb}.prio-low{color:#10b981;background:#f0fdf4}.task-card-title{color:var(--navy);margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.4}.task-card-footer{border-top:1px solid #0f1f3d0d;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.task-meta{color:var(--text3);align-items:center;gap:10px;font-size:10.5px;display:flex}.task-meta-item{align-items:center;gap:4px;display:flex}.task-meta-item svg{stroke:currentColor;fill:none;stroke-width:2px;width:12px;height:12px}.wc-layout{height:calc(100vh - 52px);color:var(--navy);background:#fff;grid-template-columns:240px 1fr 300px;font-family:Inter,sans-serif;display:grid;overflow:hidden;margin:0!important}.page-tim{width:100%;height:100%;overflow:hidden;margin:0!important;padding:0!important}.wc-nav-col{border-right:1px solid var(--border);background:#f8fafc;flex-direction:column;display:flex}.wc-nav-header{border-bottom:1px solid var(--border);align-items:center;height:56px;padding:0 16px;display:flex}.wc-nav-title{color:var(--blue);font-family:Montserrat,sans-serif;font-size:15px;font-weight:700}.wc-nav-scroll{flex:1;padding:16px 8px;overflow-y:auto}.wc-nav-group{margin-bottom:24px}.wc-group-title{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:800}.wc-nav-item{color:var(--text2);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.wc-nav-item:hover{color:var(--navy);background:#e2e8f0}.wc-nav-item.active{color:var(--blue);background:#fff;font-weight:600;box-shadow:0 2px 4px #0000000d}.wc-icon{color:var(--text3);text-align:center;width:16px;font-size:16px}.wc-av-sm{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.wc-nav-user{border-top:1px solid var(--border);background:#fff;padding:12px}.wc-user-card{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.wc-av{background:var(--grad);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.wc-user-details{flex:1;min-width:0}.wc-user-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.wc-user-status{color:var(--green);font-size:11px;font-weight:600}.wc-user-opt{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:14px}.wc-chat-col{background:#fff;flex-direction:column;display:flex}.wc-chat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffc;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.wc-header-info{align-items:baseline;gap:8px;display:flex}.wc-header-prefix{color:var(--text3);font-size:18px;font-weight:800}.wc-header-name{color:var(--navy);font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.wc-header-desc{color:var(--text3);font-size:12px}.wc-header-actions{gap:6px;display:flex}.wc-chat-messages{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.wc-chat-messages::-webkit-scrollbar{width:6px}.wc-chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.wc-msg{gap:14px;display:flex}.wc-msg-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.wc-msg-main{flex:1;min-width:0}.wc-msg-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.wc-msg-name{color:var(--navy);font-size:14px;font-weight:700}.wc-msg-time{color:var(--text3);font-size:11px}.wc-msg-text{color:var(--text2);font-size:14px;line-height:1.5}.wc-msg-status{color:var(--text3);background:var(--bg);border-radius:99px;align-self:center;margin:4px 0;padding:8px 16px;font-size:12px}.wc-task-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;max-width:400px;margin-top:8px;padding:12px 16px;transition:transform .2s;display:flex}.wc-task-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.wc-task-ico{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.wc-task-info{flex:1}.wc-task-title{color:var(--navy);font-size:13.5px;font-weight:700}.wc-task-meta{align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.wc-file-card{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:12px;max-width:320px;margin-top:8px;padding:10px 14px;display:flex}.wc-file-ico{font-size:20px}.wc-file-name{color:var(--blue);font-size:13px;font-weight:600}.wc-file-size{color:var(--text3);font-size:11px}.wc-reactions{gap:4px;margin-top:8px;display:flex}.wc-reaction{cursor:pointer;color:var(--text2);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;display:flex}.wc-reaction:hover{border-color:var(--blue)}.wc-reaction.active{border-color:var(--blue);color:var(--blue);background:#1e5fa814}.wc-chat-input-area{background:#fff;padding:0 20px 20px}.wc-typing-hint{color:var(--text3);margin-bottom:6px;font-size:11px;font-style:italic}.wc-input-box{border:1px solid var(--border);background:#f8fafc;border-radius:14px;transition:focus-within .2s;overflow:hidden}.wc-input-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1e5fa81a}.wc-input-toolbar{border-bottom:1px solid var(--border);background:#f1f5f980;gap:4px;padding:6px 12px;display:flex}.wc-tb-btn{width:28px;height:28px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.wc-tb-btn:hover{color:var(--navy);background:#e2e8f0}.wc-tb-divider{background:var(--border);width:1px;height:16px;margin:6px 4px}.wc-input-wrapper{align-items:flex-end;gap:12px;padding:10px 12px;display:flex}#chat-input{resize:none;color:var(--text);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;font-family:inherit;font-size:14px}.wc-send-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .2s}.wc-send-btn:hover{background:var(--blue-light);transform:translateY(-1px)}.wc-side-col{border-left:1px solid var(--border);background:#f8fafc;flex-direction:column;display:flex}.wc-side-tabs{border-bottom:1px solid var(--border);height:56px;display:flex}.wc-tab{color:var(--text3);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex:1;font-size:12px;font-weight:700;position:relative}.wc-tab.active{color:var(--blue)}.wc-tab.active:after{content:"";background:var(--blue);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:20%;right:20%}.wc-side-scroll{flex:1;padding:20px;overflow-y:auto}.wc-side-scroll::-webkit-scrollbar{width:4px}.wc-side-section{margin-bottom:32px}.wc-section-hd{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;font-weight:800;display:flex}.wc-count{color:var(--text2);background:#e2e8f0;border-radius:99px;padding:1px 6px;font-size:10px}.wc-member-list{flex-direction:column;gap:12px;display:flex}.wc-member{align-items:center;gap:10px;display:flex}.wc-m-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:flex}.wc-m-info{color:var(--navy);font-size:13px;font-weight:600}.wc-m-status{background:#94a3b8;border-radius:50%;width:8px;height:8px;margin-left:auto}.wc-m-status.online{background:var(--green);box-shadow:0 0 0 2px #f8fafc,0 0 0 4px #22c9751a}.wc-task-mini-list{flex-direction:column;gap:10px;display:flex}.wc-task-mini-item{color:var(--text2);align-items:center;gap:10px;font-size:12.5px;display:flex}.wc-task-mini-item input[type=checkbox]{border:2px solid var(--border);cursor:pointer;border-radius:4px;width:15px;height:15px}.wc-btn-text{color:var(--blue);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:11.5px;font-weight:700}.wc-pinned-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;gap:12px;padding:10px;transition:all .2s;display:flex}.wc-pinned-item:hover{box-shadow:var(--shadow-sm);border-color:var(--blue);transform:translateY(-2px)}.wc-pin-icon{font-size:18px}.wc-pin-title{color:var(--navy);font-size:12.5px;font-weight:700}.wc-pin-meta{color:var(--text3);font-size:10.5px}.wc-wb-preview{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.wc-wb-preview:hover{border-color:var(--blue);transform:translateY(-2px)}.wc-wb-thumb{background:#f1f5f9;justify-content:center;align-items:center;height:80px;padding:10px;display:flex}.wc-wb-label{text-align:center;color:var(--blue);border-top:1px solid var(--border);background:#fff;padding:8px;font-size:11px;font-weight:700}.page-tim{width:100%;height:100%;margin:0!important;padding:0!important}.discord-sidebar{background:#2b2d31;flex-direction:column;flex-shrink:0;width:240px;display:flex}.ds-header{border-bottom:1px solid #0003;align-items:center;height:48px;padding:0 16px;display:flex;box-shadow:0 1px #0000001a}.ds-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:15px;font-weight:700;overflow:hidden}.ds-scroll{flex:1;padding:12px 8px;overflow-y:auto}.ds-section{margin-bottom:20px}.ds-section-hd{color:#949ba4;text-transform:uppercase;letter-spacing:.2px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.ds-btn-add{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:color .2s}.ds-btn-add:hover{color:#fff}.ds-item{cursor:pointer;color:#949ba4;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;font-weight:500;transition:all .1s;display:flex}.ds-item:hover{color:#dbdee1;background:#4e50584d}.ds-item.active{color:#fff;background:#4e505899}.ds-item .ds-prefix{color:#80848e;text-align:center;width:16px;font-size:18px}.ds-item.active .ds-prefix{color:#fff}.ds-badge{color:#fff;background:#f23f42;border-radius:10px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700}.ds-user-panel{background:#232428;align-items:center;gap:8px;height:52px;padding:8px;display:flex}.ds-user-info{cursor:pointer;border-radius:4px;flex:1;align-items:center;gap:8px;padding:4px;display:flex}.ds-user-info:hover{background:#ffffff0d}.ds-avatar{color:#fff;background:#5865f2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.ds-user-meta{min-width:0}.ds-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ds-status{color:#b5bac1;font-size:11px;line-height:1}.ds-user-actions{gap:2px;display:flex}.ds-tool-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:6px;font-size:14px;transition:opacity .2s}.ds-tool-btn:hover{opacity:1}.discord-main{background:#313338;flex-direction:column;flex:1;display:flex}.dm-header{border-bottom:1px solid #0003;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;box-shadow:0 1px #0000001a}.dm-header-left{align-items:center;gap:8px;display:flex}.dm-ch-prefix{color:#80848e;font-size:22px}.dm-ch-name{color:#fff;font-size:15px;font-weight:700}.dm-messages{flex:1;padding:20px 0;overflow-y:auto}.dm-messages::-webkit-scrollbar{width:16px}.dm-messages::-webkit-scrollbar-track{background:0 0}.dm-messages::-webkit-scrollbar-thumb{background:#1a1b1e padding-box padding-box;border:4px solid #0000;border-radius:8px}.msg-entry{gap:16px;margin-top:16px;padding:4px 16px;display:flex}.msg-entry:hover{background:#0202020d}.msg-user-avatar{color:#fff;background:#4e5058;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.msg-content{flex:1}.msg-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.msg-author{color:#fff;cursor:pointer;font-size:15px;font-weight:600}.msg-author:hover{text-decoration:underline}.msg-timestamp{color:#949ba4;font-size:11px}.msg-text{color:#dbdee1;word-break:break-word;font-size:15px;line-height:1.4}.dm-input-area{flex-shrink:0;padding:0 16px 24px}.dm-input-box{background:#383a40;border-radius:8px;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.dm-btn-file{color:#383a40;cursor:pointer;background:#b5bac1;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;font-weight:800;line-height:1}.dm-btn-file:hover{background:#fff}#discord-input{color:#dbdee1;background:0 0;border:none;outline:none;flex:1;font-size:15px}.dm-btn-emoji{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:20px;transition:transform .2s}.dm-btn-emoji:hover{opacity:1;transform:scale(1.1)}.discord-right-sidebar{background:#2b2d31;border-left:1px solid #ffffff0d;flex-direction:column;width:240px;display:flex}.dr-header{color:#fff;border-bottom:1px solid #0003;align-items:center;height:48px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.dr-content{flex:1;padding:12px 16px;overflow-y:auto}.ds-file-card{background:#232428;border:1px solid #0003;border-radius:8px;margin-bottom:8px;padding:12px}.ds-file-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.ds-file-meta{color:#949ba4;justify-content:space-between;font-size:11px;display:flex}.ds-file-btn{color:#5865f2;cursor:pointer;font-weight:700}.ds-file-btn:hover{text-decoration:underline}.messages-area{flex-direction:column;flex:1;gap:0;padding:16px 18px;display:flex;overflow-y:auto}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.date-divider{color:var(--text3);align-items:center;gap:10px;margin:12px 0 8px;font-size:11px;font-weight:600;display:flex}.date-divider:before,.date-divider:after{content:"";background:var(--bg2);flex:1;height:1px}.msg-group{border-radius:8px;gap:10px;margin-bottom:2px;padding:4px 6px;transition:background .1s;display:flex;position:relative}.msg-group:hover{background:var(--bg)}.msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;display:flex}.msg-body{flex:1;min-width:0}.msg-header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.msg-name{color:var(--navy);font-size:13px;font-weight:700}.msg-time{color:var(--text3);font-size:10.5px}.msg-text{color:var(--text2);font-size:12.5px;line-height:1.55}.mention{color:var(--blue);background:#1e5fa814;border-radius:3px;padding:0 3px;font-weight:600}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;transition:all .12s;display:flex}.reaction:hover{border-color:var(--blue);background:#1e5fa80f}.reaction.mine{border-color:var(--blue);color:var(--blue);background:#1e5fa814}.msg-input-area{border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px 14px}.reply-preview{background:var(--bg);color:var(--text3);border-left:3px solid var(--blue);border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:11.5px}.msg-input-row{align-items:flex-end;gap:8px;display:flex}.msg-input{border:1px solid var(--border);color:var(--text);resize:none;border-radius:10px;outline:none;flex:1;max-height:100px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s;overflow-y:auto}.msg-input:focus{border-color:var(--blue)}.msg-send-btn{background:var(--blue);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.msg-send-btn:hover{background:var(--blue-light);transform:scale(1.05)}.members-view{flex:1;padding:18px;overflow-y:auto}.members-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.members-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.member-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;padding:16px;transition:box-shadow .15s}.member-card:hover{box-shadow:var(--shadow-float)}.mc-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;display:flex;position:relative}.mc-status{position:absolute;bottom:1px;right:1px}.mc-name{color:var(--navy);font-size:13px;font-weight:700}.mc-role{color:var(--text3);margin-top:2px;font-size:11px}.mc-tags{flex-wrap:wrap;justify-content:center;gap:4px;margin:8px 0;display:flex}.mc-actions{justify-content:center;gap:6px;display:flex}.mc-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:#fff;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .12s}.mc-btn:hover{background:var(--bg);color:var(--navy);border-color:var(--text3)}.member-invite-card{border:2px dashed var(--border);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:130px;transition:all .15s;display:flex}.member-invite-card:hover{border-color:var(--blue);background:#1e5fa80a}.memo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:4px;display:grid}.memo-card{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;padding:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden}.memo-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.memo-card:before{content:"";border-radius:var(--r-lg) var(--r-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.memo-card[data-cat=urgent]:before{background:var(--red)}.memo-card[data-cat=karyawan]:before{background:var(--blue)}.memo-card[data-cat=kebijakan]:before{background:var(--purple)}.memo-card[data-cat=umum]:before{background:var(--green)}.memo-card-head{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.memo-card-title{color:var(--navy);flex:1;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;line-height:1.3}.memo-card-body{color:var(--text2);margin-bottom:10px;font-size:12px;line-height:1.6}.memo-card-foot{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.memo-card-date{color:var(--text3);font-size:10.5px}.memo-delete-btn{cursor:pointer;color:var(--text3);border-radius:var(--r-sm);background:0 0;border:none;padding:2px 6px;font-size:14px;transition:background .12s,color .12s}.memo-delete-btn:hover{color:var(--red);background:#fef0f0}.memo-empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:48px 24px}.memo-empty-icon{margin-bottom:10px;font-size:36px}.memo-empty-txt{font-size:13px;font-weight:500}.overview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ov-header-left{align-items:center;gap:14px;display:flex}.ov-project-emoji{background:var(--bg2);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ov-project-name{color:var(--navy);font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}.ov-project-desc{color:var(--text3);margin-top:2px;font-size:12px}.ov-header-actions{gap:8px;display:flex}.ov-grid{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:16px;display:grid}.ov-card-main{grid-area:1/1}.ov-card-side{grid-area:1/2/3}.ov-card-members{grid-area:2/1}.ov-goal-text{color:var(--text2);background:var(--bg);border-left:3px solid var(--blue);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.65}.milestone-list{flex-direction:column;gap:0;display:flex}.milestone-item{border-bottom:1px solid var(--bg2);padding:12px 0;transition:background .12s}.milestone-item:last-child{border-bottom:none}.milestone-row1{align-items:center;gap:10px;display:flex}.milestone-checkbox{border:2px solid var(--border);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.milestone-checkbox.done{background:var(--green);border-color:var(--green)}.milestone-checkbox.done:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.milestone-name{color:var(--navy);flex:1;font-size:13px;font-weight:600}.milestone-name.done{color:var(--text3);text-decoration:line-through}.milestone-date{color:var(--text3);font-size:10.5px}.milestone-kpi-row{align-items:center;gap:8px;margin-top:8px;margin-left:28px;display:flex}.kpi-bar-wrap{flex:1;position:relative}.kpi-bar-bg{background:var(--bg2);border-radius:3px;height:6px;overflow:hidden}.kpi-bar-fill{background:var(--grad);border-radius:3px;min-width:0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.kpi-labels{color:var(--text3);justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.kpi-edit-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 6px;font-size:11px;transition:all .12s}.kpi-edit-btn:hover{background:var(--bg2);color:var(--blue)}.kpi-pct-badge{color:var(--green);background:#1a9e5c1a;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.kpi-pct-badge.mid{color:var(--orange);background:#f07c2b1a}.kpi-pct-badge.low{color:var(--red);background:#e840401a}.kpi-input-row{align-items:center;gap:6px;margin-top:4px;margin-left:28px;display:flex}.kpi-inline-input{border:1px solid var(--blue);width:60px;color:var(--navy);border-radius:6px;outline:none;padding:3px 7px;font-size:12px}.kpi-save-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:3px 8px;font-size:11px}.output-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.output-item{background:var(--bg);border:1px solid var(--border);border-radius:9px;align-items:flex-start;gap:10px;padding:10px;transition:border-color .12s;display:flex}.output-item:hover{border-color:var(--blue-light)}.output-icon{flex-shrink:0;margin-top:1px;font-size:16px}.output-meta{flex:1;min-width:0}.output-label{color:var(--navy);font-size:12px;font-weight:600}.output-content{color:var(--text2);word-break:break-all;margin-top:2px;font-size:11.5px}.output-date{color:var(--text3);margin-top:3px;font-size:10px}.output-del{color:var(--text3);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px;font-size:13px;transition:opacity .12s}.output-item:hover .output-del{opacity:1}.output-empty{text-align:center;color:var(--text3);padding:20px;font-size:12px}.ov-members-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.ov-member-row{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ov-member-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;display:flex}.ov-member-info{flex:1}.ov-member-name{color:var(--navy);font-size:12.5px;font-weight:600}.ov-member-role{color:var(--text3);font-size:11px}.emoji-picker-row{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.emoji-opt{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .15s;display:flex}.emoji-opt:hover{border-color:var(--blue);background:#1e5fa80f}.emoji-opt.active{border-color:var(--blue);background:#1e5fa81a}.color-picker-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.color-opt{cursor:pointer;border:3px solid #0000;border-radius:50%;width:26px;height:26px;transition:all .15s}.color-opt:hover{transform:scale(1.15)}.color-opt.active{outline:2px solid var(--blue);outline-offset:1px;border-color:#fff}.np-milestone-row{background:var(--bg);border:1px solid var(--border);border-radius:9px;grid-template-columns:1fr 80px 90px auto;align-items:center;gap:6px;margin-bottom:6px;padding:8px 10px;display:grid}.np-ms-label{color:var(--text3);margin-bottom:3px;font-size:11px}.np-ms-input{border:1px solid var(--border);color:var(--navy);border-radius:6px;outline:none;width:100%;padding:5px 8px;font-size:12px}.np-ms-input:focus{border-color:var(--blue)}.np-ms-del{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px;font-size:14px}.np-ms-del:hover{color:var(--red);background:#e840401a}.np-invite-suggestions{flex-direction:column;gap:4px;display:flex}.np-suggest-item{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .12s;display:flex}.np-suggest-item:hover{border-color:var(--blue-light);background:#1e5fa80f}.np-invited-chip{color:var(--blue);background:#1e5fa81a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:11.5px;display:flex}.np-invited-chip .chip-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:800;display:flex}.np-invited-chip .chip-name{font-weight:600}.np-invited-chip .chip-role{color:var(--text3);margin-left:2px;font-size:10px}.np-invited-chip .chip-del{cursor:pointer;opacity:.6;margin-left:2px;font-size:12px}.np-invited-chip .chip-del:hover{opacity:1}.share-project-preview{background:var(--bg);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.share-project-preview .prev-emoji{font-size:20px}.share-project-preview .prev-name{color:var(--navy);font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.share-project-preview .prev-desc{color:var(--text3);font-size:11px}.share-option-list{flex-direction:column;gap:8px;display:flex}.share-opt{border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .12s;display:flex}.share-opt:hover{border-color:var(--blue-light);background:#1e5fa80a}.share-opt input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.share-link-result{margin-top:14px}.share-link-box{align-items:center;gap:8px;display:flex}.share-link-box .input-field{flex:1}.output-type-btn{transition:all .15s}.output-type-btn.active{background:var(--grad)!important;color:#fff!important;border-color:#0000!important}.profile-layout{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-card);gap:32px;margin-top:10px;padding:24px;display:flex}.profile-sidebar{text-align:center;border-right:1px solid var(--bg2);flex-direction:column;align-items:center;width:200px;padding-right:24px;display:flex}.profile-avatar-wrap{color:#fff;background:linear-gradient(135deg,#e84040,#7c5cbf);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:20px;font-size:48px;font-weight:800;display:flex;position:relative;box-shadow:0 10px 20px #0000001a}.profile-main{flex:1}.profile-header{border-bottom:1px solid var(--bg2);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.profile-title{color:var(--navy);align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.form-group.full-width{grid-column:span 2}.label-caps{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.compact-table{border-collapse:collapse;width:100%}.compact-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:12px;font-size:10px}.compact-table td{border-bottom:1px solid var(--bg2);padding:12px;font-size:13px}.asset-card{background:var(--white);border-radius:var(--r-md);border:1px solid var(--border);gap:16px;padding:16px;transition:all .2s;display:flex}.asset-card:hover{border-color:var(--blue);box-shadow:var(--shadow-card)}.asset-icon{border-radius:var(--r-sm);background:var(--bg2);justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.asset-info{flex:1}.asset-name{color:var(--navy);margin-bottom:4px;font-size:14px;font-weight:700}.asset-meta{color:var(--text3);font-size:11px;line-height:1.4}:root{--brand-ref:#1a4db3;--brand-soft-ref:#3b6fd4;--brand-pale-ref:#e8effe;--brand-ghost-ref:#f4f7ff;--teal-ref:#0d9488;--teal-pale-ref:#e6faf8;--success-ref:#16a34a;--success-pale-ref:#dcfce7;--warn-ref:#d97706;--warn-pale-ref:#fef3c7;--danger-ref:#dc2626;--danger-pale-ref:#fee2e2;--purple-ref:#7c5cbf;--purple-pale-ref:#f3f0ff;--shadow-sm-ref:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md-ref:0 4px 16px #00000014, 0 2px 6px #0000000d}.kanban-board-v2{background:#f8fafc;align-items:flex-start;gap:20px;min-height:calc(100vh - 64px);padding:24px;display:flex;overflow-x:auto}.project-board-section{margin-bottom:40px;padding:0 24px}.project-board-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.project-board-title{color:var(--navy);letter-spacing:-.2px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:900}.project-board-separator{border-top:2px solid var(--bg2);height:40px;margin:20px 0;position:relative}.project-board-separator:after{content:"✦";background:var(--bg2);color:var(--text3);padding:0 10px;font-size:12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.kb-board{gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.kanban-board-v2::-webkit-scrollbar{height:6px}.kanban-board-v2::-webkit-scrollbar-thumb{background:#1a4db333;border-radius:10px}.kb-column{border-radius:18px;flex-direction:column;flex-shrink:0;width:310px;min-width:310px;min-height:500px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005}.kb-column.col-requested{border-top:3px solid var(--purple-ref);background:linear-gradient(#f5f3ff,#fff)}.kb-column.col-todo{background:linear-gradient(#f1f5f9,#fff);border-top:3px solid #94a3b8}.kb-column.col-progress{border-top:3px solid var(--brand-ref);background:linear-gradient(#eff6ff,#fff)}.kb-column.col-done{border-top:3px solid var(--success-ref);background:linear-gradient(#ecfdf5,#fff)}.kb-dot.purple{background:var(--purple-ref)}.kb-dot.gray{background:#94a3b8}.kb-dot.blue{background:var(--brand-ref)}.kb-dot.green{background:var(--success-ref)}.kb-column-title{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800}.kb-count{color:var(--text3);background:#fff;border:1px solid #0000000d;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:800}.kb-task-list{flex-direction:column;gap:12px;min-height:100px;padding-bottom:40px;display:flex}.kb-card{box-shadow:var(--shadow-sm-ref);cursor:grab;background-color:#fff;background-image:linear-gradient(#1a4db305 1px,#0000 1px),linear-gradient(90deg,#1a4db305 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #0000000d;border-radius:14px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.kb-card:hover{box-shadow:var(--shadow-md-ref);border-color:var(--brand-pale-ref);transform:translateY(-3px)}.kb-card:active{cursor:grabbing;transform:scale(.98)}.kb-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.kb-badges{flex-wrap:wrap;gap:5px;display:flex}.kb-badge{text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:8.5px;font-weight:800}.kb-badge.type-task{background:var(--brand-pale-ref);color:var(--brand-ref)}.kb-badge.type-request{background:var(--purple-pale-ref);color:var(--purple-ref)}.kb-badge.prio-high{border:1.2px solid var(--danger-ref);color:var(--danger-ref);font-weight:900}.kb-badge.prio-mid{border:1.2px solid var(--warn-ref);color:var(--warn-ref)}.kb-badge.prio-low{border:1.2px solid var(--success-ref);color:var(--success-ref)}.kb-card-meta{border-top:1px solid #00000008;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.kb-deadline{color:var(--text3);align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.kb-deadline.urgent{color:var(--danger-ref)}.kb-avatars{margin-left:4px;display:flex}.kb-av-chip{background:var(--brand-pale-ref);width:24px;height:24px;color:var(--brand-ref);border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:9px;font-weight:800;display:flex}.kb-av-chip:first-child{margin-left:0}.kb-step-bar{align-items:center;margin-bottom:12px;padding:20px 24px 0;display:flex}.kb-step-node{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.kb-step-dot{background:var(--bg2);width:24px;height:24px;color:var(--text3);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;transition:all .25s;display:flex}.kb-step-dot.active{background:var(--brand-ref);color:#fff;border-color:var(--brand-ref);box-shadow:0 0 0 4px #1a4db326}.kb-step-dot.done{background:var(--success-ref);color:#fff;border-color:var(--success-ref)}.kb-step-label{text-transform:uppercase;color:var(--text3);font-size:9px;font-weight:800}.kb-step-label.active{color:var(--brand-ref)}.kb-step-track{background:var(--border);flex:1;height:2px;margin:0 6px 14px;position:relative}.kb-step-fill{background:var(--success-ref);width:0;height:100%;transition:width .3s;position:absolute;left:0}.kb-modal-content{animation:modalIn .3s var(--ease) both;padding:0 24px 24px}.td-triple-panel{border-radius:0 0 18px 18px;height:500px;max-height:80vh;display:flex;overflow:hidden}.td-panel-left{border-right:1px solid var(--border);background:#f8fafc;width:220px;padding:20px;overflow-y:auto}.td-panel-mid{background:#fff;flex:1;padding:24px;overflow-y:auto}.td-panel-right{border-left:1px solid var(--border);background:#f8fafc;width:200px;padding:16px;overflow-y:auto}.td-section-title{text-transform:uppercase;color:var(--text3);letter-spacing:.5px;margin-bottom:12px;font-size:10px;font-weight:800}@keyframes popIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kb-column.drag-over{box-shadow:inset 0 0 0 2px var(--brand-ref);background:#1a4db30d}.form-assignee-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:10px;display:grid}.shell{background:var(--bg);flex-direction:row;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.assign-member-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex;position:relative}.assign-member-card:hover{border-color:var(--blue-light);background:#fff}.assign-member-card.selected{border-color:var(--blue);background:var(--brand-ghost-ref)}.assign-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.assign-info{flex:1}.assign-name{color:var(--navy);font-size:12px;font-weight:700}.assign-role{color:var(--text3);font-size:10.5px}.assign-check{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:none}.assign-member-card.selected .assign-check{display:flex}.kb-detail-prio-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.kb-detail-prio-badge.prio-high{background:var(--danger-pale-ref);color:var(--danger-ref);border:1px solid var(--danger-ref)}.kb-detail-prio-badge.prio-mid{background:var(--warn-pale-ref);color:var(--warn-ref);border:1px solid var(--warn-ref)}.kb-detail-prio-badge.prio-low{background:var(--success-pale-ref);color:var(--success-ref);border:1px solid var(--success-ref)}.kb-review-grid{background:var(--bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;padding:18px;display:grid}.kb-review-item{flex-direction:column;gap:4px;display:flex}.kb-review-label{color:var(--text3);text-transform:uppercase;font-size:10px;font-weight:800}.kb-review-val{color:var(--navy);font-size:14px;font-weight:700}.kb-log-item{border-bottom:1px solid var(--bg2);gap:12px;padding:10px 0;display:flex}.kb-log-time{color:var(--text3);padding-top:2px;font-size:11px}.kb-log-text{color:var(--text2);font-size:12.5px;line-height:1.4}.td-triple-panel select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231a4db3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.memo-premium-layout{gap:24px;height:calc(100vh - 140px);display:flex}.memo-sidebar-nav{flex-direction:column;flex-shrink:0;gap:6px;width:200px;display:flex}.memo-nav-header{color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:800}.memo-nav-item{color:var(--text2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.m-nav-icon{font-size:15px}.memo-nav-item:hover{background:var(--bg2);color:var(--navy)}.memo-nav-item.active{color:var(--brand-ref);box-shadow:var(--shadow-sm-ref);background:#fff}.memo-grid-wrapper{flex:1;padding-right:10px;overflow-y:auto}.announcement-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.urgent-callout{border:1px solid var(--danger-ref);background:var(--danger-pale-ref);animation:2s infinite pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #e8404066}70%{box-shadow:0 0 0 10px #e8404000}to{box-shadow:0 0 #e8404000}}.ann-card{border-left:4px solid var(--border);margin-bottom:12px;transition:all .3s}.ann-card-urgent{border-left-color:var(--red);background:#fffcfc}.ann-card-body{align-items:center;gap:20px;padding:18px;display:flex}.ann-icon{background:var(--danger-pale-ref);width:48px;height:48px;color:var(--danger-ref);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ann-content{flex:1}.ann-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.ann-title{color:var(--navy);font-size:15px;font-weight:700}.ann-desc{color:var(--text2);margin-bottom:8px;font-size:13px;line-height:1.6}.ann-footer{color:var(--text3);font-size:11px;font-weight:600}.badge-urgent{background:var(--red);color:#fff;letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800}.presence-salary-header{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;width:100%;margin-bottom:24px;display:grid}.dashboard-grid-2{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.card-header-premium{border-bottom:1px solid var(--border);color:var(--navy);text-transform:uppercase;letter-spacing:.5px;background:#fcfdfe;border-radius:18px 18px 0 0;padding:16px 20px;font-size:13px;font-weight:800}.dash-grid-primary{flex-direction:column;gap:20px;display:flex}.salary-card-premium{padding:24px!important;display:block!important}.salary-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.salary-card-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.salary-status-badge{color:var(--success-ref);background:var(--success-pale-ref);white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700}.salary-amount-wrap{flex-shrink:0;align-items:baseline;gap:10px;display:flex}.salary-currency{color:var(--text3);font-size:18px;font-weight:700}.salary-value{color:var(--navy);letter-spacing:-.8px;font-size:32px;font-weight:900;line-height:1}.salary-value.salary-hidden{color:var(--text3);letter-spacing:2px}.salary-toggle-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.salary-toggle-btn:hover{background:var(--bg);transform:scale(1.05)}.salary-toggle-btn svg{fill:none;width:16px;height:16px;stroke:var(--text2);stroke-width:2px}.esign-page-wrapper{animation:esignFadeIn .5s var(--ease-smooth)}@keyframes esignFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.esign-premium-header{color:#fff;background:linear-gradient(135deg,#1a3c6d 0%,#244b8f 70%,#22c975 150%);border-radius:28px;margin-bottom:32px;padding:40px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0f1f3d1f}.esign-premium-header:after{content:"";background:radial-gradient(circle,#22c97526 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.esign-pill-tabs{background:#0f1f3d0a;border:1px solid #00000005;border-radius:18px;gap:4px;width:fit-content;margin-bottom:32px;padding:6px;display:flex}.esign-pill-btn{cursor:pointer;transition:all .25s var(--ease-spring);color:var(--text3);background:0 0;border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 24px;font-size:13.5px;font-weight:800;display:flex}.esign-pill-btn.active{color:var(--navy);background:#fff;box-shadow:0 4px 12px #0000000d,0 1px 2px #00000008}.esign-pill-count{background:var(--red);color:#fff;border-radius:20px;padding:2px 7px;font-size:10px;line-height:1}.esign-vault-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.dropdown-item-premium:hover{background:#f1f5f9;transform:translate(4px)}:root{--ease-spring:cubic-bezier(.175, .885, .32, 1.275)}.vault-card{border:1px solid var(--border);transition:all .3s var(--ease-smooth);background:#fff;border-radius:24px;flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.vault-card:hover{border-color:var(--blue-light);transform:translateY(-6px);box-shadow:0 12px 32px #0f1f3d14,0 2px 4px #0f1f3d05}.vault-card:before{content:"";background:var(--border);width:6px;height:100%;transition:background .3s;position:absolute;top:0;left:0}.vault-card.pending:before{background:var(--orange)}.vault-card.signed:before{background:var(--green)}.vault-card.expired:before{background:var(--red)}.vault-card-type-icon{background:var(--bg);width:52px;height:52px;color:var(--navy);border-radius:16px;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex}.vault-card:hover .vault-card-type-icon{background:var(--navy);color:#fff;transform:rotate(-5deg)scale(1.1)}.vault-card-title{color:var(--navy);font-size:16px;font-weight:850;line-height:1.4}.vault-card-meta{flex-direction:column;gap:8px;display:flex}.meta-row{color:var(--text3);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.meta-row strong{color:var(--text2)}.vault-status-float{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:5px 12px;font-size:10px;font-weight:900;position:absolute;top:24px;right:24px}.status-pending{color:var(--orange);background:#f07c2b1a}.status-signed{color:var(--green);background:#1a9e5c1a}.status-expired{color:var(--red);background:#e840401a}.signature-pad-container{background:var(--bg);border:2px dashed var(--border);cursor:crosshair;border-radius:20px;padding:0;position:relative;overflow:hidden}.signature-canvas{touch-action:none;width:100%;height:220px;display:block}.sig-tools{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.sig-hint{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.form-compact-row{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.btn-xl-gradient{letter-spacing:.2px;border-radius:16px;width:100%;padding:18px;font-size:15px;font-weight:900;box-shadow:0 10px 25px #1a4db333}#project-kanban-container{gap:32px;min-height:calc(100vh - 120px);padding:10px 5px 40px;overflow-y:auto;flex-direction:column!important;display:flex!important}.project-board-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;width:100%;margin-bottom:40px;padding:24px;display:flex;position:relative;box-shadow:0 10px 30px #0000001a,inset 0 1px 1px #ffffff0d}.project-board-section:after{content:"";border-bottom:2px dashed var(--border-light);height:2px;position:absolute;bottom:-18px;left:20px;right:20px}.project-board-section:last-child:after{display:none}.project-board-header{border-bottom:2px solid var(--bg);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.project-board-title{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;font-family:Syne,sans-serif;font-size:16px;font-weight:800}.project-board-count{color:var(--text3);background:var(--bg);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.performance-header{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.perf-metric-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:24px;transition:transform .2s}.perf-metric-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.pmc-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.pmc-val{color:var(--navy);margin-bottom:4px;font-size:32px;font-weight:900}.pmc-footer{color:var(--success-ref);font-size:11px;font-weight:600}.performance-main-grid{grid-template-columns:1fr 1.5fr;gap:20px;display:grid}.p-card{height:100%;padding:24px}.p-card-header{color:var(--navy);text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:800}.radar-mock{background:radial-gradient(circle, var(--bg) 0%, transparent 70%);width:200px;height:200px;margin:0 auto;position:relative}.radar-poly{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:2px solid var(--blue-ref);background:#3674ff33;position:absolute;inset:20%}.radar-label{color:var(--text3);font-size:10px;font-weight:700;position:absolute}.bar-chart-mock{justify-content:space-around;align-items:flex-end;height:160px;padding-bottom:20px;display:flex}.bar{flex-direction:column;align-items:center;gap:8px;width:40px;display:flex}.bar-fill{background:linear-gradient(to top, var(--blue-ref), #60a5fa);border-radius:6px 6px 0 0;width:100%;transition:height .3s}.bar small{color:var(--text3);font-size:10px;font-weight:600}.topbar-search-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;width:200px;height:32px;padding:0 12px;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #00000005}.topbar-search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1e5fa81a}.topbar-search-wrap svg{opacity:.5;flex-shrink:0;width:13px!important;height:13px!important}.topbar-search-wrap input{color:var(--text1);background:0 0;border:none;outline:none;width:100%;font-size:12px}.btn-top-util{border:1px solid var(--border);width:32px;height:32px;color:var(--text2);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-top-util:hover{color:var(--blue);border-color:var(--blue);background:#fff}.btn-top-util svg{width:14px!important;height:14px!important}.btn-top-add{background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.btn-top-add:hover{background:#1a5291;transform:translateY(-1px)}.btn-top-add svg{stroke:#fff!important;width:12px!important;height:12px!important}.project-swap-controls{gap:4px;display:flex}.btn-swap{border:1px solid var(--border);background:var(--bg);width:24px;height:24px;color:var(--text3);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-swap:hover{color:var(--blue-ref);border-color:var(--blue-ref);background:#fff}.btn-swap svg{width:12px;height:12px}.task-saya-topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.task-search-wrap{flex:1;max-width:420px;position:relative}.task-search-wrap .search-icon{width:14px;height:14px;stroke:var(--text3);stroke-width:2px;fill:none;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.task-search-wrap input{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--navy);border-radius:10px;outline:none;padding:8px 14px 8px 38px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.task-search-wrap input::placeholder{color:var(--text3);font-size:12.5px}.task-search-wrap input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #1e5fa814}.task-topbar-actions{align-items:center;gap:8px;display:flex}.btn-ghost.btn-arsip{border:1.5px solid var(--border);height:34px;color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn-ghost.btn-arsip svg{stroke:currentColor;fill:none;stroke-width:2px;flex-shrink:0;width:14px;height:14px}.btn-ghost.btn-arsip:hover{background:var(--bg);border-color:var(--blue-light,#3b82f6);color:var(--navy);box-shadow:none;transform:none}.btn-gradient.btn-add-task{background:linear-gradient(135deg, var(--blue,#1e5fa8), #22c975);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 16px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 10px #1e5fa840}.btn-gradient.btn-add-task svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;flex-shrink:0;width:14px;height:14px}.btn-gradient.btn-add-task:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #1e5fa859}.kanban-container-v2{height:calc(100vh - 140px);overflow:hidden}.kanban-board-v2{grid-template-columns:repeat(4,1fr);gap:16px;height:100%;padding:16px 24px;display:grid;overflow-x:auto}.kb-column{background:#00000026;border:1px solid #ffffff08;border-radius:16px;flex-direction:column;min-width:280px;max-height:100%;display:flex}.kb-column-header{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kb-title-wrap{align-items:center;gap:10px;display:flex}.kb-dot{border-radius:50%;width:8px;height:8px}.kb-dot.purple{background:#7c5cbf;box-shadow:0 0 10px #7c5cbf99}.kb-dot.gray{background:#888;box-shadow:0 0 10px #8889}.kb-dot.blue{background:var(--blue);box-shadow:0 0 10px #1e5fa899}.kb-dot.green{background:var(--green);box-shadow:0 0 10px #1a9e5c99}.kb-column-title{color:var(--text);letter-spacing:.3px;font-size:13px;font-weight:700}.kb-count{color:var(--text3);background:#ffffff0f;border-radius:8px;padding:2px 10px;font-size:11px;font-weight:700}.kb-task-list{flex-direction:column;flex:1;gap:12px;padding:0 12px 16px;display:flex;overflow-y:auto}.kb-task-list::-webkit-scrollbar{width:4px}.kb-task-list::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.kb-card{background:var(--bg3);cursor:grab;border:1px solid #ffffff0d;border-radius:14px;padding:16px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #0003,0 1px 3px #0000004d}.kb-card:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff0d);border-radius:14px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.kb-card:hover{border-color:#1e5fa880;transform:translateY(-4px)scale(1.01);box-shadow:inset 0 1px 1px #ffffff1a,0 20px 40px #00000080,0 2px 8px #1e5fa84d}.kb-card:active{cursor:grabbing}.kb-card-title{color:var(--text);margin-bottom:12px;font-size:13.5px;font-weight:600;line-height:1.5}.project-badge{text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;padding:2px 8px;font-weight:800;font-size:8px!important}.document-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px;display:grid}.doc-card{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.doc-card:hover{border-color:var(--blue-light);transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.doc-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.doc-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.doc-card-title{color:var(--navy);margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;line-height:1.4}.doc-card-meta{color:var(--text3);margin-bottom:20px;font-size:12px}.doc-card-footer{border-top:1px solid var(--bg2);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.clockout-time-display{text-align:center;background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px 0}#clockout-time-val{color:var(--navy);letter-spacing:-1px;font-family:Montserrat,sans-serif;font-size:42px;font-weight:900;line-height:1}#clockout-date-val{color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px;font-weight:700}.clockout-camera-area{background:var(--bg);border:2px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:180px;margin-bottom:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.clockout-camera-area.captured{border:2px solid var(--green);background:#e6f9f0;border-style:solid}.camera-icon{fill:none;width:32px;height:32px;stroke:var(--text3);stroke-width:2px}.clockout-camera-area span{color:var(--text2);font-size:13px;font-weight:600}.clockout-lembur-section{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;overflow:hidden}.lembur-toggle-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.lembur-toggle-header:hover{background:#1e5fa80a}.lembur-switch{background:var(--border);border-radius:12px;width:44px;height:24px;transition:background .3s cubic-bezier(.4,0,.2,1);position:relative}.lembur-switch.active{background:var(--green)}.lembur-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.lembur-switch.active .lembur-knob{transform:translate(20px)}.lembur-form-area{border-top:1px solid var(--border);padding:0 16px 16px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.meeting-workspace{background:#0f172a;border-radius:16px;flex-direction:column;height:calc(100vh - 52px);margin:-15px -20px;display:flex;overflow:hidden}.meeting-viewport{flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-content:center;gap:16px;padding:24px;display:grid;position:relative}.participant-frame{aspect-ratio:16/9;background:#1e293b;border:2px solid #ffffff0d;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}.participant-frame.active-speaker{border-color:var(--blue);box-shadow:0 0 20px #1e5fa866}.participant-video{object-fit:cover;background:linear-gradient(135deg,#1e293b,#0f172a);width:100%;height:100%}.participant-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.participant-av{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:800;display:flex;box-shadow:0 0 30px #00000080}.participant-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:12px;left:12px}.meeting-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:16px;height:80px;display:flex}.m-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.m-ctrl-btn:hover{background:#fff3;transform:translateY(-2px)}.m-ctrl-btn.off{background:#ef4444}.m-ctrl-btn.end{background:#ef4444;border-radius:32px;width:64px}.whiteboard-workspace{background:#f8fafc;flex-direction:column;height:calc(100vh - 52px);margin:-15px -20px;display:flex}.wb-toolbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex;box-shadow:0 2px 10px #00000005}.wb-tool-group{background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex}.wb-tool{width:32px;height:32px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:all .2s;display:flex}.wb-tool:hover{color:var(--navy);background:#0000000d}.wb-tool.active{color:var(--blue);background:#fff;box-shadow:0 2px 5px #00000014}.wb-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .2s}.wb-color.active{border-color:var(--navy);transform:scale(1.1)}.wb-canvas-wrap{background-color:#0000;background-image:linear-gradient(90deg,#f1f5f9 1px,#0000 1px),linear-gradient(#f1f5f9 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1;padding:40px;position:relative;overflow:scroll}.wb-canvas{cursor:crosshair;background:#fff;border-radius:4px;display:block;box-shadow:0 10px 30px #0000000d}.wb-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text3);pointer-events:none;background:#ffffffe6;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:600;position:absolute;top:20px;right:20px}.topbar-center-nav{z-index:500;pointer-events:auto;justify-content:center;max-width:60%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tab-group{background:#0f1f3d0a;border:1px solid #0f1f3d08;border-radius:14px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:11.5px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn .tab-icon{filter:grayscale();opacity:.6;font-size:14px;transition:all .25s}.tab-btn:hover{color:var(--navy);background:#0f1f3d08}.tab-btn.active{color:var(--blue);background:#fff;box-shadow:0 4px 12px #0f1f3d0f,0 1px 3px #0f1f3d0a}.tab-btn.active .tab-icon{filter:grayscale(0);opacity:1}.page-docs{background:#fdfdfe;height:calc(100vh - 48px);padding:0!important}.docs-layout{height:100%;display:flex}.docs-sidebar{border-right:1px solid var(--border);background:#f9fafb;flex-direction:column;flex-shrink:0;width:280px;padding:20px 0;display:flex}.docs-sb-section{padding:0 16px}.docs-sb-hd{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10.5px;font-weight:800;display:flex}.docs-add-btn{border:1px solid var(--border);width:20px;height:20px;color:var(--text3);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.docs-add-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.docs-list,.files-list{flex-direction:column;gap:2px;display:flex}.doc-item,.file-item{color:var(--text2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;transition:all .2s;display:flex}.doc-item svg,.file-item svg{width:14px;height:14px;stroke:var(--text3);flex-shrink:0}.doc-item:hover,.file-item:hover{color:var(--navy);background:#0f1f3d0a}.doc-item.active{color:var(--blue);background:#fff;border:1px solid #0f1f3d0d;font-weight:700;box-shadow:0 4px 12px #0f1f3d0d}.doc-item.active svg{stroke:var(--blue)}.docs-main{background:#fff;flex-direction:column;flex:1;display:flex;overflow-y:auto}.docs-empty-state{text-align:center;max-width:320px;margin:auto}.de-icon{filter:grayscale();opacity:.3;margin-bottom:16px;font-size:48px}.de-title{color:var(--navy);margin-bottom:8px;font-family:Montserrat,sans-serif;font-weight:800}.doc-header{border-bottom:1px solid var(--border);padding:30px 40px}.doc-title-input{color:var(--navy);border:none;outline:none;width:100%;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:800}.doc-meta{color:var(--text3);align-items:center;gap:12px;font-size:12px;display:flex}.doc-body{color:var(--text2);width:100%;max-width:800px;margin:0 auto;padding:40px;font-size:15px;line-height:1.7}.doc-body h2,.doc-body h3{color:var(--navy);margin-top:24px;margin-bottom:12px}.doc-body p{margin-bottom:16px}.doc-body ul{margin-bottom:16px;padding-left:20px}.doc-body table{border-collapse:collapse;border:1px solid var(--border);border-radius:12px;width:100%;margin:20px 0;overflow:hidden}.doc-body th{text-align:left;color:var(--text3);text-transform:uppercase;background:#f9fafb;padding:12px;font-size:11px;font-weight:800}.doc-body td{border-top:1px solid var(--border);padding:12px}.highlight{color:var(--blue);background:#1e5fa814;border-radius:4px;padding:2px 4px;font-weight:600}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:30px;display:grid}.file-card{border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:16px;transition:all .2s}.file-card:hover{border-color:var(--blue-light);transform:translateY(-4px);box-shadow:0 10px 20px #0f1f3d14}.fc-icon{margin-bottom:8px;font-size:32px}.fc-name{color:var(--navy);word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;display:-webkit-box;overflow:hidden}.fc-meta{color:var(--text3);margin-top:4px;font-size:10px}@media (width<=1024px){.dash-grid-primary{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.sidebar{position:absolute;transform:translate(-100%);width:0!important;min-width:0!important}.main{width:100%!important;margin-left:0!important}.dash-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px 20px}.dash-hero-avatar{width:60px;height:60px;font-size:20px}.dash-hero-attendance{justify-content:center;width:100%;margin-top:16px}.dash-hero-stats{border-top:1px solid #ffffff14;justify-content:center;gap:30px;width:100%;margin-left:0;padding-top:20px}.hero-top-actions{order:-1;justify-content:space-between;width:100%;margin-bottom:8px;position:relative;top:0;right:0}.hero-memo-pill{border-radius:12px;justify-content:center;width:100%;margin-top:10px;position:static}.hero-right-actions{justify-content:space-between;gap:8px;width:100%;margin-left:0}.hero-absen-btn{flex:1;justify-content:center;padding:0 12px}}@media (width<=480px){.hero-absen-btn{padding:0 8px;font-size:10px}.hero-cta-meta{display:none}.hero-icon-btn,.hero-notify-btn{width:34px;height:34px}}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto!important}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}