@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
.module-actions{display:flex;align-items:center;gap:10px}.module-actions .btn{border-radius:9px;font-size:13px}
:root{--navy:#082b4c;--blue:#0d6efd;--blue-soft:#eaf4ff;--ink:#152a3b;--muted:#6f8190;--line:#e3ebf1;--canvas:#f5f8fb;--yellow:#f5c249;--shadow:0 18px 50px rgba(8,43,76,.08)}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--canvas)}button,input{font:inherit}.dashboard-page{min-height:100vh}.eyebrow{margin:0 0 8px;color:#638197;font-size:11px;font-weight:700;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--yellow);color:var(--navy);font-family:Manrope,sans-serif;font-weight:800;font-size:20px;box-shadow:0 10px 24px rgba(245,194,73,.28)}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:14px}.login-page{display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 10% 10%,#dfefff 0,transparent 35%),var(--canvas)}.login-shell{display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,470px);width:min(980px,100%);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.login-brand-panel{display:flex;flex-direction:column;justify-content:center;padding:64px;background:linear-gradient(145deg,#062644,#0a4a78);color:#fff}.login-brand-panel .eyebrow{color:#a9d6f7;margin-top:28px}.login-brand-panel h1{margin:0 0 18px;font:800 clamp(34px,5vw,56px)/1.05 Manrope,sans-serif;letter-spacing:-.04em}.brand-copy{max-width:360px;color:#c6e1f3;line-height:1.7}.login-trust{margin-top:50px;color:#d5edfc;font-size:13px}.status-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#31c48d;box-shadow:0 0 0 5px rgba(49,196,141,.12)}.login-card{padding:64px 54px}.login-card h2{margin:0 0 9px;font:800 30px Manrope,sans-serif;letter-spacing:-.03em}.login-card-heading>p:last-child{margin:0 0 34px;color:var(--muted)}.auth-form{display:grid;gap:9px}.auth-form label{font-size:13px;font-weight:700;color:var(--ink);margin-top:8px}.auth-form input{width:100%;border:1px solid #d7e2ea;border-radius:10px;padding:14px 15px;color:var(--ink);outline:none;background:#fbfdff}.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(13,110,253,.1)}.password-field{position:relative}.password-field input{padding-right:62px}.password-toggle{position:absolute;right:12px;top:9px;border:0;background:none;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer;padding:8px}.primary-button,.ghost-button,.logout-button,.quick-card,.nav-item{border:0;cursor:pointer}.primary-button{display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:14px 16px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 10px 20px rgba(13,110,253,.18)}.primary-button:disabled{opacity:.6;cursor:wait}.full-width{width:100%;margin-top:18px}.form-error{margin:9px 0 0;color:#bc3b3b;font-size:13px}.back-link{display:block;margin-top:26px;color:var(--muted);font-size:13px;text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{display:flex;position:fixed;z-index:5;flex-direction:column;width:255px;height:100vh;padding:26px 18px;background:#062744;color:#d4e8f6}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.sidebar-brand strong{display:block;color:#fff;font:700 17px Manrope,sans-serif}.sidebar-brand small{display:block;margin-top:3px;color:#86aac2;font-size:11px}.sidebar-nav{flex:1}.nav-label{padding:0 13px;color:#7092a8;font-size:10px;font-weight:700;letter-spacing:.14em}.nav-item{display:flex;gap:13px;align-items:center;width:100%;margin:6px 0;padding:13px;border-radius:10px;text-align:left;color:#a9c4d6;background:transparent;font-size:14px}.nav-item span{width:17px;color:#7db9df;text-align:center}.nav-item:hover,.nav-item.active{background:#104b74;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--yellow)}.sidebar-footer{display:grid;gap:12px}.sidebar-home,.logout-button{padding:11px 13px;border-radius:9px;text-align:left;text-decoration:none;color:#a9c4d6;background:transparent;font-size:13px}.sidebar-home:hover,.logout-button:hover{color:#fff;background:#104b74}.dashboard-main{width:calc(100% - 255px);margin-left:255px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:22px 5%;border-bottom:1px solid var(--line);background:#fff}.dashboard-header h1{margin:0;font:800 26px Manrope,sans-serif;letter-spacing:-.03em}.header-user{display:flex;align-items:center;gap:10px}.header-user strong,.header-user small{display:block}.header-user strong{font-size:13px}.header-user small{margin-top:3px;color:var(--muted);font-size:11px;text-transform:capitalize}.avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:800}.avatar{width:38px;height:38px}.dashboard-content{padding:42px 5%;max-width:1500px;margin:auto}.welcome-row,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.welcome-row h2,.section-heading h2{margin:0 0 8px;font:800 30px Manrope,sans-serif;letter-spacing:-.04em}.welcome-row p:last-child,.section-heading p:last-child{margin:0;color:var(--muted)}.ghost-button{padding:11px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:13px;font-weight:700}.ghost-button:hover{border-color:var(--blue);color:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:25px}.metric-card,.loading-card{min-height:130px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(8,43,76,.04)}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:'';position:absolute;right:-22px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:var(--blue-soft)}.metric-card:nth-child(2n):after{background:#fff5d9}.metric-label{display:block;max-width:140px;color:var(--muted);font-size:12px;line-height:1.4}.metric-value{display:block;margin-top:15px;color:var(--navy);font:800 30px Manrope,sans-serif}.overview-grid,.profile-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.content-card{border:1px solid var(--line);border-radius:15px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(8,43,76,.04)}.card-heading h3{margin:0;font:700 18px Manrope,sans-serif}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.quick-card{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.quick-card:hover{border-color:#b8d6f0;transform:translateY(-1px)}.quick-card strong{align-self:end}.quick-card small{color:var(--muted);font-size:11px}.quick-icon{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:17px}.quick-icon.blue{background:var(--blue-soft);color:var(--blue)}.quick-icon.yellow{background:#fff4d2;color:#b77a00}.status-card p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.status-line{display:flex;align-items:center;margin:15px 0}.status-line .status-dot{margin-right:10px}.last-sync{margin-top:30px;color:#8b9aa5;font-size:11px}.view-panel{display:none}.view-panel.active{display:block}.directory-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.directory-tab{padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700}.directory-tab.active,.directory-tab:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.table-card{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:16px 20px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f8fbfd;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}td{color:#405565}.table-status{color:#16885c;font-size:12px;font-weight:700}.empty-state,.loading-card{display:grid;place-items:center;min-height:150px;color:var(--muted);font-size:13px}.profile-grid{grid-template-columns:280px 1fr}.profile-summary{text-align:center}.profile-avatar{width:76px;height:76px;margin:5px auto 18px;font-size:26px}.profile-summary h3{margin:0 0 5px;font:700 21px Manrope,sans-serif}.profile-summary p{margin:0 0 17px;color:var(--muted);text-transform:capitalize}.role-pill{display:inline-block;padding:7px 11px;border-radius:99px;background:#e7faf2;color:#158457;font-size:11px;font-weight:700}.details-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0 0}.details-list div{padding-bottom:13px;border-bottom:1px solid var(--line)}dt{margin-bottom:5px;color:var(--muted);font-size:11px}dd{margin:0;font-weight:600;font-size:14px;word-break:break-word}.dashboard-alert{margin-bottom:20px;padding:13px 16px;border-radius:10px;background:#fff0f0;color:#b53d3d;font-size:13px}.mobile-menu{display:none;border:0;background:none;font-size:21px;color:var(--navy)}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-brand-panel{padding:36px}.login-brand-panel h1{font-size:37px}.login-trust{margin-top:25px}.login-card{padding:38px 28px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.dashboard-main{width:100%;margin-left:0}.mobile-menu{display:block}.dashboard-header{gap:12px}.header-user{margin-left:auto}.header-user>div:last-child{display:none}.dashboard-content{padding:30px 20px}.welcome-row,.section-heading{display:block}.welcome-row .ghost-button{margin-top:17px}.overview-grid,.profile-grid{grid-template-columns:1fr}.details-list{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}}