body{margin:0;font-family:Arial, sans-serif;background:#f4f6f8;color:#222}.login{max-width:380px;margin:80px auto;background:white;padding:28px;border-radius:14px;box-shadow:0 4px 20px #0001}.brand{font-size:32px;font-weight:bold;color:#f58220;text-align:center}.btn{background:#f58220;color:white;border:0;padding:11px 16px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}input,select{width:100%;padding:10px;margin:7px 0 14px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}.top{background:#f58220;color:white;padding:15px 25px;display:flex;justify-content:space-between}.wrap{display:flex}.menu{width:230px;background:#222;min-height:calc(100vh - 54px);padding:15px}.menu a{display:block;color:white;text-decoration:none;padding:11px;border-radius:8px;margin-bottom:5px}.menu a:hover{background:#333}.content{flex:1;padding:25px}.card{background:white;padding:18px;border-radius:12px;box-shadow:0 2px 10px #0001;margin-bottom:18px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}th{background:#fafafa}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat{font-size:28px;color:#f58220;font-weight:bold}.msg{background:#fff3cd;padding:10px;border-radius:8px;margin-bottom:12px}.ok{background:#d1e7dd}.danger{background:#f8d7da}