@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #8b5cf6;--primary-hover: #7c3aed;--bg: #0f172a;--bg-card: rgba(30, 41, 59, .7);--border: rgba(255, 255, 255, .1);--text: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--warning: #f59e0b}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.15) 0px,transparent 50%);color:var(--text);min-height:100vh}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.pulse{animation:pulse 1.5s infinite}.glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px}.app-container{display:flex;height:100vh}.mobile-header{display:none;padding:16px 20px;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;border-radius:0;border-top:none;border-left:none;border-right:none}.sidebar{width:250px;padding:24px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--border)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-logo{font-size:1.5rem;font-weight:700;margin-bottom:32px;background:linear-gradient(to right,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-item{padding:12px 16px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:12px;transition:all .2s}.nav-item:hover,.nav-item.active{background:#8b5cf61a;color:var(--primary)}.main-content{flex:1;padding:32px;overflow-y:auto}.login-container{height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px;padding:40px;text-align:center}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:8px;font-size:.875rem;color:var(--text-muted)}.input-group input{width:100%;padding:12px;border-radius:8px;background:#0003;border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.btn{width:100%;padding:12px;border-radius:8px;background:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:background .2s}.btn:hover{background:var(--primary-hover)}.header{margin-bottom:32px}.header h1{font-size:2rem;margin-bottom:8px}.header p{color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card{padding:24px;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card h3{margin-bottom:16px;font-size:1.25rem;display:flex;align-items:center;gap:8px}.list-item{padding:12px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.list-item:last-child{border-bottom:none}.badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;background:#ffffff1a}.badge.success{color:var(--success);background:#10b9811a}.badge.warning{color:var(--warning);background:#f59e0b1a}.carousel-container{position:relative;width:100%;height:200px;overflow:hidden;border-radius:16px;margin-bottom:40px}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;padding:40px;display:flex;flex-direction:column;justify-content:center;transition:opacity .5s ease-in-out;opacity:0}.carousel-slide.active{opacity:1}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.domain-card{padding:20px;text-align:center;cursor:pointer;border:1px solid var(--border);transition:all .2s}.domain-card:hover{background:#8b5cf60d;border-color:var(--primary);transform:translateY(-2px)}.domain-icon{margin-bottom:12px;color:var(--primary)}.settings-list{display:flex;flex-direction:column;gap:12px}.settings-item{padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background .2s}.settings-item:hover{background:#ffffff0d}.settings-item span{flex:1}.settings-item-icon{color:var(--text-muted)}.hrms-header{background:var(--bg-card);padding:40px 24px;border-radius:0 0 32px 32px;margin:-40px -40px 32px;text-align:center;position:relative}.hrms-header .back-btn{position:absolute;left:24px;top:40px;background:#ffffff1a;border-radius:50%;padding:8px;color:#fff;display:flex;align-items:center;justify-content:center}.hrms-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.hrms-stat-card{padding:20px;border-radius:20px;color:#fff}.hrms-stat-card.dark{background:#111827}.hrms-stat-card.light{background:#fff;color:#111827;border:1px solid rgba(0,0,0,.05)}.hrms-section-title{font-size:1.25rem;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.hrms-menu-list{background:#fff;border-radius:20px;overflow:hidden;margin-bottom:24px;border:1px solid rgba(0,0,0,.05)}.hrms-menu-item{display:flex;align-items:center;padding:16px;gap:16px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(0,0,0,.05)}.hrms-menu-item:last-child{border-bottom:none}.hrms-menu-item:hover{background:#f9fafb}.hrms-menu-icon{background:#f3f4f6;border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.hrms-menu-content{flex:1}.hrms-menu-label{font-weight:600;color:#111827;display:block}.hrms-menu-subtext{font-size:.8125rem;color:#6b7280}@media (max-width: 768px){.app-container{flex-direction:column;height:auto;min-height:100vh}.sidebar{display:none}.mobile-header{display:flex}.main-content{padding:80px 20px 90px}.header h1{font-size:1.5rem}.carousel-container{height:160px!important;margin-bottom:24px}.carousel-slide{padding:20px!important}.carousel-slide h2{font-size:1.2rem!important}.carousel-slide p{font-size:.8rem!important}.grid,.domain-grid{grid-template-columns:1fr;gap:16px}.hrms-header{margin:-20px -20px 24px;padding:30px 20px}.hrms-stats-grid{grid-template-columns:1fr}.login-card{padding:30px 20px;border:none;background:transparent}}