:root{ --primary:#106ba3; --dark:#0b3c5d; --accent:#ffcc00; --bg:#f7fafc; --text:#2d3748; }
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);margin:0}
a{color:var(--primary);text-decoration:none}
.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #e2e8f0}
.container{max-width:980px;margin:0 auto;padding:20px}
.card{background:#fff;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:20px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:40px}

/* Login boxes */
.login-box{width:10cm;max-width:100%;margin:40px auto;padding:24px}
.input-group{margin:10px 0}
.input-group label{display:block;margin-bottom:6px;font-weight:bold}
.input-group .with-icon{position:relative}
.input-group input[type="text"],
.input-group input[type="password"],
.input-group input[type="number"]{width:100%;padding:10px 36px 10px 10px;border:1px solid #cbd5e0;border-radius:6px}
.view-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;color:#718096}
.btn{display:inline-block;background:var(--primary);color:#fff;border:none;border-radius:6px;padding:10px 16px;cursor:pointer;transition:.2s}
.btn:hover{background:#0e5c8c}
.btn.secondary{background:#718096}
.btn.small{width:3cm;text-align:center}

/* Admin sidebar */
.admin-layout{display:flex;min-height:100vh}
.sidebar{width:7cm;background:#0b3c5d;color:#fff;padding:20px;position:sticky;top:0;align-self:flex-start}
.sidebar h3{margin-top:0;color:#fff}
.sidebar .menu a{display:block;background:#106ba3;color:#fff;padding:12px;border-radius:6px;margin-bottom:10px}

.content{flex:1;padding:20px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #e2e8f0;padding:8px}
.table th{background:#edf2f7}

.top-right{position:absolute;right:12px;top:12px}
.icon-home{display:inline-block;width:26px;height:26px;border-radius:50%;background:#106ba3;color:#fff;text-align:center;line-height:26px;font-weight:bold}

.footer{padding:20px;text-align:center;color:#718096}