:root{--primary:#0ea5e9;--dark:#0b3b5c;}
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:#f3f4f6;color:#0f172a}
.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh}
.login-box{width:360px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 6px 20px rgba(2,6,23,.1)}
.login-box h2{margin:0 0 12px}
.login-box label{display:block;margin:8px 0 4px;font-size:14px}
.login-box input{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:6px}
.login-box button{margin-top:12px;width:100%;padding:10px;background:var(--primary);color:#fff;border:0;border-radius:6px;cursor:pointer}
.alert.error{background:#fee2e2;color:#991b1b;padding:8px;border-radius:6px;margin-bottom:8px}
.site-header{background:var(--dark);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}
.container{display:flex;min-height:calc(100vh - 104px)} 
.sidebar{width:220px;background:#05203a;color:#fff;padding:20px}
.sidebar ul{list-style:none;padding:0;margin:0}
.sidebar li{margin:8px 0}
.sidebar a{color:#cfeafe;text-decoration:none}
.main{flex:1;padding:24px}
.site-footer{background:#0b3b5c;color:#fff;padding:10px;text-align:center}