@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#182230;background:#f6f8fb;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus,input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #93c5fd}.app-shell{grid-template-columns:255px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{color:#d0d5dd;background:#101828;flex-direction:column;height:100vh;padding:18px 12px;transition:all .25s;display:flex;overflow-y:auto}.brand{color:#fff;align-items:center;gap:10px;height:54px;margin-bottom:22px;padding:0 8px;display:flex}.brand-mark{background:#3772ef;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand b{font-size:15px;display:block}.brand small{color:#98a2b3;margin-top:2px;font-size:11px;display:block}.brand button{color:#98a2b3;background:0 0;margin-left:auto;display:none}.sidebar nav{gap:3px;display:grid}.sidebar a{color:#98a2b3;border-radius:8px;align-items:center;gap:12px;padding:10px 11px;font-weight:500;text-decoration:none;display:flex}.sidebar a:hover{color:#fff;background:#1d2939}.sidebar a.active{color:#fff;background:#1f4fbf}.side-bottom{border-top:1px solid #344054;gap:3px;margin-top:auto;padding-top:12px;display:grid}.app-shell main{min-width:0;height:100vh;overflow-y:auto}.navbar{z-index:5;background:#fff;border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.nav-search{color:#344054;font-weight:600}.nav-search span{color:#98a2b3;font-weight:400}.nav-actions,.profile-trigger{align-items:center;gap:13px;display:flex}.icon-btn,.menu-btn{color:#475467;background:0 0;border:0;border-radius:7px;padding:7px}.icon-btn:hover,.menu-btn:hover{background:#f2f4f7}.menu-btn{display:none}.notify{position:relative}.notify i{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.avatar{color:#2853b5;background:#e0eaff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-grid}.avatar.sm{width:28px;height:28px;font-size:10px}.avatar.xl{width:80px;height:80px;font-size:23px}.profile-trigger{text-align:left;background:0 0}.profile-name{font-size:13px;font-weight:600}.profile-name small{color:#667085;font-size:11px;font-weight:400;display:block}.popover{position:relative}.dropdown-note{z-index:10;background:#fff;border:1px solid #eaecf0;border-radius:10px;width:250px;padding:14px;position:absolute;top:42px;right:0;box-shadow:0 10px 28px #10182820}.dropdown-note p{border-bottom:1px solid #f2f4f7;margin:0;padding:8px 0;font-size:12px}.page-content{max-width:1700px;margin:auto;padding:30px 32px 48px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:.08em;color:#667085;margin:0 0 5px;font-size:11px;font-weight:700}.page-heading h1,.profile-hero h1{letter-spacing:-.5px;color:#101828;margin:0 0 6px;font-size:26px}.page-heading>div>p:last-child{color:#667085;margin:0}.primary{color:#fff;white-space:nowrap;background:#2563eb;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:600;display:inline-flex}.primary:hover{background:#1d4ed8}.secondary{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:10px 14px;font-weight:600}.metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:15px;margin-bottom:20px;display:grid}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;gap:13px;padding:17px;display:flex;box-shadow:0 1px 2px #10182808}.metric-icon{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.metric-icon.blue{color:#2563eb;background:#e8f0ff}.metric-icon.green{color:#16a34a;background:#e8f7ef}.metric-icon.red{color:#e23d3d;background:#ffeded}.metric-icon.orange{color:#e87810;background:#fff3df}.metric-icon.purple{color:#7651d7;background:#f0ebff}.metric-card p{color:#667085;margin:0 0 6px;font-size:12px}.metric-card h3{letter-spacing:-.5px;margin:0 0 6px;font-size:21px}.metric-card small{color:#16a34a;font-size:11px;font-weight:600}.metric-card small.down{color:#e87810}.metric-card small span{color:#98a2b3;font-weight:400}.two-col{grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px;display:grid}.card{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:20px;box-shadow:0 1px 2px #10182808}.card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.card h2{color:#101828;margin:0 0 5px;font-size:16px}.card-header p{color:#667085;margin:0;font-size:12px}.chart{height:280px}.filter{color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:8px 28px 8px 10px}.dept-list{gap:13px;display:grid}.dept-row{grid-template-columns:150px 1fr 38px;align-items:center;gap:10px;display:grid}.dept-row b{font-size:12px;display:block}.dept-row small{color:#667085;white-space:nowrap;font-size:10px}.progress{background:#eef2f6;border-radius:6px;height:6px;overflow:hidden}.progress i{background:#3974ef;border-radius:6px;height:100%;display:block}.dept-row strong{text-align:right;font-size:12px}.table-wrap{margin:0 -2px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:#667085;white-space:nowrap;border-bottom:1px solid #eaecf0;padding:11px 10px;font-size:11px;font-weight:600}td{color:#475467;white-space:nowrap;border-bottom:1px solid #f2f4f7;padding:12px 10px;font-size:12px}tr:last-child td{border-bottom:none}.person{color:#182230;align-items:center;gap:8px;display:flex}.person b{font-size:12px}.person small{color:#667085;margin-top:2px;font-size:10px;display:block}.badge{border-radius:20px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.active,.present,.approved,.processed,.verified,.ready,.completed,.paid,.assigned{color:#177d43;background:#e9f8ef}.pending,.late,.in-review,.manager-approved,.finance-approved{color:#aa6500;background:#fff5dc}.absent,.rejected,.inactive,.lost{color:#bf3030;background:#ffeded}.wfh,.half-day,.available{color:#6542c5;background:#eeeaff}.table-tools{align-items:center;gap:10px;display:flex}.top-tools{border-bottom:1px solid #eaecf0;margin-bottom:3px;padding-bottom:18px}.search{color:#98a2b3;background:#fff;border:1px solid #d0d5dd;border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 10px;display:flex}.search input{color:#344054;border:0;width:180px;min-width:0}.actions{gap:4px;display:flex}.actions button{color:#475467;background:#f2f4f7;border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.text-btn{color:#2563eb;background:0 0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.joiners{grid-template-columns:1fr 1fr;gap:17px;display:grid}.joiner{align-items:center;gap:10px;display:flex}.joiner b,.announcement b{font-size:12px}.joiner small{color:#667085;margin-top:3px;font-size:10px;display:block}.announcement{border-bottom:1px solid #f2f4f7;gap:10px;padding:10px 0;display:flex}.announcement:last-child{border:0}.announcement p{color:#667085;margin:4px 0;font-size:11px}.announcement small{color:#98a2b3;font-size:10px}.priority{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.priority.high{background:#ef4444}.priority.medium{background:#f59e0b}.priority.low{background:#3b82f6}.modal-backdrop{z-index:20;background:#10182875;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:90vh;padding:22px;overflow:auto}.modal header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin:0;font-size:18px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#344054;gap:6px;font-size:12px;font-weight:600;display:grid}.form-grid input,.form-grid select,.form-grid textarea{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-width:0;padding:9px}.form-grid textarea{resize:vertical;height:82px}.form-grid .full{grid-column:1/-1}.modal-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.toast{color:#fff;z-index:50;background:#182230;border-radius:9px;padding:13px 16px;font-weight:600;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 20px #10182830}.profile-hero{background:#fff;border:1px solid #eaecf0;border-radius:12px;align-items:center;gap:18px;padding:26px;display:flex}.profile-hero p{color:#667085;margin:0 0 5px}.tabs{background:#fff;border:1px solid #eaecf0;border-radius:10px;margin:20px 0;padding:4px;display:flex;overflow:auto}.tabs button{color:#667085;white-space:nowrap;background:0 0;border-radius:7px;padding:10px 16px}.tabs button.active{color:#2563eb;background:#e8f0ff;font-weight:600}.profile-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-grid dl{grid-template-columns:150px 1fr;gap:16px;margin:18px 0 0;display:grid}.profile-grid dt{color:#667085}.profile-grid dd{margin:0;font-weight:600}.button-pair{gap:6px;display:flex}.button-pair button{border-radius:5px;align-items:center;gap:3px;padding:5px 7px;font-size:11px;display:flex}.approve{color:#177d43;background:#e9f8ef}.reject{color:#bf3030;background:#ffeded}.pipeline{align-items:flex-end;gap:10px;min-height:160px;margin-bottom:20px;display:flex}.pipeline h2{margin-top:-120px;position:absolute}.pipeline>div{color:#667085;flex:1;gap:5px;font-size:11px;display:grid}.pipeline span{color:#2563eb;font-size:18px;font-weight:700}.pipeline i{background:#6595f6;border-radius:4px;height:7px}.announcement-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tag{border-radius:15px;padding:5px 8px;font-size:10px}.tag.high{color:#bf3030;background:#ffeded}.tag.medium{color:#aa6500;background:#fff5dc}.tag.low{color:#2563eb;background:#e8f0ff}.announcement-card>p{color:#667085;font-size:13px;line-height:1.6}.announcement-card footer{color:#667085;border-top:1px solid #f2f4f7;align-items:center;gap:7px;margin-top:20px;padding-top:14px;font-size:12px;display:flex}.empty{text-align:center;color:#98a2b3;padding:30px}.app-error{background:#f6f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.app-error section{text-align:center;background:#fff;border:1px solid #eaecf0;border-radius:14px;max-width:460px;padding:32px;box-shadow:0 10px 30px #10182810}.app-error span{color:#2563eb;font-size:13px;font-weight:700}.app-error h1{margin:12px 0 8px;font-size:22px}.app-error p{color:#667085;line-height:1.55}.app-error button{color:#fff;background:#2563eb;border-radius:8px;padding:10px 15px;font-weight:600}.login-page{background:#f5f8ff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-promo{color:#fff;perspective:900px;background:linear-gradient(145deg,#102043,#1c3f87);flex-direction:column;padding:48px clamp(35px,7vw,115px);display:flex;position:relative;overflow:hidden}.login-promo:after{content:"";opacity:.45;border:1px solid #6e9dff;border-radius:50%;width:680px;height:680px;position:absolute;bottom:-300px;right:-390px}.login-brand{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.login-brand>span{background:#3772ef;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 15px #03133b80}.login-brand b{font-size:16px;display:block}.login-brand small{color:#adc2f5;margin-top:2px;font-size:11px;display:block}.promo-copy{z-index:2;max-width:500px;margin:10vh 0 22px;position:relative}.promo-copy .eyebrow{color:#93b5ff}.promo-copy h1{letter-spacing:-2px;margin:12px 0 18px;font-size:clamp(35px,4.2vw,58px);line-height:1.08}.promo-copy em{color:#8db1ff;font-style:normal}.promo-copy>p:last-child{color:#c7d6f8;max-width:410px;font-size:16px;line-height:1.6}.login-orbit{z-index:2;height:190px;transform-style:preserve-3d;position:relative}.orb{border:1px solid #88adff66;border-radius:50%;position:absolute;transform:rotateX(62deg)rotate(-18deg)}.orb-one{width:390px;height:165px;top:18px;left:0}.orb-two{border-color:#b7ceff88;width:260px;height:105px;top:48px;left:60px}.three-card{color:#172554;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fbffed;border-radius:16px;width:290px;padding:17px;transition:transform .35s;position:absolute;top:20px;left:42px;transform:rotateX(14deg)rotateY(-18deg)rotate(4deg);box-shadow:20px 25px #07183c42,0 22px 35px #06183e8c}.three-card:hover{transform:rotateX(3deg)rotateY(-4deg)rotate(0)translateY(-8px)}.three-card-top{align-items:center;gap:9px;display:flex}.mini-avatar{color:#2563eb;background:#dce8ff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.three-card-top b,.three-card-top small{display:block}.three-card-top b{font-size:11px}.three-card-top small{color:#7180a0;margin-top:2px;font-size:9px}.three-card-top i{color:#16834b;background:#ddf8e8;border-radius:10px;margin-left:auto;padding:4px 6px;font-size:10px;font-style:normal;font-weight:700}.mini-bars{border-bottom:1px solid #dfe8f9;align-items:flex-end;gap:8px;height:55px;padding:10px 4px 7px;display:flex}.mini-bars span{background:linear-gradient(#75a4ff,#3268df);border-radius:4px 4px 1px 1px;width:21px}.mini-bars span:first-child{height:22px}.mini-bars span:nth-child(2){height:35px}.mini-bars span:nth-child(3){height:28px}.mini-bars span:nth-child(4){height:42px}.mini-bars span:nth-child(5){height:32px}.mini-bars span:nth-child(6){height:46px}.three-card-bottom{color:#64748b;justify-content:space-between;padding-top:10px;font-size:10px;display:flex}.three-card-bottom b{color:#16834b}.login-stats{z-index:2;gap:34px;margin-top:auto;display:flex;position:relative}.login-stats strong,.login-stats span{display:block}.login-stats strong{font-size:21px}.login-stats span{color:#a9bde8;margin-top:4px;font-size:11px}.login-form-side{place-items:center;padding:30px;display:grid;position:relative}.login-form-side:before{content:"";filter:blur(1px);opacity:.45;background:#dce9ff;border-radius:50%;width:470px;height:470px;position:absolute}.login-form{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffffdb;border:1px solid #fff;border-radius:18px;gap:19px;width:min(390px,100%);padding:34px;display:grid;position:relative;transform:rotateY(-2deg);box-shadow:18px 22px #d7e3fa,0 20px 40px #1e3a6720}.login-form h2{letter-spacing:-.7px;color:#101828;margin:4px 0 7px;font-size:27px}.muted{color:#667085;margin:0}.login-form>label{color:#344054;gap:7px;font-size:12px;font-weight:600;display:grid}.input-icon{color:#98a2b3;background:#fff;border:1px solid #d0d5dd;border-radius:8px;align-items:center;gap:9px;height:45px;padding:0 11px;display:flex}.input-icon:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.input-icon input{color:#182230;border:0;flex:1;min-width:0}.input-icon button{color:#667085;background:0 0;padding:2px}.login-options{justify-content:space-between;align-items:center;font-size:12px;display:flex}.login-options>button,.login-help button{color:#2563eb;background:0 0;padding:0;font-weight:600}.remember{color:#475467;align-items:center;gap:6px;display:flex}.login-submit{color:#fff;background:linear-gradient(135deg,#3677f2,#214cc0);border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;font-weight:700;display:flex;box-shadow:0 8px 14px #2563eb45}.login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 18px #2563eb50}.login-help{text-align:center;color:#667085;margin:3px 0;font-size:12px}.login-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:7px;padding:10px;font-size:12px}body{background:radial-gradient(circle at 80% 5%,#e6efff 0,#0000 26%),#edf3fc}.app-shell{perspective:1800px;background:radial-gradient(circle at 72% 16%,#f8fbff 0,#0000 32%)}.sidebar{background:linear-gradient(155deg,#0c172d,#172f65 57%,#10234b);border:1px solid #38568f;border-radius:18px;height:calc(100vh - 24px);margin:12px 0 12px 12px;transform:rotateY(1deg);box-shadow:13px 16px #d1def0,0 20px 36px #10265b55}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff0d,#0000 30%);border-radius:18px;display:block;position:absolute;inset:0}.sidebar nav,.side-bottom,.brand{z-index:1;position:relative}.brand{margin-top:2px}.brand-mark{box-shadow:0 8px 14px #061536a0}.sidebar a{margin:1px;transition:transform .2s,background .2s,box-shadow .2s}.sidebar a:hover{background:#ffffff16;transform:translate(5px)translateZ(12px);box-shadow:0 5px 12px #0615364d}.sidebar a.active{background:linear-gradient(135deg,#477ef3,#2454bd);transform:translate(4px);box-shadow:0 8px 15px #0615368c,inset 0 1px #fff5}.app-shell main{padding:12px 12px 12px 0}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border:1px solid #fff;border-radius:15px;padding:0 28px;box-shadow:0 10px 20px #31517918}.page-content{padding:28px 28px 48px}.card,.metric-card,.profile-hero{background:linear-gradient(145deg,#fff,#f7faff);border-color:#fff;transition:transform .22s,box-shadow .22s;box-shadow:9px 11px #dbe5f3,0 15px 25px #3b57721c}.metric-card:hover{transform:translateY(-5px)rotateX(1deg);box-shadow:12px 16px #dbe5f3,0 20px 28px #3b577228}.card:hover{box-shadow:11px 14px #dbe5f3,0 18px 30px #3b577224}.primary{background:linear-gradient(135deg,#3978f7,#244eb6);border:1px solid #fff5;transition:transform .18s,box-shadow .18s;box-shadow:0 7px 13px #2456bf45}.primary:hover{transform:translateY(-2px);box-shadow:0 11px 18px #2456bf50}.metric-icon{box-shadow:inset 0 1px #fff,0 5px 8px #3952731c}.filter,.search{border-color:#fff;box-shadow:0 4px 8px #314a6912}.table-wrap{background:#fff;border-radius:9px;box-shadow:inset 0 0 0 1px #e6edf7}.tabs{border-color:#fff;box-shadow:7px 8px #dbe5f3,0 10px 20px #3b577214}.profile-hero{padding:28px}.announcement-card{min-height:205px}.toast{box-shadow:8px 10px #0c172d24,0 13px 24px #10182835}.employee-portal{background:radial-gradient(circle at 15% 5%,#dbeafe,#0000 30%),#eef4fc;min-height:100vh;padding:18px clamp(20px,7vw,100px)}.employee-nav{background:#ffffffc9;border:1px solid #fff;border-radius:14px;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex;box-shadow:8px 10px #d9e4f5,0 14px 24px #1838601a}.employee-logo{color:#193b83;align-items:center;gap:8px;display:flex}.employee-logo span{color:#667085;border-left:1px solid #d0d5dd;padding-left:9px;font-size:12px}.employee-nav button{color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:600;display:flex}.employee-welcome{margin:54px 0 22px}.employee-welcome p{letter-spacing:.1em;color:#2563eb;margin:0 0 7px;font-size:11px;font-weight:700}.employee-welcome h1{letter-spacing:-1px;margin:0 0 6px;font-size:31px}.employee-welcome span{color:#667085}.employee-profile-card{background:#ffffffd9;border:1px solid #fff;border-radius:19px;max-width:840px;padding:28px;transform:rotateX(1deg);box-shadow:15px 18px #d6e2f3,0 22px 36px #18386025}.employee-profile-head{border-bottom:1px solid #e7edf6;align-items:center;gap:16px;padding-bottom:23px;display:flex}.employee-avatar{color:#fff;background:linear-gradient(145deg,#5c91fc,#2755bd);border-radius:18px;place-items:center;width:72px;height:72px;font-size:22px;font-weight:700;display:grid;box-shadow:0 10px 16px #2456bf45}.employee-profile-head p{color:#667085;margin:0 0 4px;font-size:11px}.employee-profile-head h2{margin:0 0 4px;font-size:22px}.employee-profile-head>div>span{color:#667085;font-size:13px}.employee-profile-head>.badge{margin-left:auto}.employee-details{grid-template-columns:repeat(2,1fr);gap:14px;margin:23px 0;display:grid}.employee-details article{background:#f8fbff;border:1px solid #edf2f9;border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.employee-details article>span{color:#2563eb;background:#e6efff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.employee-details small,.employee-details b{display:block}.employee-details small{color:#667085;margin-bottom:3px;font-size:10px}.employee-details b{color:#344054;font-size:13px}.employee-profile-card footer{color:#667085;background:#edf6ff;border-radius:8px;align-items:center;gap:7px;padding:11px;font-size:11px;display:flex}.employee-profile-card footer svg{color:#2563eb}.demo-login{color:#406092;background:#eef5ff;border:1px dashed #b8cdf8;border-radius:8px;gap:3px;padding:10px;font-size:10px;display:grid}.demo-login b{color:#2453ab;font-size:11px}.demo-login span{font-family:monospace}.sidebar-logout{color:#e16b6b;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:11px 14px;display:flex}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.announcement-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{display:block}.app-shell main{padding:0}.sidebar{z-index:30;width:255px;height:calc(100vh - 20px);margin:10px;position:fixed;left:-280px;box-shadow:4px 0 20px #10182830}.drawer-open .sidebar{left:0}.drawer-open:after{content:"";z-index:20;background:#10182855;position:fixed;inset:0}.menu-btn{display:block}.navbar{padding:0 15px}.nav-search{font-size:12px}.profile-name,.profile-trigger svg{display:none}.page-content{padding:20px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{padding:12px}.metric-card h3{font-size:18px}.metric-icon{width:34px;height:34px}.table-tools{flex-wrap:wrap}.top-tools .search,.top-tools .search input{width:100%}.dashboard-bottom,.profile-grid,.joiners,.announcement-grid{grid-template-columns:1fr}.card{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .full,.modal-actions{grid-column:auto}.profile-hero{padding:18px}.pipeline{min-width:680px;overflow-x:auto}.chart{height:240px}.page-heading .primary{padding:9px 10px;font-size:12px}.login-page{grid-template-columns:1fr}.login-promo{min-height:230px;padding:28px}.promo-copy{margin:40px 0 16px}.promo-copy h1{letter-spacing:-1px;font-size:31px}.promo-copy>p:last-child,.login-stats,.login-orbit{display:none}.login-form-side{place-items:start center;padding:38px 24px}.login-form{transform:none;box-shadow:8px 10px #d7e3fa,0 15px 30px #1e3a6720}}@media (width<=430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{gap:8px}.metric-card small span{display:none}.page-heading{flex-direction:column}.page-heading .primary{align-self:flex-start}.navbar{height:60px}.nav-actions{gap:5px}}@media (width<=760px){.employee-portal{padding:12px 16px}.employee-welcome{margin:38px 0 18px}.employee-welcome h1{font-size:26px}.employee-profile-card{padding:18px;transform:none;box-shadow:8px 10px #d6e2f3,0 18px 28px #18386020}.employee-profile-head{align-items:flex-start}.employee-profile-head>.badge{margin-left:0;position:absolute;right:35px}.employee-details{grid-template-columns:1fr}.employee-logo span{display:none}}