:root{--lg-dark:#07313d;--lg-bright:#238b9b;--lg-accent:#087f90;--lg-body-one:#00c0d0;--lg-body-two:#0090a0;--lg-radius:48px 14px 48px 18px / 40px 16px 45px 20px;--lg-sub-radius:22px 6px 22px 6px;--lg-motion:cubic-bezier(.23, 1, .32, 1)}body{background:radial-gradient(circle at 72% 5%, #ffffff29, transparent 32%), linear-gradient(145deg, color-mix(in srgb, var(--lg-body-one) 18%, #eefbfc), color-mix(in srgb, var(--lg-body-two) 18%, #eefbfc));background-image:radial-gradient(circle at 72% 5%, #ffffff29, transparent 32%), repeating-linear-gradient(118deg, #ffffff09 0 1px, transparent 1px 8px), linear-gradient(145deg, color-mix(in srgb, var(--lg-body-one) 18%, #eefbfc), color-mix(in srgb, var(--lg-body-two) 18%, #eefbfc));background-blend-mode:screen, soft-light, normal}.sidebar{isolation:isolate;background:linear-gradient(180deg, var(--lg-dark) 0%, color-mix(in srgb, var(--lg-dark) 72%, var(--lg-bright)) 48%, var(--lg-bright) 100%);overflow:hidden;box-shadow:14px 0 34px #07313d3d,inset -1px 0 #ffffff2e}.sidebar:after{display:none}.sidebar:before{content:"";z-index:-1;pointer-events:none;opacity:.18;filter:drop-shadow(0 0 24px #70f0be57);background:url(/brand/havn-symbol-transparent.png) 50%/contain no-repeat;width:250px;height:250px;position:absolute;bottom:0;right:-83.33px}.brand-row{z-index:1;background:linear-gradient(135deg,#ffffff2b,#ffffff0a);border:1px solid #ffffff38;position:relative;box-shadow:0 12px 26px #021d272e,inset 0 1px #ffffff38}.nav-link{border-radius:var(--lg-sub-radius);transition:border-radius .4s var(--lg-motion), background .28s ease, transform .4s var(--lg-motion), box-shadow .4s var(--lg-motion);border:1px solid #0000}.nav-link:hover,.nav-link.active{border-radius:var(--lg-sub-radius);background:linear-gradient(135deg,#ffffff40,#ffffff14);border-color:#ffffff57;transform:translateY(-2px);box-shadow:0 12px 26px #021d2738,inset 0 1px #ffffff47}.nav-link.active{background:linear-gradient(135deg,#ffffff57,#70f0be2e)}.employee-card{z-index:1;border-radius:var(--lg-sub-radius);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(145deg,#ffffff38,#ffffff12);border:1px solid #ffffff4d;position:relative;box-shadow:0 20px 34px #021d2747,inset 0 1px #ffffff40}.secondary-sidebar{-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);background:radial-gradient(circle at 20% 0,#ffffffc7,#0000 34%),linear-gradient(155deg,#ffffffb8,#e0fafa70);border-right:1px solid #087f9029;box-shadow:12px 0 30px #087f901f}.secondary-sidebar button,.secondary-sidebar a{transition:border-radius .4s var(--lg-motion), background .28s ease, transform .4s var(--lg-motion), box-shadow .4s var(--lg-motion);border:1px solid #0000}.secondary-sidebar button:hover,.secondary-sidebar button.active,.secondary-sidebar a:hover,.secondary-sidebar a.active{border-radius:var(--lg-sub-radius);background:color-mix(in srgb, var(--lg-body-two) 16%, #ffffffc2);border-color:#087f9033;transform:translateY(-2px);box-shadow:0 10px 22px #087f902e,inset 0 1px #fff9}.topbar{-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:#f8ffff9e;border-bottom:1px solid #087f9029;box-shadow:0 8px 22px #087f9014}.workspace{isolation:isolate;background:linear-gradient(145deg, color-mix(in srgb, var(--lg-body-one) 13%, #f4ffff), color-mix(in srgb, var(--lg-body-two) 13%, #eefbfc));position:relative}.workspace:before{content:"";z-index:-1;pointer-events:none;opacity:.26;filter:blur(26px);background:radial-gradient(circle at 12% 18%,#ffffffe6,#0000 20%),radial-gradient(circle at 84% 78%,#70f0be4d,#0000 26%);position:fixed;inset:0}.metric-card,.panel,.stat-card,.welcome-card,.identity-hero,.admin-command,.mail-lab,.profile-card,.settings-card,.dashboard-card{border-radius:var(--lg-radius);background-blend-mode:normal, soft-light;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);transition:transform .45s var(--lg-motion), box-shadow .45s var(--lg-motion), border-radius .45s var(--lg-motion);background-color:#0000;background-image:linear-gradient(145deg,#ffffffc2,#ebfdfd7a),repeating-linear-gradient(118deg,#ffffff0f 0 1px,#0000 1px 8px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffffad;transform:translateY(-3px);box-shadow:0 22px 46px #087f902b,0 5px 12px #087f9014,inset 0 1px #ffffffdb}.metric-card:hover,.panel:hover,.stat-card:hover,.welcome-card:hover,.identity-hero:hover,.admin-command:hover,.mail-lab:hover,.profile-card:hover,.settings-card:hover,.dashboard-card:hover{transform:translateY(-9px);box-shadow:0 34px 62px #087f903d,0 8px 16px #087f901f,inset 0 1px #fffffff2}.welcome-card,.identity-hero,.admin-command,.mail-lab{color:#f5ffff;background:linear-gradient(135deg, color-mix(in srgb, var(--lg-dark) 92%, #fff), var(--lg-accent) 58%, var(--lg-bright));border-color:#ffffff4d;box-shadow:0 28px 56px #07313d4d,inset 0 1px #ffffff3d}.opus-calendar-tooltip,[class*=echarts-tooltip],[class*=chart-tooltip]{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);transition:left .4s var(--lg-motion), top .4s var(--lg-motion), transform .4s var(--lg-motion), opacity .22s ease;border:1px solid #ffffffb3;border-radius:18px 6px;box-shadow:0 22px 42px #07313d3d,0 4px 12px #087f901f,inset 0 1px #ffffffe6;background:linear-gradient(145deg,#ffffffeb,#e2fcfcc2)!important}@media (min-width:901px){.employee-mode .sidebar{background:linear-gradient(#004351 0%,#003440 55%,#003f4d 100%);width:190px;box-shadow:14px 0 32px #00364429}.employee-mode .sidebar:before{opacity:.17;filter:saturate(.8);width:132px;height:132px;bottom:170px;right:8px}.employee-mode .brand-row{min-height:132px;box-shadow:none;background:0 0;border:0;justify-content:center;padding:30px 12px 28px}.employee-mode .brand-mark{justify-items:center;gap:1px;display:grid}.employee-mode .brand-mark img{object-fit:contain;filter:none;width:25px;height:25px}.employee-mode .brand-mark span{text-align:center}.employee-mode .brand-mark b{color:#26e1e4;font-size:var(--font-body-brand)}.employee-mode .brand-mark small{color:#29d5dd;font-size:var(--font-caption);letter-spacing:.05em;margin-top:1px}.employee-mode .employee-card{border-radius:18px 7px;flex:none;order:3;margin:10px 10px 8px;padding:9px;display:block}.employee-mode .employee-profile>img{width:38px;height:38px}.employee-mode .attendance-actions{margin-top:7px}.employee-mode .employee-card>p{color:#c2e1e8;margin-top:5px}.employee-mode .desktop-notifications{flex:none;order:4;padding:0 13px 8px;display:flex}.employee-mode .nav-groups{order:2;min-height:0;padding:5px 12px 24px}.employee-mode .nav-groups section>p{color:#a8cbd3;margin:16px 10px 6px}.employee-mode .nav-link{color:#ffffffe6;border-radius:14px;gap:14px;min-height:60px;margin:5px 0;padding:0 18px}.employee-mode .nav-link>svg{stroke-width:1.9px;flex:0 0 21px;width:21px;height:21px}.employee-mode .nav-link>span{overflow-wrap:anywhere;min-width:0}.employee-mode .nav-link:hover{color:#fff;background:#00b4c433;transform:translate(2px)}.employee-mode .nav-link.active{color:#fff;background:linear-gradient(135deg,#00aabd,#007a90);border-color:#0000;border-radius:14px;box-shadow:0 12px 22px #0000002e}.employee-mode .nav-link.active svg{color:#fff}.employee-mode .secondary-sidebar{background:#ffffffb8;width:182px;left:190px;box-shadow:12px 0 28px #005c6f12}.employee-mode .secondary-heading{border:0;height:84px;margin:16px auto 6px;padding:0 14px}.employee-mode .secondary-heading span{color:#086b7c;min-width:0;min-height:44px;font-size:var(--font-control);text-align:center;background:#e6fbffd1;border-radius:17px;place-items:center;padding:0 10px;display:grid}.employee-mode .secondary-sidebar nav{gap:8px;padding:10px 10px 22px}.employee-mode .secondary-sidebar button{border-radius:17px;min-height:48px;padding:0 13px}.employee-mode .secondary-sidebar button:hover{background:#e6fbff;transform:translate(2px)}.employee-mode .secondary-sidebar button.active{color:#008da1;background:linear-gradient(145deg,#dcfbfe,#c3f3f1);border-color:#0000;border-radius:17px;box-shadow:0 12px 24px #009db01c}.employee-mode .secondary-sidebar button.submenu-action{border-radius:17px;min-height:44px}.employee-mode.has-secondary-nav>.workspace{margin-left:372px}.employee-mode .workspace{background:#effaff;min-width:0}.employee-mode .panel,.employee-mode .stat-card,.employee-mode .profile-card,.employee-mode .settings-card{background:#ffffffed;border-radius:26px;transform:none;box-shadow:0 18px 36px #2e7c9b14,inset 0 1px #ffffffe6}.employee-mode .panel:hover,.employee-mode .stat-card:hover,.employee-mode .profile-card:hover,.employee-mode .settings-card:hover{transform:translateY(-3px);box-shadow:0 24px 42px #2e7c9b1f,inset 0 1px #ffffffe6}.employee-mode .main-content{padding-top:30px}.employee-mode .page-heading{-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:linear-gradient(115deg,#ffffffbd,#dff9fa7a);border:1px solid #ffffffad;border-radius:25px 9px;align-items:center;min-height:76px;margin-bottom:18px;padding:0 22px;position:relative;box-shadow:0 14px 32px #087f901a,inset 0 1px #ffffffe6}.employee-mode .page-heading h1{color:#072c37;letter-spacing:-.055em}.employee-mode .content-with-subnav{grid-template-columns:158px minmax(0,1fr);gap:18px}.employee-mode .content-with-subnav>.subnav{-webkit-backdrop-filter:blur(18px)saturate(132%);backdrop-filter:blur(18px)saturate(132%);background:linear-gradient(145deg,#ffffffad,#daf8fa70);border:1px solid #ffffffb8;border-radius:22px 7px;gap:6px;padding:12px 9px;top:94px;box-shadow:0 14px 30px #087f9017,inset 0 1px #ffffffd6}.employee-mode .content-with-subnav>.subnav>span{color:#258191;letter-spacing:.08em;margin:5px 8px 7px}.employee-mode .content-with-subnav>.subnav button{color:#557382;border:1px solid #0000;border-radius:14px 5px;min-height:38px;padding:0 10px;transition:background .22s,box-shadow .22s,color .22s,transform .22s}.employee-mode .content-with-subnav>.subnav button:hover{color:#006b7e;background:#e1fbfce6;transform:translate(2px)}.employee-mode .content-with-subnav>.subnav button.active{color:#006f82;background:linear-gradient(135deg,#e6fcfd,#c8f4f0);box-shadow:0 9px 19px #008c9f24,inset 0 1px #ffffffd1}.employee-mode .data-toolbar{border-bottom-color:#0c7e8f1f;min-height:72px}.employee-mode .data-toolbar h2{color:#07313d}.employee-mode .table-search,.employee-mode .toolbar-controls select,.employee-mode .form-grid input,.employee-mode .form-grid select,.employee-mode .form-grid textarea,.employee-mode .quick-message input,.employee-mode .quick-message select,.employee-mode .quick-message textarea{background:#f8ffffd1;border-color:#087f9029;border-radius:14px 5px;box-shadow:inset 0 1px #ffffffd9}.employee-mode .table-row{border-bottom-color:#087f901a;transition:background .2s,transform .2s}.employee-mode .table-row:not(.table-head):hover{background:linear-gradient(90deg,#dcfbfcbd,#ffffff29);transform:translate(2px)}.employee-mode .dialog-content{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(145deg,#fffffff0,#e1fbfcd1);border-color:#ffffffb8;border-radius:30px 10px;box-shadow:0 32px 76px #00354247,inset 0 1px #fffffff2}}.havn-all-menus{background:linear-gradient(145deg,#fffffff7,#e7fbfdf0);border-radius:26px;width:min(860px,100vw - 36px)}.havn-all-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:20px;display:grid}.havn-all-menu-groups section{min-width:0}.havn-all-menu-groups h2{color:#006f82;font-size:var(--font-section-title);line-height:var(--line-section-title);margin:0 0 8px}.havn-all-menu-groups nav{gap:5px;display:grid}.havn-all-menu-groups a{color:#304f62;min-height:44px;font-size:var(--font-control);line-height:var(--line-control);background:#ffffffab;border:1px solid #087f901a;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;transition:background .2s,box-shadow .2s;display:flex}.havn-all-menu-groups a>svg{flex:none}.havn-all-menu-groups a>svg:last-child{margin-left:auto}.havn-all-menu-groups a:hover,.havn-all-menu-groups a.active{color:#00798c;background:linear-gradient(135deg,#e2fcfe,#c9f4f2);box-shadow:0 7px 16px #007f9017}@media (max-width:600px){.havn-all-menu-groups{grid-template-columns:minmax(0,1fr)}}.admin-mode{--accent-admin:#008da1}.admin-mode .sidebar{background:linear-gradient(#004351 0%,#003440 55%,#003f4d 100%);box-shadow:14px 0 32px #00364429}.admin-mode .brand-row{box-shadow:none;background:0 0;border:0}.admin-mode .brand-mark b{color:#26e1e4}.admin-mode .brand-mark small{color:#b9e7ec}.admin-mode .nav-groups section>p{color:#a8cbd3}.admin-mode .admin-identity{background:linear-gradient(145deg,#ffffff26,#d9fafb0f);border-color:#bff1f63d;border-radius:17px;box-shadow:inset 0 1px #fff3}.admin-mode .admin-identity svg{color:#52dce5}.admin-mode .admin-identity small{color:#b9dbe3}.admin-mode .nav-link{border-radius:14px}.admin-mode .nav-link:hover{color:#fff;background:#00b4c433;border-radius:14px;transform:translate(2px)}.admin-mode .nav-link.active{color:#fff;background:linear-gradient(135deg,#00aabd,#007a90);border-color:#0000;border-radius:14px;box-shadow:0 12px 22px #0000002e}.admin-mode .nav-link.active svg{color:#fff}.admin-mode .secondary-sidebar{background:#ffffffb8;box-shadow:12px 0 28px #005c6f12}.admin-mode .secondary-sidebar button{border-radius:17px}.admin-mode .secondary-sidebar button:hover{color:#008da1;background:#e6fbff;border-radius:17px}.admin-mode .secondary-sidebar button.active{color:#008da1;background:linear-gradient(145deg,#dcfbfe,#c3f3f1);border-color:#0000;border-radius:17px;box-shadow:0 12px 24px #009db01c}.admin-mode .workspace{background:#effaff}.admin-mode .panel,.admin-mode .stat-card,.admin-mode .metric-card,.admin-mode .profile-card,.admin-mode .settings-card{background:#ffffffed;border-radius:26px;transform:none;box-shadow:0 18px 36px #2e7c9b14,inset 0 1px #ffffffe6}.admin-mode .panel:hover,.admin-mode .stat-card:hover,.admin-mode .metric-card:hover{transform:translateY(-3px);box-shadow:0 24px 42px #2e7c9b1f,inset 0 1px #ffffffe6}.admin-mode .security-hero,.admin-mode .admin-command{background:linear-gradient(135deg,#004351,#007a90);border-radius:26px}.admin-mode .security-hero small,.admin-mode .admin-command p,.admin-mode .admin-command>div>span{color:#d2f2f6}.admin-mode .role-columns article>svg{color:#008da1}.admin-mode .boundary-flow>i{background:linear-gradient(90deg,#008da1,#59d3de)}.admin-mode .topbar:after{background:linear-gradient(90deg,#0000,#008da1,#0000)}.admin-mode .employee-management input:not([type=checkbox]):not([type=radio]),.admin-mode .employee-management select,.admin-mode .table-search,.admin-mode .toolbar-controls select{background:#f8ffffd1;border-color:#087f9029;border-radius:14px;box-shadow:inset 0 1px #ffffffd9}.admin-mode .employee-management-list>button:hover,.admin-mode .policy-list>div:hover,.admin-mode .table-row:not(.table-head):hover{background:linear-gradient(90deg,#dcfbfcbd,#ffffff29)}.havn-attendance-popover{padding:0;overflow:hidden}.havn-home-navigation{background:#eefaff}.havn-home-navigation .secondary-heading>button{flex:0 0 28px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0}.havn-attendance-popover .employee-card{color:#fff;background:linear-gradient(135deg,#004351,#007a90);border:0;border-radius:18px;margin:0}.havn-home-navigation .brand-mark>strong{color:#26e1e4;letter-spacing:-.08em;font-family:Arial,sans-serif;font-size:27px;font-weight:800;line-height:1}.havn-home-navigation .brand-mark>span{color:#21d5dd;letter-spacing:-.05em;font-size:12px;font-weight:700}@media (min-width:901px){.havn-home-navigation{--havn-primary-width:10vw;--havn-secondary-width:5.8vw}.havn-home-navigation .sidebar{width:var(--havn-primary-width);box-shadow:none;background:linear-gradient(#004351 0%,#003440 55%,#003f4d 100%);padding:30px 12px 28px}.havn-home-navigation .sidebar:before,.havn-home-navigation .sidebar:after{display:none}.havn-home-navigation .brand-row{min-height:0;box-shadow:none;background:0 0;border:0;flex:none;padding:0;display:block}.havn-home-navigation .brand-mark{justify-items:center;gap:0;margin:0 0 42px;padding:0;display:grid}.havn-home-navigation .brand-mark img{object-fit:contain;object-position:center;filter:none;width:25px;height:25px}.havn-home-navigation .brand-mark>strong{margin-top:-3px}.havn-home-navigation .brand-mark>span{margin-top:4px}.havn-home-navigation .nav-groups{flex:0 auto;order:0;align-content:start;gap:10px;min-height:0;padding:0;display:grid;overflow-x:hidden}.havn-home-navigation .nav-link{color:#ffffffeb;width:100%;height:60px;min-height:60px;font:inherit;text-align:left;box-shadow:none;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;margin:0;padding:0 18px;font-size:14px;font-weight:650;transition:background .2s,transform .2s;display:flex;transform:none}.havn-home-navigation .nav-link>svg{stroke-width:1.9px;width:21px;height:21px;color:inherit;flex:0 0 21px}.havn-home-navigation .nav-link:hover{color:#ffffffeb;box-shadow:none;background:#00b4c433;transform:translate(2px)}.havn-home-navigation .nav-link.active{color:#ffffffeb;background:linear-gradient(135deg,#00aabd,#007a90);border:0;border-radius:14px;transform:none;box-shadow:0 12px 22px #0003}.havn-home-navigation .havn-navigation-mark{z-index:0;object-fit:contain;opacity:.17;filter:saturate(.8);pointer-events:none;width:132px;height:132px;position:absolute;bottom:128px;left:8px}.havn-home-navigation .havn-navigation-slogan{z-index:1;color:#e0fdffa6;flex:none;margin:auto 0 0 25px;font-size:12px;line-height:1.55;position:relative}.havn-home-navigation .secondary-sidebar{left:var(--havn-primary-width);width:var(--havn-secondary-width);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);box-shadow:none;background:#ffffffb8;border-right:1px solid #d6edf4;flex-direction:column;padding:20px 7px 18px;display:flex;overflow:hidden}.havn-home-navigation .havn-navigation-back{color:#91aab1;width:44px;height:44px;box-shadow:none;background:#f0f9f7;border:0;border-radius:50%;flex:0 0 44px;order:1;place-items:center;margin:0 auto 20px;padding:0;display:grid}.havn-home-navigation .havn-navigation-back svg{width:23px;height:23px;transform:rotate(180deg)}.havn-home-navigation .secondary-heading{border:0;flex:0 0 28px;order:3;justify-content:center;gap:8px;width:auto;height:28px;min-height:0;margin:12px 0 0;padding:0;display:flex;position:static}.havn-home-navigation .secondary-heading>span{display:none}.havn-home-navigation .secondary-sidebar nav{scrollbar-width:thin;scrollbar-color:#c5e8ef transparent;flex:1;order:2;align-content:start;gap:12px;min-height:0;padding:0 0 6px;display:grid;overflow:hidden auto}.havn-home-navigation .secondary-sidebar nav>button{color:#62758b;width:100%;min-height:76px;font:inherit;font-size:calc(12px * var(--submenu-scale,.9) / .9);text-align:center;box-shadow:none;background:0 0;border:0;border-radius:17px;place-content:start normal;justify-items:center;gap:7px;margin:0;padding:0 4px 8px;font-weight:700;transition:all .2s;display:grid;transform:none}.havn-home-navigation .secondary-sidebar nav>button>svg{stroke-width:1.8px;width:24px;height:24px;color:inherit;margin-top:10px}.havn-home-navigation .secondary-sidebar nav>button>span{overflow-wrap:anywhere;white-space:normal;max-width:100%;line-height:1.69769}.havn-home-navigation .secondary-sidebar nav>button:hover{color:#00a6ba;box-shadow:none;background:#e6fbff;transform:none}.havn-home-navigation .secondary-sidebar nav>button.active{color:#008da1;background:linear-gradient(145deg,#dcfbfe,#c3f3f1);border:0;border-radius:17px;box-shadow:0 12px 24px #009db01c}.havn-home-navigation .secondary-sidebar nav>button.submenu-action{color:#008da1;background:#e6fbffd1;min-height:76px;margin-top:4px;margin-bottom:0}.havn-home-navigation.has-secondary-nav>.workspace{margin-left:calc(var(--havn-primary-width) + var(--havn-secondary-width))}}@media (min-width:1600px){.havn-home-navigation{--havn-primary-width:190px;--havn-secondary-width:110px}}@media (min-width:901px) and (max-width:1050px){.havn-home-navigation .sidebar{padding:28px 9px}.havn-home-navigation .brand-mark>span,.havn-home-navigation .nav-link>span,.havn-home-navigation .havn-navigation-slogan{display:none}.havn-home-navigation .nav-link{justify-content:center;padding:0}}@media (max-width:900px){.havn-home-navigation .secondary-heading{flex:0 0 72px;justify-content:center;align-items:center;gap:4px;width:72px;display:flex}.havn-home-navigation .havn-navigation-back,.havn-home-navigation .havn-navigation-mark,.havn-home-navigation .havn-navigation-slogan{display:none}.havn-home-navigation .brand-mark>img{object-fit:contain;width:25px;height:25px}.havn-home-navigation .brand-mark{justify-items:center;gap:4px;margin:0;display:grid}.havn-home-navigation .brand-mark>span{margin:0}.havn-home-navigation .secondary-sidebar nav>button{flex-direction:row}.havn-home-navigation .secondary-sidebar nav>button>svg{flex:0 0 17px;width:17px;height:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.havn-live-dashboard aside[aria-label=사원\ 정보]>div{border:1px solid #ffffffeb;border-radius:34px 0 0 34px;height:calc(100% - 44px);margin-block:22px}.havn-live-dashboard aside[aria-label=사원\ 정보] [role=img]{background-image:url(/assets/havn-drawer-background-v3.png);background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%}.havn-live-dashboard aside[aria-label=사원\ 정보] [role=img]:after{content:"";background:url(/assets/havn-character-cutout-v2.png) 50%/contain no-repeat;height:240px;position:absolute;top:169px;left:-14px;right:-2px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:first-of-type{box-shadow:none;background:0 0;padding:0;top:414px;left:30px;right:12px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:first-of-type p{font-size:14px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:first-of-type h2{font-weight:800}.havn-live-dashboard aside[aria-label=사원\ 정보] section:nth-of-type(2){top:528px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:nth-of-type(2) b{top:50px;left:17px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:nth-of-type(2) strong{top:76px;left:17px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:nth-of-type(2)>span{width:32px;height:32px;top:53px;right:13px}.havn-live-dashboard aside[aria-label=사원\ 정보] section:nth-of-type(2) p{margin:0;position:absolute;top:104px;left:17px;right:17px}.havn-live-dashboard aside[aria-label=사원\ 정보]>div>p{color:#0000;background:url(/assets/havn-good-work-note-v3.png) 50%/contain no-repeat;height:82px;font-size:0;top:730px;left:15px;right:15px;transform:none}@media (max-width:1050px){.havn-live-dashboard>div:first-child:has(aside[aria-label=사원\ 정보]){grid-template-columns:100px minmax(0,1fr)}.havn-live-dashboard aside[aria-label=빠른\ 메뉴]{display:none}.havn-live-dashboard aside[aria-label=사원\ 정보]{z-index:20;border:0;width:235px;height:100dvh;display:block;position:fixed;top:0;right:0;overflow:visible}.havn-live-dashboard aside[aria-label=사원\ 정보]:has(>button[aria-expanded=false]){width:0}.havn-live-dashboard aside[aria-label=사원\ 정보]:has(>button[aria-expanded=false])>div{visibility:hidden;opacity:0;pointer-events:none}.havn-live-dashboard aside[aria-label=사원\ 정보]>button[aria-expanded]{display:flex;position:fixed;top:102px;left:auto;right:14px}}@media (max-width:720px){.sidebar:before{opacity:.12;right:-125px}.metric-card,.panel,.stat-card,.welcome-card,.identity-hero,.admin-command,.mail-lab,.profile-card,.settings-card,.dashboard-card{transform:none}}
:is(.havn-live-dashboard,.havn-home-navigation){--havn-primary-width:10vw;--havn-secondary-width:5.8vw;--havn-navigation-font:"Noto Sans KR", Arial, sans-serif}@media (min-width:901px){:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴]{width:var(--havn-primary-width);color:#fff;min-width:0;font-family:var(--havn-navigation-font);box-shadow:none;background:linear-gradient(#004351 0%,#003440 55%,#003f4d 100%);padding:30px 12px 28px}.havn-home-navigation .brand-row{min-height:0;box-shadow:none;background:0 0;border:0;flex:none;padding:0;display:block}:is(.havn-live-dashboard aside[aria-label=주\ 메뉴]>div,.havn-home-navigation .brand-mark){justify-items:center;gap:0;margin:0 0 42px;padding:0;display:grid}:is(.havn-live-dashboard aside[aria-label=주\ 메뉴]>div,.havn-home-navigation .brand-mark) img{object-fit:contain;object-position:center;filter:none;width:25px;height:25px}:is(.havn-live-dashboard aside[aria-label=주\ 메뉴]>div,.havn-home-navigation .brand-mark) strong{color:#26e1e4;letter-spacing:-.08em;margin-top:-3px;font:800 27px/1 Arial,sans-serif}:is(.havn-live-dashboard aside[aria-label=주\ 메뉴]>div,.havn-home-navigation .brand-mark)>span{color:#21d5dd;letter-spacing:-.05em;margin-top:4px;font-size:12px;font-weight:700;line-height:22px}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav{align-content:start;gap:10px;min-height:0;padding:0;display:grid}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button){color:#ffffffeb;width:100%;height:60px;min-height:60px;font:650 14px/22px var(--havn-navigation-font);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;margin:0;padding:0 18px;transition:background .2s,transform .2s;display:flex;transform:none}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button)>svg{width:21px;height:21px;color:inherit;stroke-width:1.9px;flex:0 0 21px}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button)>span{white-space:nowrap}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button):hover{background:#00b4c433;transform:translate(2px)}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button):is([aria-current=page],[aria-pressed=true],.active){background:linear-gradient(135deg,#00aabd,#007a90);border-radius:14px;transform:none;box-shadow:0 12px 22px #0003}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button):is([aria-current=page],[aria-pressed=true],.active)>svg{color:inherit}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar){left:var(--havn-primary-width);width:var(--havn-secondary-width);color:#061b35;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);min-width:0;font-family:var(--havn-navigation-font);box-shadow:none;background:#ffffffb8;border-right:1px solid #d6edf4;flex-direction:column;padding:20px 7px 18px;display:flex;overflow:hidden}:is(.havn-live-dashboard aside[aria-label=빠른\ 메뉴]>button,.havn-home-navigation .havn-navigation-back){color:#91aab1;width:44px;height:44px;box-shadow:none;background:#f0f9f7;border:0;border-radius:50%;flex:0 0 44px;order:1;place-items:center;margin:0 auto 20px;padding:0;display:grid;transform:none}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav{scrollbar-width:none;flex:1;order:2;align-content:start;gap:12px;min-height:0;padding:0 0 6px;display:grid;overflow:hidden auto}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav>button{color:#62758b;width:100%;min-height:76px;font-family:var(--havn-navigation-font);font-size:calc(12px * var(--submenu-scale,.9) / .9);text-align:center;letter-spacing:normal;filter:none;box-shadow:none;background:0 0;border:0;border-radius:17px;place-content:normal;place-items:normal center;gap:7px;margin:0;padding:0;font-weight:700;line-height:22px;transition:background .2s,color .2s,box-shadow .2s;display:grid;transform:none}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav>button>svg{stroke-width:1.8px;width:24px;height:24px;color:inherit;margin-top:10px}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav>button.active>svg{color:inherit}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav>button>span{white-space:normal;overflow-wrap:anywhere;max-width:100%;padding-inline:3px;line-height:22px}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav>button:hover{color:#00a6ba;box-shadow:none;filter:none;background:#e6fbff;border-radius:17px;transform:none}:is(.havn-live-dashboard,.havn-home-navigation) :is(aside[aria-label=빠른\ 메뉴],.secondary-sidebar) nav>button:is([aria-current=page],[aria-pressed=true],.active){color:#008da1;background:linear-gradient(145deg,#dcfbfe,#c3f3f1);border-radius:17px;box-shadow:0 12px 24px #009db01c}.havn-home-navigation .secondary-sidebar nav>button.submenu-action{color:#62758b;filter:none;background:0 0;min-height:76px;margin:0;padding:0}.havn-home-navigation .secondary-sidebar nav>button.submenu-action:hover:not(:disabled){color:#00a6ba;box-shadow:none;filter:none;background:#e6fbff;transform:none}.havn-home-navigation.has-secondary-nav>.workspace{margin-left:calc(var(--havn-primary-width) + var(--havn-secondary-width))}}@media (min-width:1600px){:is(.havn-live-dashboard,.havn-home-navigation){--havn-primary-width:190px;--havn-secondary-width:110px}}@media (min-width:1051px) and (max-width:1199px){:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button){gap:4px;padding:0}}@media (min-width:1200px) and (max-width:1399px){:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button){gap:4px;padding:0 6px}}@media (min-width:1400px) and (max-width:1599px){:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button){gap:10px;padding:0 12px}}@media (min-width:901px) and (max-width:1050px){:is(.havn-live-dashboard,.havn-home-navigation){--havn-primary-width:100px;--havn-secondary-width:110px}.havn-home-navigation .havn-navigation-mark{left:18px}.havn-live-dashboard>div:first-child:has(>aside[aria-label=주\ 메뉴]){grid-template-columns:var(--havn-primary-width) var(--havn-secondary-width) minmax(0,1fr)}.havn-live-dashboard>div:first-child:has(>aside[aria-label=주\ 메뉴]):has(>aside[aria-label=사원\ 정보]>button[aria-expanded=true])>main{min-width:0;margin-right:235px}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴]{padding:28px 9px}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button){justify-content:center;padding:0}:is(.havn-live-dashboard,.havn-home-navigation) aside[aria-label=주\ 메뉴] nav>:is(a,button)>span,:is(.havn-live-dashboard aside[aria-label=주\ 메뉴]>div,.havn-home-navigation .brand-mark)>span{display:none}}@media (max-width:900px){.havn-home-navigation .sidebar{color:#fff;background:linear-gradient(#004351 0%,#003440 55%,#003f4d 100%)}.havn-home-navigation .nav-link{border:0;border-radius:14px}.havn-home-navigation .nav-link.active{background:linear-gradient(135deg,#00aabd,#007a90);box-shadow:0 12px 22px #0003}.havn-home-navigation .secondary-sidebar{background:#ffffffb8}.havn-home-navigation .secondary-sidebar nav>button{border:0;border-radius:17px}.havn-home-navigation .secondary-sidebar nav>button.active{color:#008da1;background:linear-gradient(145deg,#dcfbfe,#c3f3f1)}}