:root{color-scheme:light;--ink: #17213c;--ink-soft: #6c748b;--muted: #98a0b4;--line: #e8ebf2;--line-strong: #dce1eb;--surface: #ffffff;--canvas: #f7f8fb;--sidebar: #101a34;--sidebar-soft: #8e9bbd;--violet: #6855f5;--violet-dark: #5743e9;--violet-soft: #eeebff;--coral: #ef806e;--coral-soft: #fff0ed;--blue: #3b82d0;--blue-soft: #eaf4ff;--green: #36a47b;--green-soft: #e8f7f0;--amber: #d8963c;--amber-soft: #fff5e3;--pink: #d4689a;--shadow-sm: 0 1px 2px rgba(16, 26, 52, .03), 0 5px 16px rgba(16, 26, 52, .035);--shadow-md: 0 12px 36px rgba(16, 26, 52, .08);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--ink: #f5f7ff;--ink-soft: #a3abc0;--muted: #788199;--line: #2d3550;--line-strong: #3a4563;--surface: #1d2741;--canvas: #131b31;--sidebar: #0c1328;--sidebar-soft: #8e9bbd;--violet-soft: #29264e;--coral-soft: #452b2b;--blue-soft: #223852;--green-soft: #203e3a;--amber-soft: #463825;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .14), 0 5px 16px rgba(0, 0, 0, .12);--shadow-md: 0 12px 36px rgba(0, 0, 0, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{color:var(--ink)}.icon{flex:0 0 auto}.eyebrow{display:block;color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.eyebrow-light{color:#b6b7ff}.heading-period{color:var(--coral)}.text-button{border:0;background:transparent;color:var(--violet);font-weight:700;padding:0}.text-button:hover{color:var(--violet-dark)}.with-icon{align-items:center;display:inline-flex;gap:7px}.login-page{align-items:center;background:#f6f7fb;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:48px 24px 28px;position:relative}.login-page:before{background:linear-gradient(120deg,rgba(104,85,245,.06),transparent 45%,rgba(239,128,110,.06));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.login-brand{align-items:center;color:var(--sidebar);display:flex;font-size:23px;font-weight:800;gap:11px;letter-spacing:-.04em;left:60px;position:absolute;top:42px}.brand-mark{display:inline-flex;height:25px;position:relative;width:26px}.brand-mark:before,.brand-mark:after{background:var(--violet);border-radius:8px;content:"";height:8px;position:absolute;transform:rotate(-42deg);width:22px}.brand-mark:before{left:1px;top:3px}.brand-mark:after{background:var(--coral);left:4px;top:13px}.brand-mark-dot{background:var(--sidebar);border:3px solid var(--violet);border-radius:50%;height:7px;left:0;position:absolute;top:9px;width:7px;z-index:2}.brand-mark-line{background:var(--sidebar);border-radius:5px;height:4px;left:17px;position:absolute;top:12px;transform:rotate(47deg);width:10px;z-index:2}.login-card{background:#ffffffe6;border:1px solid rgba(255,255,255,.95);border-radius:24px;box-shadow:0 26px 70px #1b254a1a;max-width:454px;padding:45px 48px 28px;position:relative;width:100%;z-index:1}.login-card-heading h1{color:#17213c;font-size:36px;letter-spacing:-.05em;line-height:1.1;margin:13px 0 9px}.login-card-heading p{color:#7c8499;font-size:14px;line-height:1.65;margin:0 0 28px;max-width:300px}.notice-banner{align-items:center;background:#f3f1ff;border:1px solid #e7e2ff;border-radius:10px;color:#6559b8;display:flex;font-size:11px;gap:9px;margin-bottom:24px;padding:10px 12px}.notice-banner strong{color:#4e41c8}.login-form{display:grid;gap:18px}.login-form label,.form-grid label,.settings-fields label{color:#606a81;display:grid;font-size:12px;font-weight:700;gap:8px}.login-form input,.form-grid input,.form-grid select,.settings-fields input,.settings-fields select{background:var(--surface);border:1px solid #e0e4ee;border-radius:9px;color:var(--ink);outline:0;padding:12px 13px;transition:border .2s,box-shadow .2s;width:100%}.login-form input:focus,.form-grid input:focus,.form-grid select:focus,.settings-fields input:focus,.settings-fields select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6855f51f}.input-with-icon{position:relative}.input-with-icon input{padding-right:40px}.input-with-icon .icon{color:#abb2c4;pointer-events:none;position:absolute;right:13px;top:13px}.form-error{color:#cc5e53;font-size:12px;margin:-5px 0 0}.login-options{align-items:center;display:flex;justify-content:space-between;margin-top:-3px}.check-label{align-items:center;color:#7d8497!important;display:flex!important;font-size:11px!important;font-weight:500!important;gap:7px!important}.check-label input{accent-color:var(--violet);height:14px;margin:0;width:14px}.login-options .text-button{font-size:11px}.primary-button,.secondary-button,.light-button,.ghost-light-button,.quick-add,.select-button{align-items:center;border:0;border-radius:8px;display:inline-flex;font-size:12px;font-weight:800;gap:8px;justify-content:center;line-height:1;padding:11px 14px;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{background:var(--violet);box-shadow:0 5px 15px #6855f52e;color:#fff}.primary-button:hover{background:var(--violet-dark);box-shadow:0 7px 18px #6855f547;transform:translateY(-1px)}.secondary-button{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft)}.secondary-button:hover{border-color:var(--violet);color:var(--violet)}.login-submit{margin-top:1px;padding:14px 16px;width:100%}.login-footer{align-items:center;border-top:1px solid #edf0f6;color:#9aa1b2;display:flex;font-size:11px;gap:5px;justify-content:center;margin-top:30px;padding-top:23px}.login-footer .text-button{font-size:11px}.login-bottom{bottom:28px;color:#a4aabd;display:flex;font-size:10px;justify-content:space-between;left:60px;letter-spacing:.03em;position:absolute;right:60px;z-index:1}.login-orb{border-radius:50%;filter:blur(2px);opacity:.7;pointer-events:none;position:absolute}.login-orb-one{background:#ebe7ff;height:440px;left:-180px;top:20%;width:440px}.login-orb-two{background:#ffe9e4;bottom:-140px;height:420px;right:-120px;width:420px}.login-grid{background-image:linear-gradient(rgba(104,85,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(104,85,245,.035) 1px,transparent 1px);background-size:40px 40px;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.app-shell{background:var(--canvas);display:flex;min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;display:flex;flex:0 0 252px;flex-direction:column;height:100vh;left:0;position:sticky;top:0;z-index:20}.sidebar-top{align-items:center;display:flex;justify-content:space-between;padding:30px 22px 27px 26px}.sidebar-brand{align-items:center;background:transparent;border:0;color:#fff;display:inline-flex;font-size:21px;font-weight:800;gap:10px;letter-spacing:-.05em;padding:0}.sidebar-brand .brand-mark{transform:scale(.9);transform-origin:left center}.sidebar-brand .brand-mark-dot{background:var(--sidebar);border-color:#9d94ff}.sidebar-brand .brand-mark-line{background:var(--sidebar)}.brand-name small{color:#b7bfff;font-size:10px;font-weight:800;letter-spacing:.08em;margin-left:4px;text-transform:uppercase}.mobile-close{background:transparent;border:0;color:#9da9cc;display:none;padding:4px;transform:rotate(45deg)}.sidebar-scroll{flex:1;overflow-y:auto;padding:0 13px}.nav-group{margin-bottom:24px}.nav-group-label{color:#68779d;display:block;font-size:9px;font-weight:800;letter-spacing:.14em;padding:0 13px 9px;text-transform:uppercase}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#9aa8c9;display:flex;font-size:12px;font-weight:650;gap:12px;margin:2px 0;padding:10px 13px;text-align:left;transition:background .2s,color .2s;width:100%}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item-active{background:#27264e;color:#fff;box-shadow:inset 3px 0 #8e82ff}.nav-item-active .icon{color:#a59dff}.nav-count{align-items:center;background:#9ba7cb26;border-radius:100px;color:#aeb8d7;display:inline-flex;font-size:9px;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 5px}.nav-item-active .nav-count{background:#8d82ff33;color:#c8c2ff}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 13px 18px}.sidebar-user{align-items:center;display:flex;gap:9px;margin-top:15px;padding:9px 7px 2px}.sidebar-user-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.sidebar-user-copy strong{color:#e7eafd;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy small{color:#7987aa;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;height:75px;justify-content:space-between;padding:0 36px}.topbar-left,.topbar-actions{align-items:center;display:flex}.topbar-search{align-items:center;background:var(--canvas);border:1px solid transparent;border-radius:8px;color:var(--muted);display:flex;gap:9px;padding:9px 12px;transition:border .2s;width:255px}.topbar-search:focus-within{border-color:var(--line-strong)}.topbar-search input{background:transparent;border:0;color:var(--ink);font-size:11px;outline:0;width:100%}.topbar-search input::placeholder{color:var(--muted)}.topbar-actions{gap:8px}.quick-add{background:var(--violet-soft);color:var(--violet);margin-right:4px}.quick-add:hover{background:#e4e0ff}.icon-button{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink-soft);display:inline-flex;height:34px;justify-content:center;padding:7px;position:relative;transition:color .2s,background .2s;width:34px}.icon-button:hover{background:var(--canvas);color:var(--violet)}.icon-button.subtle{color:var(--muted)}.notification-dot{background:var(--coral);border:2px solid var(--surface);border-radius:50%;height:7px;position:absolute;right:7px;top:6px;width:7px}.topbar-profile{align-items:center;background:transparent;border:0;color:var(--ink-soft);display:inline-flex;font-size:11px;font-weight:700;gap:8px;margin-left:8px;padding:3px 0 3px 6px}.topbar-profile .icon{color:var(--muted);transform:rotate(90deg)}.mobile-menu{display:none}.page-content{flex:1;max-width:1540px;padding:35px 40px 50px;width:100%}.page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:27px}.page-header h1{font-size:28px;letter-spacing:-.045em;line-height:1.15;margin:7px 0}.page-header p{color:var(--ink-soft);font-size:12px;margin:0}.page-header-actions{align-items:center;display:flex;gap:9px}.app-footer{color:var(--muted);display:flex;font-size:10px;justify-content:space-between;padding:0 40px 22px}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.card-heading{align-items:flex-start;display:flex;justify-content:space-between}.card-heading h3,.module-table-heading h3{font-size:13px;letter-spacing:-.02em;margin:0 0 6px}.card-heading p,.module-table-heading p{color:var(--ink-soft);font-size:10px;margin:0}.muted-icon{color:var(--muted)}.welcome-panel{background:linear-gradient(118deg,#27244c,#34316d 54%,#46408c);border-radius:16px;color:#fff;display:flex;min-height:230px;overflow:hidden;padding:33px 40px;position:relative}.welcome-panel:after{background:linear-gradient(135deg,transparent 20%,rgba(255,255,255,.04));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.welcome-copy{max-width:525px;position:relative;z-index:1}.welcome-copy h2{font-size:30px;letter-spacing:-.05em;margin:12px 0 11px}.welcome-copy p{color:#cbc9e8;font-size:12px;line-height:1.7;margin:0;max-width:430px}.welcome-copy p strong{color:#fff}.welcome-actions{display:flex;gap:10px;margin-top:25px}.light-button{background:#fff;color:#403a86}.light-button:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-1px)}.ghost-light-button{background:transparent;color:#d5d4ef;padding-left:6px;padding-right:6px}.ghost-light-button:hover{color:#fff}.welcome-illustration{height:230px;position:absolute;right:38px;top:0;width:330px}.illustration-ring{border:1px solid rgba(201,198,255,.17);border-radius:50%;position:absolute}.ring-one{height:260px;right:15px;top:-25px;width:260px}.ring-two{height:380px;right:-45px;top:-84px;width:380px}.illustration-card{align-items:flex-start;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1f;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 12px 30px #100c3233;display:flex;flex-direction:column;gap:3px;padding:12px 14px;position:absolute}.illustration-card .icon{color:#c7c0ff;margin-bottom:3px}.illustration-card strong{font-size:18px;letter-spacing:-.04em}.illustration-card span{color:#c1c2df;font-size:9px}.card-one{right:31px;top:32px;transform:rotate(6deg)}.card-two{bottom:29px;left:30px;transform:rotate(-7deg)}.card-two strong{font-size:12px}.illustration-person{align-items:center;border:3px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 10px 22px #0f0a323d;display:flex;font-size:10px;font-weight:800;height:46px;justify-content:center;position:absolute;width:46px}.person-one{background:#9588ff;bottom:23px;right:42px}.person-two{background:#ef827a;bottom:75px;right:104px}.person-three{background:#60a889;right:95px;top:78px}.illustration-sparkle{color:#e5c3bf;font-size:22px;position:absolute}.sparkle-one{right:5px;top:102px}.sparkle-two{bottom:28px;left:2px}.notice-strip{align-items:center;background:#f6f2e8;border:1px solid #eee5d0;border-radius:9px;color:#98794a;display:flex;font-size:10px;gap:9px;justify-content:space-between;margin-top:13px;padding:10px 13px}.notice-strip .icon{color:#d0a653}.notice-strip strong{color:#8d6b36}.notice-strip button{align-items:center;background:transparent;border:0;color:#9b7230;display:inline-flex;font-size:10px;font-weight:800;gap:6px}.notice-strip.compact{justify-content:flex-start;margin:-7px 0 18px}.metric-grid{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin:17px 0}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:17px 18px 15px}.metric-top{align-items:center;display:flex;justify-content:space-between}.metric-icon,.stat-icon,.quick-icon,.department-badge,.activity-icon,.security-row-icon{align-items:center;border-radius:8px;display:inline-flex;justify-content:center}.metric-icon{height:31px;width:31px}.tone-users,.tone-violet{background:var(--violet-soft);color:var(--violet)}.tone-calendar,.tone-coral{background:var(--coral-soft);color:var(--coral)}.tone-briefcase,.tone-blue{background:var(--blue-soft);color:var(--blue)}.tone-sparkles,.tone-amber,.tone-clock{background:var(--amber-soft);color:var(--amber)}.tone-green{background:var(--green-soft);color:var(--green)}.metric-change{align-items:center;display:inline-flex;font-size:10px;font-weight:800;gap:3px}.change-up{color:var(--green)}.change-down{color:var(--coral)}.change-neutral{color:var(--amber)}.metric-value{font-size:29px;font-weight:800;letter-spacing:-.06em;margin-top:19px}.metric-label{color:var(--ink-soft);font-size:11px;font-weight:700;margin-top:2px}.metric-detail{color:var(--muted);font-size:9px;margin-top:8px}.dashboard-grid{display:grid;gap:13px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.surface-card.department-card,.surface-card.chart-card,.surface-card.activity-card,.surface-card.action-card{min-height:305px;padding:22px}.department-list{display:grid;gap:18px;margin-top:25px}.department-row{align-items:flex-start;display:flex;gap:12px}.department-badge{height:30px;width:30px}.department-info{flex:1}.department-name{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-bottom:7px}.department-name span{color:var(--ink-soft);font-weight:800}.progress-track{background:var(--canvas);border-radius:99px;height:5px;overflow:hidden;width:100%}.progress-bar{border-radius:inherit;display:block;height:100%}.fill-blue{background:var(--blue)}.fill-amber{background:var(--amber)}.fill-violet{background:var(--violet)}.fill-coral{background:var(--coral)}.department-info small{color:var(--muted);display:block;font-size:9px;margin-top:6px}.select-button{background:var(--canvas);border:1px solid var(--line);color:var(--ink-soft);font-size:10px;font-weight:700;padding:8px 10px}.select-button .icon{transform:rotate(90deg)}.chart-legend{display:flex;font-size:9px;gap:16px;margin:22px 0 4px 33px}.chart-legend span{align-items:center;color:var(--ink-soft);display:inline-flex;gap:5px}.legend-dot{border-radius:50%;height:6px;width:6px}.legend-violet{background:var(--violet)}.legend-coral{background:var(--coral)}.workforce-chart{display:flex;height:180px;margin-top:6px}.chart-axis{color:var(--muted);display:flex;flex-direction:column;font-size:8px;justify-content:space-between;padding:3px 9px 22px 0;text-align:right;width:32px}.chart-area{flex:1;position:relative}.chart-lines{display:flex;flex-direction:column;top:0;right:0;bottom:23px;left:0;justify-content:space-between;position:absolute}.chart-lines i{border-top:1px dashed var(--line);display:block}.chart-svg{bottom:22px;height:calc(100% - 22px);left:0;overflow:visible;position:absolute;width:100%}.chart-fill{fill:#6855f51a}.chart-line{fill:none;stroke-linecap:round;stroke-width:2.4}.chart-line-violet{stroke:var(--violet)}.chart-line-coral{stroke:var(--coral);stroke-dasharray:4 4;stroke-width:1.8}.chart-labels{bottom:0;color:var(--muted);display:flex;font-size:8px;justify-content:space-between;left:0;position:absolute;right:0}.lower-grid{margin-top:13px}.activity-list{margin-top:21px}.activity-row{align-items:center;display:flex;gap:11px;padding:10px 0}.activity-row+.activity-row{border-top:1px solid var(--line)}.activity-icon{flex:0 0 auto;height:28px;width:28px}.activity-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.activity-copy strong{font-size:10px}.activity-copy span,.activity-row time{color:var(--ink-soft);font-size:9px}.activity-row time{white-space:nowrap}.quick-actions{margin-top:17px}.quick-actions button{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);display:flex;gap:10px;padding:13px 0;text-align:left;width:100%}.quick-actions button:first-child{border-top:0}.quick-actions button>.icon{color:var(--muted);margin-left:auto}.quick-actions button:hover>.icon{color:var(--violet);transform:translate(2px)}.quick-icon{height:29px;width:29px}.quick-actions button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.quick-actions strong{font-size:10px}.quick-actions small{color:var(--ink-soft);font-size:9px}.table-card{overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 18px}.table-search{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:8px;padding:8px 10px;width:285px}.table-search:focus-within{border-color:var(--violet)}.table-search input{background:transparent;border:0;color:var(--ink);font-size:11px;outline:0;width:100%}.table-search input::placeholder{color:var(--muted)}.table-filters{display:flex;gap:8px}.table-filters select{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);font-size:11px;outline:0;padding:0 10px}.filter-button{font-size:11px;padding:8px 11px}.table-summary{color:var(--muted);display:flex;font-size:10px;justify-content:space-between;padding:14px 18px 9px}.table-summary strong{color:var(--ink)}.live-indicator{background:var(--green);border-radius:50%;display:inline-block;height:6px;margin-left:5px;width:6px}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:850px;width:100%}.data-table th{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;padding:8px 18px 11px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-top:1px solid var(--line);color:var(--ink-soft);font-size:11px;padding:13px 18px;white-space:nowrap}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:var(--canvas)}.person-cell{align-items:center;display:flex;gap:10px}.person-cell>div{display:flex;flex-direction:column;gap:4px}.person-cell strong{color:var(--ink);font-size:11px}.person-cell small{color:var(--muted);font-size:9px}.status-pill{align-items:center;background:var(--green-soft);border-radius:99px;color:var(--green);display:inline-flex;font-size:9px;font-weight:800;gap:5px;padding:5px 8px}.status-dot{background:currentColor;border-radius:50%;height:5px;width:5px}.status-on-leave,.status-pending-review,.status-pending,.status-renewal-due{background:var(--amber-soft);color:var(--amber)}.status-info,.status-screening,.status-interview,.status-published{background:var(--blue-soft);color:var(--blue)}.table-pagination{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:10px;justify-content:space-between;padding:13px 18px}.pagination-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--muted);display:inline-flex;height:27px;justify-content:center;margin-left:5px;width:27px}.pagination-button:first-child .icon{transform:rotate(180deg)}.empty-filter{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:7px;padding:50px}.empty-filter strong{color:var(--ink);font-size:12px}.empty-filter span{font-size:10px}.module-summary-grid{display:grid;gap:13px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.module-stat{align-items:center;display:flex;gap:12px;padding:17px 18px}.stat-icon{height:35px;width:35px}.module-stat div{display:flex;flex-direction:column;gap:4px}.module-stat strong{font-size:22px;letter-spacing:-.04em}.module-stat span:not(.stat-icon){color:var(--ink-soft);font-size:10px}.module-table-card{padding:20px 0 0}.module-table-heading{align-items:flex-start;display:flex;justify-content:space-between;padding:0 20px 16px}.compact-table{min-width:690px}.compact-table th{padding-top:11px}.module-footer-note{align-items:center;background:var(--canvas);border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:10px;gap:4px;padding:12px 20px}.notification-cell{align-items:center;display:flex;gap:9px}.notification-cell strong{color:var(--ink)}.planned-module{align-items:center;display:flex;flex-direction:column;margin:25px auto;max-width:630px;padding:58px 58px 62px;text-align:center}.planned-icon{align-items:center;border-radius:14px;display:flex;height:64px;justify-content:center;margin-bottom:23px;width:64px}.planned-module h2{font-size:25px;letter-spacing:-.045em;margin:12px 0 10px}.planned-module p{color:var(--ink-soft);font-size:12px;line-height:1.7;margin:0;max-width:450px}.planned-points{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;margin:27px 0 29px}.planned-points span{align-items:center;color:var(--ink-soft);display:inline-flex;font-size:10px;gap:5px}.planned-points .icon{color:var(--green)}.profile-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.profile-hero{align-items:center;display:flex;gap:18px;grid-column:1 / -1;padding:23px 26px}.profile-hero>div{flex:1}.profile-hero h2{font-size:21px;letter-spacing:-.04em;margin:7px 0 5px}.profile-hero p{color:var(--ink-soft);font-size:11px;margin:0 0 9px}.profile-status{align-items:center;color:var(--green);display:inline-flex;font-size:10px;font-weight:800;gap:6px}.profile-status .status-dot{height:6px;width:6px}.form-card{padding:22px}.form-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:24px}.form-grid label,.settings-fields label{font-size:10px}.form-grid input,.form-grid select,.settings-fields input,.settings-fields select{font-size:11px;padding:10px 11px}.security-card{grid-column:2}.security-score{align-items:center;background:var(--green-soft);border-radius:99px;color:var(--green);display:inline-flex;font-size:9px;font-weight:800;gap:5px;padding:6px 8px}.security-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;margin-top:18px;padding-top:17px}.security-row-icon{height:30px;width:30px}.security-row>div{display:flex;flex:1;flex-direction:column;gap:4px}.security-row strong{font-size:10px}.security-row small{color:var(--ink-soft);font-size:9px}.avatar{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center}.avatar-sm{font-size:9px;height:29px;width:29px}.avatar-md{font-size:10px;height:33px;width:33px}.avatar-xl{font-size:20px;height:72px;width:72px}.avatar-violet{background:#e8e5ff;color:#6654dc}.avatar-blue{background:#dceeff;color:#3279bd}.avatar-coral{background:#ffe2dd;color:#ce6657}.avatar-green{background:#d9f2e7;color:#2e8d6c}.avatar-amber{background:#ffedcc;color:#b57624}.avatar-pink{background:#f8dfec;color:#b74e7d}.settings-badge{align-items:center;background:var(--green-soft);border-radius:99px;color:var(--green);display:inline-flex;font-size:10px;font-weight:800;gap:6px;padding:9px 11px}.settings-layout{display:grid;gap:18px;grid-template-columns:220px minmax(0,1fr)}.settings-nav{align-self:start;padding:15px 10px}.settings-nav-label{color:var(--muted);display:block;font-size:9px;font-weight:800;letter-spacing:.12em;padding:4px 10px 11px;text-transform:uppercase}.settings-nav-item{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink-soft);display:flex;font-size:11px;justify-content:space-between;padding:10px;text-align:left;width:100%}.settings-nav-item:hover{background:var(--canvas);color:var(--ink)}.settings-nav-active{background:var(--violet-soft);color:var(--violet);font-weight:800}.settings-coming{color:var(--muted);font-size:9px}.settings-content{display:grid;gap:14px}.settings-section{padding:22px}.settings-fields{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:22px}.preference-row{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:18px;padding-top:17px}.preference-row>div{display:flex;flex-direction:column;gap:4px}.preference-row strong{font-size:11px}.preference-row span{color:var(--ink-soft);font-size:10px}.toggle{background:var(--line-strong);border:0;border-radius:99px;height:23px;padding:3px;transition:background .2s;width:40px}.toggle span{background:#fff;border-radius:50%;display:block;height:17px;transition:transform .2s;width:17px}.toggle-on{background:var(--violet)}.toggle-on span{transform:translate(17px)}.settings-save{justify-self:start;margin-top:2px}.toast{align-items:center;background:var(--sidebar);border:1px solid rgba(255,255,255,.1);border-radius:9px;bottom:25px;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:11px;gap:9px;max-width:360px;padding:11px 14px;position:fixed;right:27px;z-index:50}.toast-check{align-items:center;background:var(--green);border-radius:50%;display:inline-flex;height:20px;justify-content:center;width:20px}@media (max-width: 1180px){.sidebar{flex-basis:220px}.page-content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.app-footer{padding-left:27px;padding-right:27px}.welcome-illustration{opacity:.72;right:8px}.data-table{min-width:790px}}@media (max-width: 900px){.sidebar{box-shadow:10px 0 40px #0a0f2338;left:-260px;position:fixed;transition:left .25s ease}.sidebar-open{left:0}.mobile-close{display:inline-flex}.mobile-menu{display:inline-flex;margin-right:9px}.mobile-backdrop{background:#0e152e59;border:0;top:0;right:0;bottom:0;left:0;position:fixed;z-index:10}.page-content{padding:28px 22px 40px}.topbar{height:68px;padding:0 22px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.welcome-illustration{opacity:.45;right:-15px}.profile-layout{grid-template-columns:1fr}.security-card{grid-column:auto}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;gap:4px;overflow-x:auto;padding:8px}.settings-nav-label{display:none}.settings-nav-item{flex:0 0 auto;white-space:nowrap;width:auto}}@media (max-width: 620px){.login-page{padding:85px 16px 70px}.login-brand{left:24px;top:25px}.login-card{padding:32px 23px 24px}.login-card-heading h1{font-size:31px}.login-bottom{bottom:20px;flex-direction:column;gap:7px;left:24px;right:24px;text-align:center}.login-bottom span:nth-child(2){display:none}.topbar-search{width:150px}.topbar-profile span,.topbar-profile>.icon{display:none}.topbar{padding:0 14px}.topbar-actions{gap:3px}.quick-add{margin:0 0 0 2px;padding:9px}.quick-add span{display:none}.page-content{padding:23px 14px 34px}.app-footer{flex-direction:column;gap:6px;padding:0 14px 18px}.page-header{align-items:flex-start;flex-direction:column;gap:17px}.page-header h1{font-size:25px}.page-header-actions{width:100%}.page-header-actions .primary-button,.page-header-actions .secondary-button{flex:1}.welcome-panel{min-height:285px;padding:27px 23px}.welcome-copy h2{font-size:26px}.welcome-copy p{max-width:285px}.welcome-illustration{bottom:-55px;opacity:.28;right:-48px;top:auto;transform:scale(.8);transform-origin:bottom right}.notice-strip{align-items:flex-start;flex-wrap:wrap;line-height:1.45}.notice-strip button{margin-left:25px}.metric-grid{gap:9px;grid-template-columns:1fr 1fr}.metric-card{padding:14px}.metric-value{font-size:24px;margin-top:14px}.metric-change{font-size:8px}.surface-card.department-card,.surface-card.chart-card,.surface-card.activity-card,.surface-card.action-card{padding:17px}.card-heading .text-button{font-size:10px}.chart-card{min-height:280px!important}.activity-row time{display:none}.table-toolbar{align-items:stretch;flex-direction:column;gap:10px}.table-search{width:100%}.table-filters{display:grid;grid-template-columns:1fr 1fr}.table-filters select{min-height:34px}.table-filters .filter-button{justify-content:center}.module-summary-grid{grid-template-columns:1fr}.planned-module{margin-top:0;padding:43px 23px}.planned-module h2{font-size:22px}.form-grid,.settings-fields{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-wrap:wrap;padding:20px}.profile-hero>div{min-width:calc(100% - 110px)}.profile-hero .secondary-button{margin-left:90px}.security-row{flex-wrap:wrap}.security-row .secondary-button{margin-left:40px}.settings-nav-item{font-size:10px}.toast{bottom:15px;left:14px;right:14px}}