.login-page{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,orange,#ffb347)}.login-box{width:350px;background:#fff;padding:30px;border-radius:15px;display:flex;flex-direction:column;gap:15px}.login-box input,.login-box select{padding:12px;border:1px solid #ddd;border-radius:8px}.login-box button{padding:12px;border:none;background:orange;color:#fff;border-radius:8px;cursor:pointer}.hint{font-size:12px;color:#666}.sidebar{width:230px;background:orange;color:#fff;padding:20px;display:flex;flex-direction:column;gap:15px}.sidebar a{color:#fff;text-decoration:none;background:#fff3;padding:10px;border-radius:6px}.sidebar a:hover{background:#fff;color:orange}@media (max-width:768px){.sidebar{width:100px;font-size:12px}}.page-content h1{color:orange;margin-bottom:10px}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:#fff7f0}.layout{display:flex;min-height:100vh}.page-content{flex:1;padding:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.card{background:#fff;border-left:5px solid orange;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a}