/*
Theme Name: HRMS Portal - Colorful Dashboard
Theme URI: https://example.com/hrms
Author: Generated by Assistant
Author URI: https://example.com
Description: Modern, colorful HRMS dashboard theme. Demo-ready with sample data and assets.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hrms-portal
Tags: hr, payroll, employee, admin, dashboard
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent1:#6a00ff;
  --accent2:#00d4ff;
  --muted:#9aa7b2;
  --white:#ffffff;
}
body{font-family:Inter, Arial, sans-serif;margin:0;background:linear-gradient(135deg,var(--bg) 0%, #071022 100%);color:var(--white);}
.hrms-topbar{height:64px;background:linear-gradient(90deg,var(--accent1),var(--accent2));display:flex;align-items:center;padding:0 20px;box-shadow:0 6px 20px rgba(10,10,20,0.6);}
.hrms-topbar .logo{display:flex;align-items:center;gap:12px;}
.hrms-topbar img{height:36px;}
.container{display:flex;min-height:calc(100vh - 64px);}
.sidebar{width:260px;background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));padding:20px;box-shadow:inset -1px 0 0 rgba(255,255,255,0.02);}
.sidebar h3{font-weight:700;margin:8px 0 18px;color:#fff;}
.menu-item{padding:10px 12px;border-radius:8px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:6px;cursor:pointer;}
.menu-item:hover{background:rgba(255,255,255,0.03);color:var(--white);}
.content{flex:1;padding:28px;}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 6px 18px rgba(2,6,23,0.6);}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.profile-photo{width:88px;height:88px;border-radius:12px;object-fit:cover;border:3px solid rgba(255,255,255,0.06);}
.table{width:100%;border-collapse:collapse;color:var(--muted);}
.table th{text-align:left;padding:8px 6px;color:var(--muted);font-weight:600;}
.table td{padding:8px 6px;border-top:1px solid rgba(255,255,255,0.02);}
.footer-note{color:var(--muted);font-size:13px;padding-top:10px;}
.login-wrap{display:flex;align-items:center;justify-content:center;height:calc(100vh - 64px);}
.login-card{width:420px;padding:28px;border-radius:12px;background:linear-gradient(180deg,#071428,#051026);box-shadow:0 16px 40px rgba(0,0,0,0.7);}
.btn{background:linear-gradient(90deg,var(--accent1),var(--accent2));padding:10px 14px;border-radius:8px;color:#fff;border:none;cursor:pointer;font-weight:600;}
.small{font-size:13px;color:var(--muted);}
@media (max-width:900px){.grid{grid-template-columns:1fr;}.sidebar{display:none;}}