*{box-sizing:border-box}body,html{background:#f4f6f9;color:#333;font-family:Segoe UI,sans-serif;margin:0;overflow-x:hidden;padding:0}.layout{display:flex;min-height:100vh;width:100%}.sidebar{background:#1f2937;color:#fff;flex-shrink:0;transition:.3s;width:260px}.main{background:#f4f6f9;display:flex;flex:1;flex-direction:column;min-width:0}.container{margin:auto;max-width:1200px;width:95%}.app-header{background:linear-gradient(90deg,#0d6efd,#0a58ca);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;padding:15px 0}.header-inner{align-items:center;display:flex;justify-content:space-between}.logo img{height:50px}.app-title{font-size:20px;font-weight:600}.user-box{align-items:center;display:flex;gap:15px}.btn-logout,.username{font-weight:500}.btn-logout{background:#fff;border:none;border-radius:6px;color:#0d6efd;cursor:pointer;padding:6px 12px;transition:.3s}.btn-logout:hover{background:#e9ecef}.app-content{flex:1;padding:30px}.app-footer{background:#212529;color:#ccc;font-size:14px;padding:15px 0;text-align:center}.app-footer a{color:#0d6efd;text-decoration:none}.login-wrapper{align-items:center;display:flex;justify-content:center;min-height:80vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:400px;padding:40px;width:100%}.login-title{color:#0d6efd;font-weight:600;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-control{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 12px;transition:.3s;width:100%}.form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.15);outline:none}.btn-login{background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:.3s;width:100%}.btn-login:hover{background:#0b5ed7}.error-box{background:#ffe5e5;border-radius:6px;color:#c40000;font-size:14px;margin-bottom:15px;padding:10px}@media (max-width:768px){.layout{flex-direction:column}.sidebar{height:100%;left:-260px;position:fixed;top:0;width:260px;z-index:1000}.sidebar.open{left:0}.main{width:100%}.header-inner{gap:10px;text-align:center}.header-inner,.user-box{flex-direction:column}.app-title{font-size:18px}.app-content{padding:15px}}