:root{
  --fx-bg:#f4f6fa; --fx-panel:#ffffff; --fx-border:#e2e6ee;
  --fx-text:#1f2733; --fx-muted:#6b7686; --fx-accent:#4e79a7;
  --fx-sidebar:#1e2733; --fx-sidebar-text:#c8d0da;
}
[data-theme="dark"]{
  --fx-bg:#12161d; --fx-panel:#1b212b; --fx-border:#2a3340;
  --fx-text:#e6ebf2; --fx-muted:#8a95a5; --fx-accent:#6aa0d8;
  --fx-sidebar:#0d1117; --fx-sidebar-text:#aeb8c4;
}
body{background:var(--fx-bg);color:var(--fx-text);font-family:"Segoe UI",system-ui,sans-serif;font-size:14px;}
.card{background:var(--fx-panel);border:1px solid var(--fx-border);border-radius:14px;}
.stat-card{border-radius:14px;box-shadow:0 2px 10px rgba(30,40,60,.06);transition:transform .12s;}
.stat-card:hover{transform:translateY(-2px);}
.stat-card .icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:#fff;}

/* Sidebar */
.fx-sidebar{background:var(--fx-sidebar);color:var(--fx-sidebar-text);min-height:100vh;width:230px;position:fixed;top:0;left:0;padding:14px 0;}
.fx-sidebar .brand{font-weight:600;color:#fff;padding:6px 18px 16px;display:flex;gap:10px;align-items:center;}
.fx-sidebar a{color:var(--fx-sidebar-text);text-decoration:none;display:flex;gap:12px;align-items:center;padding:10px 18px;border-left:3px solid transparent;}
.fx-sidebar a:hover,.fx-sidebar a.active{background:rgba(255,255,255,.06);border-left-color:var(--fx-accent);color:#fff;}
.fx-main{margin-left:230px;padding:20px 26px;}
.fx-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}

/* Login */
.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#4e79a7,#2a3f5f);}
.login-card{background:#fff;border-radius:18px;padding:34px;width:360px;max-width:92vw;}

/* Folder cards */
.folder-card{border:1px solid var(--fx-border);border-radius:12px;padding:14px;cursor:pointer;background:var(--fx-panel);}
.folder-card.selected{outline:2px solid var(--fx-accent);}
.dept-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;color:#fff;font-size:12px;}

.progress{height:22px;border-radius:11px;}
@media(max-width:768px){.fx-sidebar{width:64px;}.fx-sidebar .label{display:none;}.fx-main{margin-left:64px;}}