/* assets/style.css */
:root {
    --primary-color: #46539e;
    --secondary-color: #6cabc5;
    --tertiary-color: #70a1ff;
    --success-color: #da8125;
    --alert-color: #ff4757;
    --neutral-color: #f1f2f6;
    --text-dark: #4a57a0;
    --bg-light: #ffffff;
}

* { margin: 0; padding: 0; box-box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

body { background-color: var(--neutral-color); color: var(--text-dark); }

/* Login */
.login-container { height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
.login-card { background: white; padding: 30px; border-radius: 15px; width: 100%; max-width: 400px; shadow: 0 4px 6px rgba(0,0,0,0.1); }
.input-group { margin-bottom: 15px; }
.input-group label { display: block; margin-bottom: 5px; }
.input-group input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; }
.btn-primary { width: 100%; padding: 12px; background: var(--primary-color); border: none; color: white; border-radius: 8px; cursor: pointer; font-weight: bold; }

/* Dashboard & Menu */
.navbar { background: var(--primary-color); padding: 15px; color: white; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; }
#menu-toggle { font-size: 24px; cursor: pointer; }

.side-menu { position: fixed; left: -250px; top: 0; width: 250px; height: 100%; background: white; transition: 0.3s; z-index: 1000; box-shadow: 2px 0 5px rgba(0,0,0,0.1); }
.side-menu.active { left: 0; }
.menu-item { padding: 15px 20px; border-bottom: 1px solid #eee; display: block; text-decoration: none; color: var(--text-dark); }

.dashboard-content { padding: 20px; }
.card-stats { background: white; padding: 20px; border-radius: 12px; margin-bottom: 20px; border-left: 5px solid var(--primary-color); }

.hidden { display: none; }