/* ============================================================================
   SAMIDDHI HRMS — APPLICATION STYLES
   ============================================================================ */

:root{
    --navy:#061633;
    --navy-2:#0a2757;
    --blue:#0b63e5;
    --blue-2:#2b7cff;
    --green:#00a879;
    --ink:#10213d;
    --muted:#66758b;
    --line:#dce5f1;
    --soft:#f5f8fc;
    --white:#fff;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fa}
a{text-decoration:none}

/* ============================================================================
   AUTHENTICATION / LOGIN
   ============================================================================ */

.auth-page{
    min-height:100svh;
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(900px 650px at 14% 22%,rgba(37,121,255,.18),transparent 62%),
        radial-gradient(760px 560px at 80% 82%,rgba(0,190,142,.13),transparent 62%),
        linear-gradient(135deg,#031027 0%,#061b3b 48%,#04233a 100%);
}

.auth-page::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.26;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);
}

.auth-page::after{
    content:"";
    position:absolute;
    width:760px;
    height:760px;
    right:-420px;
    top:-330px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    box-shadow:
        0 0 0 72px rgba(255,255,255,.025),
        0 0 0 144px rgba(255,255,255,.018),
        0 0 0 216px rgba(255,255,255,.012);
    pointer-events:none;
}

.auth-topbar{
    position:absolute;
    z-index:10;
    inset:0 0 auto;
    height:78px;
    padding:0 clamp(24px,4vw,68px);
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.auth-top-brand{display:flex;align-items:center;gap:13px;color:#fff}
.auth-top-logo-wrap{display:flex;align-items:center;justify-content:center;width:188px;min-height:50px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)}
.auth-top-logo{display:block;width:100%;height:auto;max-height:40px;object-fit:contain}
.auth-top-divider{width:1px;height:36px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent)}
.auth-top-copy{display:block}
.auth-top-name{display:block;font-size:14px;font-weight:850;letter-spacing:.01em}
.auth-top-label{display:block;margin-top:4px;font-size:9px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#91a8c7;font-weight:800}

.auth-top-meta{display:flex;align-items:center;gap:12px;color:#9eb2cc;font-size:11px}
.auth-status{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.auth-status-dot{width:7px;height:7px;border-radius:50%;background:#16c79a;box-shadow:0 0 0 4px rgba(22,199,154,.12)}
.auth-region{padding-left:12px;border-left:1px solid rgba(255,255,255,.12)}

.auth-main{
    position:relative;
    z-index:2;
    min-height:100svh;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,38vw);
}

.auth-hero{
    min-width:0;
    padding:clamp(116px,11vh,148px) clamp(28px,6vw,104px) clamp(44px,7vh,74px);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.auth-hero-inner{width:min(920px,100%);margin:auto 0}

.auth-kicker{display:flex;align-items:center;gap:10px;color:#8ebcff;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:850}
.auth-kicker::before{content:"";width:32px;height:1px;background:linear-gradient(90deg,#2c7dff,#19c99a)}

.auth-hero-title{
    max-width:850px;
    margin:18px 0 0;
    font-size:clamp(44px,5.1vw,76px);
    line-height:1.035;
    letter-spacing:-.035em;
    word-spacing:.015em;
    font-weight:850;
}
.auth-hero-title span{display:block}
.auth-hero-title span+span{margin-top:.035em}
.auth-hero-title .accent{color:#72aaff}
.auth-hero-lead{max-width:700px;margin:22px 0 0;color:#c0d0e6;font-size:clamp(14px,1.15vw,17px);line-height:1.7}

.auth-module-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    max-width:850px;
    margin-top:36px;
}

.auth-module{
    min-height:108px;
    padding:15px 15px 14px;
    border:1px solid rgba(255,255,255,.105);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 35px rgba(0,0,0,.08);
    backdrop-filter:blur(8px);
}
.auth-module-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(53,130,255,.16);border:1px solid rgba(111,166,255,.14);color:#cfe1ff;font-size:11px;font-weight:900}
.auth-module strong{display:block;margin-top:12px;color:#fff;font-size:12px}
.auth-module span{display:block;margin-top:4px;color:#8fa5c3;font-size:10px;line-height:1.35}

.auth-proof-row{
    display:grid;
    grid-template-columns:repeat(4,auto);
    justify-content:start;
    gap:26px;
    margin-top:32px;
}
.auth-proof{display:flex;align-items:center;gap:8px;color:#9eb1cc;font-size:10px;letter-spacing:.04em}
.auth-proof b{width:5px;height:5px;border-radius:50%;background:#13bb91;box-shadow:0 0 0 4px rgba(19,187,145,.08)}

.auth-login-side{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:96px clamp(28px,4.4vw,76px) 44px;
    background:rgba(248,251,255,.985);
    color:var(--ink);
    border-left:1px solid rgba(255,255,255,.16);
    box-shadow:-28px 0 70px rgba(0,0,0,.08);
}

.auth-login-side::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(500px 400px at 0% 10%,rgba(43,124,255,.09),transparent 65%),
        linear-gradient(180deg,rgba(255,255,255,.4),transparent 55%);
}

.auth-login-content{position:relative;width:min(420px,100%);margin:auto}
.auth-login-eyebrow{color:var(--blue);font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:900}
.auth-login-title{margin:9px 0 10px;color:#0d1f3b;font-size:clamp(31px,2.7vw,42px);line-height:1.05;letter-spacing:-.045em;font-weight:850}
.auth-login-subtitle{max-width:390px;margin:0 0 30px;color:#6a7890;font-size:13px;line-height:1.7}

.auth-alert{margin:0 0 18px;padding:12px 14px;border:1px solid #fecaca;border-radius:12px;background:#fff6f6;color:#b42318;font-size:12px;line-height:1.5}
.auth-field{margin-top:18px}
.auth-field label{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:#20324e;font-size:11px;font-weight:850}
.auth-field input{width:100%;height:50px;padding:0 14px;border:1px solid #d8e2ee;border-radius:12px;background:#fff;color:#10213d;font:inherit;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.auth-field input:hover{border-color:#c5d3e3}
.auth-field input:focus{border-color:#6ca3ff;box-shadow:0 0 0 4px rgba(11,99,229,.1);background:#fff}

.auth-signin{width:100%;height:52px;margin-top:25px;border:0;border-radius:12px;background:linear-gradient(135deg,#0b67ed,#0755c7);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 14px 28px rgba(11,99,229,.2);transition:transform .16s,box-shadow .16s}
.auth-signin:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(11,99,229,.25)}
.auth-signin:active{transform:translateY(0)}

.auth-security{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:12px 13px;border:1px solid #e2e9f2;border-radius:11px;background:#f7f9fc;color:#68778d;font-size:10px;line-height:1.5}
.auth-security-dot{flex:none;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#08a87a;box-shadow:0 0 0 4px rgba(8,168,122,.1)}
.auth-restriction{margin-top:17px;color:#91a0b4;font-size:10px;line-height:1.55}
.auth-divider{height:1px;margin:30px 0 18px;background:#e5ebf2}
.auth-side-footer{display:flex;justify-content:space-between;gap:14px;color:#98a5b7;font-size:9px;line-height:1.5}
.auth-side-footer strong{color:#64748b;font-weight:800}

.auth-hero-footer{
    position:absolute;
    left:clamp(28px,6vw,104px);
    bottom:28px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#7288a5;
    font-size:9px;
    letter-spacing:.04em;
}
.auth-hero-footer::before{content:"";width:26px;height:1px;background:rgba(255,255,255,.2)}

/* ============================================================================
   DASHBOARD / APPLICATION SHELL — SPRINT 1.2
   ============================================================================ */

.hrms-app{background:#f3f6fa;color:#17233a;min-height:100vh}
.app-shell{display:flex;min-height:100vh}

.sidebar{position:fixed;inset:0 auto 0 0;width:274px;z-index:40;display:flex;flex-direction:column;background:linear-gradient(180deg,#061633 0%,#071a35 62%,#06152b 100%);color:#c9d5e7;box-shadow:12px 0 35px rgba(3,16,39,.08)}
.sidebar-brand{padding:22px 18px 17px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center}
.sidebar-brand-link{display:flex;align-items:center;gap:11px;min-width:0;color:#fff}
.sidebar-logo{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(0,0,0,.12);overflow:hidden}
.sidebar-logo img{width:29px;height:29px;object-fit:contain}
.sidebar-brand-copy{min-width:0}.sidebar-brand-copy strong{display:block;color:#fff;font-size:14px;font-weight:850;letter-spacing:-.01em}.sidebar-brand-copy small{display:block;margin-top:4px;color:#8fa5c4;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.sidebar-close{display:none;margin-left:auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:transparent;color:#fff;font-size:22px}

.tenant-switcher{margin:17px 14px 8px;padding:10px 11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.045)}
.tenant-avatar{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(145deg,#0b68e8,#11a983);color:#fff;font-size:11px;font-weight:900}
.tenant-copy{min-width:0;flex:1}.tenant-copy small{display:block;color:#6f88a9;font-size:7px;letter-spacing:.16em;font-weight:900}.tenant-copy strong{display:block;margin-top:3px;color:#e8eef8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-chevron{color:#7790b1;font-size:14px}

.sidebar-nav{flex:1;overflow:auto;padding:7px 10px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
.nav-section{padding:17px 11px 6px;color:#607a9e;font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:900}
.nav-item{display:flex;align-items:center;gap:10px;min-height:37px;margin:2px 0;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#9eb0c9;font-size:11px;font-weight:650;transition:.16s ease}
.nav-item:hover{background:rgba(255,255,255,.045);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(35,116,255,.22),rgba(35,116,255,.08));border-color:rgba(76,145,255,.16);color:#fff;box-shadow:inset 3px 0 0 #2b7cff}
.nav-icon{width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:7px;color:#89a6ce;background:rgba(255,255,255,.035);font-size:10px;font-weight:850}.nav-item.active .nav-icon{background:rgba(43,124,255,.2);color:#8ebcff}.nav-item em{margin-left:auto;color:#58708f;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.06em}
.sidebar-bottom{padding:13px 14px 16px;border-top:1px solid rgba(255,255,255,.07)}
.platform-badge{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:rgba(255,255,255,.035)}.platform-badge>span{width:7px;height:7px;flex:none;border-radius:50%;background:#12bf91;box-shadow:0 0 0 4px rgba(18,191,145,.08)}.platform-badge strong{display:block;color:#dce6f4;font-size:9px}.platform-badge small{display:block;margin-top:3px;color:#657e9f;font-size:8px}.logout-link{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px 10px;color:#7e95b3;font-size:10px}.logout-link:hover{color:#fff}

.main{margin-left:274px;min-width:0;flex:1;min-height:100vh}
.topbar{position:sticky;top:0;z-index:30;height:72px;padding:0 clamp(22px,3vw,44px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid #e5eaf1;backdrop-filter:blur(16px)}
.topbar-left,.top-actions{display:flex;align-items:center}.topbar-left{gap:15px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px}.breadcrumb span{color:#9aa8ba}.breadcrumb b{color:#c2cad5;font-weight:500}.breadcrumb strong{color:#25344c;font-weight:800}.menu-toggle{display:none;width:38px;height:38px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#243650;font-size:16px}
.top-actions{gap:9px}.top-action{height:38px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#61728a}.search-action{min-width:170px;padding:0 10px;display:flex;align-items:center;gap:8px;font:inherit;font-size:10px;text-align:left}.search-action>span:first-child{font-size:19px;line-height:1;color:#71839b}.search-action kbd{margin-left:auto;padding:3px 5px;border:1px solid #e3e8ef;border-radius:5px;background:#f8fafc;color:#9aa7b8;font-size:8px}.icon-action{position:relative;width:38px;display:grid;place-items:center;font-size:17px}.icon-action i{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#14b889;box-shadow:0 0 0 3px rgba(20,184,137,.1)}
.user-menu{display:flex;align-items:center;gap:9px;margin-left:3px;padding-left:10px;border-left:1px solid #e7ebf1}.avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:11px;background:linear-gradient(145deg,#eaf2ff,#dbeaff);color:#0d55b5;font-size:10px;font-weight:900}.user-copy{min-width:0}.user-copy strong{display:block;color:#20324d;font-size:10px;white-space:nowrap}.user-copy small{display:block;max-width:150px;margin-top:2px;color:#8b99ab;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{color:#91a0b3;font-size:13px}

.dashboard-page{padding:30px clamp(22px,3vw,46px) 18px;max-width:1700px;margin:0 auto}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#4b79bd;font-weight:900}.page-heading h1{margin:7px 0 5px;color:#10213d;font-size:clamp(25px,2vw,34px);line-height:1.05;letter-spacing:-.035em}.page-heading p{margin:0;color:#718198;font-size:12px}.heading-actions{display:flex;gap:9px}.secondary-button,.primary-button{height:39px;padding:0 15px;border-radius:9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.secondary-button{border:1px solid #d9e2ed;background:#fff;color:#52647d}.primary-button{border:1px solid #0b63e5;background:linear-gradient(135deg,#0b68ec,#0755c7);color:#fff;box-shadow:0 9px 20px rgba(11,99,229,.16)}

.workspace-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;margin-bottom:15px;border:1px solid #dce6f1;border-radius:13px;background:linear-gradient(90deg,#fff 0%,#f9fbfe 100%);box-shadow:0 4px 16px rgba(16,33,61,.025)}.workspace-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#071a38;color:#fff;font-weight:900;font-size:11px}.workspace-banner-copy{min-width:0;flex:1}.workspace-banner-copy span{display:block;color:#8b9aae;font-size:7px;font-weight:900;letter-spacing:.16em}.workspace-banner-copy strong{display:inline-block;margin-top:3px;color:#1c2f4c;font-size:11px}.workspace-banner-copy small{margin-left:8px;color:#94a1b2;font-size:9px}.workspace-meta{display:flex;align-items:center;gap:7px;color:#8392a6;font-size:9px}.workspace-meta strong{color:#2d725e;font-size:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#14b889;box-shadow:0 0 0 4px rgba(20,184,137,.09)}

.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{min-height:137px;padding:16px;border:1px solid #e0e7f0;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(16,33,61,.035)}.metric-card-featured{border-color:#d5e4fa;background:linear-gradient(145deg,#fff,#f7fbff)}.metric-top{display:flex;align-items:center;gap:8px}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eaf3ff;color:#0b63e5;font-size:10px;font-weight:900}.metric-icon.blue{background:#eaf8f4;color:#078866}.metric-icon.amber{background:#fff5df;color:#a76b00}.metric-icon.purple{background:#f1edff;color:#6e4bd1}.metric-label{color:#6d7d92;font-size:9px;font-weight:700}.metric-menu{margin-left:auto;color:#b1bccb;font-size:9px;letter-spacing:1px}.metric-value{display:block;margin-top:13px;color:#112541;font-size:29px;line-height:1;font-weight:850;letter-spacing:-.04em}.metric-value.metric-text{font-size:18px;margin-top:18px}.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;color:#9aa6b6;font-size:8px}.metric-status{color:#3978c5}.metric-status.neutral{color:#548a78}.metric-status.pending{color:#9b7a3e}

.dashboard-grid{display:grid;gap:13px}.dashboard-grid-main{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);margin-top:13px}.dashboard-grid-bottom{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);margin-top:13px}.panel{border:1px solid #e0e7f0;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(16,33,61,.03);padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:13px}.panel-eyebrow{display:block;color:#8796aa;font-size:7px;font-weight:900;letter-spacing:.17em}.panel-heading h2{margin:5px 0 0;color:#1a2c47;font-size:14px;letter-spacing:-.015em}.panel-link{border:0;background:none;color:#3279d7;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.attention-list{border-top:1px solid #edf1f5}.attention-row{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #edf1f5}.attention-row:last-child{border-bottom:0}.attention-icon{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;font-size:10px;font-weight:900}.attention-icon.blue{background:#eaf3ff;color:#0b63e5}.attention-icon.green{background:#eaf8f4;color:#078866}.attention-icon.amber{background:#fff5df;color:#a76b00}.attention-row div{min-width:0;flex:1}.attention-row strong{display:block;color:#253751;font-size:10px}.attention-row p{margin:3px 0 0;color:#8795a8;font-size:8px;line-height:1.45}.attention-action{color:#6283aa;font-size:8px;font-weight:800;white-space:nowrap}.readiness-score{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edf5ff;color:#1e67bd;font-size:9px;font-weight:900}.readiness-list{border-top:1px solid #edf1f5}.readiness-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid #edf1f5;color:#5d6d82;font-size:9px}.readiness-list>div:last-child{border-bottom:0}.readiness-list span{display:flex;align-items:center;gap:8px}.readiness-list b{font-size:8px;color:#46806e}.ready-dot,.pending-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.ready-dot{background:#13b68a;box-shadow:0 0 0 4px rgba(19,182,138,.08)}.pending-dot{background:#d2a449;box-shadow:0 0 0 4px rgba(210,164,73,.08)}

.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-card{min-height:93px;padding:11px;text-align:left;border:1px solid #e6ebf1;border-radius:10px;background:#fafcff;cursor:pointer;transition:.16s ease}.quick-card:hover{border-color:#cbdcf2;background:#fff;transform:translateY(-1px)}.quick-card>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eef5ff;color:#2574d7;font-size:13px;font-weight:800}.quick-card strong{display:block;margin-top:10px;color:#263850;font-size:9px}.quick-card small{display:block;margin-top:3px;color:#94a0af;font-size:7px;line-height:1.35}.activity-state{display:flex;align-items:center;gap:6px;color:#4c866f;font-size:8px;font-weight:800}.activity-state i{width:5px;height:5px;border-radius:50%;background:#13b68a}.activity-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf1f5}.activity-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;background:#f2f6fb;color:#52739d;font-size:10px}.activity-item div{min-width:0;flex:1}.activity-item strong{display:block;color:#30425b;font-size:9px}.activity-item small{display:block;margin-top:3px;color:#97a3b2;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item time{color:#9ba7b6;font-size:7px;white-space:nowrap}
.app-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 2px 5px;color:#98a5b5;font-size:7px}.app-footer span:first-child{color:#6d7d91;font-weight:800}
.mobile-backdrop{display:none}.toast{position:fixed;right:22px;bottom:22px;z-index:100;padding:11px 14px;max-width:340px;border:1px solid #d9e5f2;border-radius:10px;background:#fff;color:#40536c;font-size:9px;box-shadow:0 15px 40px rgba(16,33,61,.16);transform:translateY(15px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translateY(0);opacity:1}

@media(max-width:1180px){
 .sidebar{width:246px}.main{margin-left:246px}.dashboard-grid-main,.dashboard-grid-bottom{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(4,1fr)}.workspace-banner-copy small{display:none}
}
@media(max-width:900px){
 body.nav-open{overflow:hidden}.sidebar{width:278px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(3,16,39,.25)}.sidebar.is-open{transform:translateX(0)}.sidebar-close{display:block}.mobile-backdrop{position:fixed;inset:0;z-index:35;background:rgba(3,16,39,.48);backdrop-filter:blur(2px)}.mobile-backdrop.is-visible{display:block}.main{margin-left:0}.menu-toggle{display:grid;place-items:center}.topbar{padding:0 18px}.search-action{min-width:38px;width:38px;padding:0;justify-content:center}.search-action .search-label,.search-action kbd{display:none}.user-copy,.user-chevron{display:none}.user-menu{padding-left:9px}.dashboard-page{padding:25px 18px 16px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.workspace-meta{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 .topbar{height:64px}.breadcrumb{font-size:9px}.top-actions{gap:6px}.dashboard-page{padding:21px 14px 13px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.5}.workspace-banner{padding:11px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:126px;padding:13px}.metric-value{font-size:25px}.metric-value.metric-text{font-size:15px}.metric-foot{margin-top:13px}.dashboard-grid-main,.dashboard-grid-bottom{gap:9px}.panel{padding:14px}.attention-row{align-items:flex-start}.attention-action{display:none}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:88px}.app-footer{display:block;line-height:1.7}.app-footer span{display:block}.app-footer span+span{margin-top:2px}.toast{left:14px;right:14px;bottom:14px;max-width:none}
}
@media(max-width:390px){
 .metric-grid{grid-template-columns:1fr}.metric-card{min-height:112px}.metric-foot{margin-top:11px}.topbar{padding:0 12px}.dashboard-page{padding-left:11px;padding-right:11px}.heading-actions{display:grid;grid-template-columns:1fr 1.6fr}.workspace-banner-copy strong{font-size:10px}.quick-grid{grid-template-columns:1fr 1fr}
}