*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#17213c;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#101435}.login form{width:min(390px,92vw);padding:35px;background:#fff;border-radius:14px}.login img{width:120px;height:70px;object-fit:contain;background:#101435;border-radius:7px}.login label{display:block;margin:16px 0;font-size:12px}.login input{width:100%;padding:13px;margin-top:6px;border:1px solid #dbe1ed;border-radius:7px}.login button,.title button{border:0;border-radius:7px;background:linear-gradient(135deg,#1454ca,#6428ed);color:#fff;padding:13px 20px;font-weight:700}.error{color:#b32140}header{height:80px;padding:0 5vw;background:#101435;color:#fff;display:flex;align-items:center;justify-content:space-between}header img{width:105px;height:60px;object-fit:contain}header a{margin-left:18px;font-size:12px}main{padding:38px 5vw}.title{display:flex;justify-content:space-between;align-items:end}.title h1{margin:0}.title p{color:#74809b}.title form{display:flex;gap:8px}.title input,.title select,.status-form select{padding:11px;border:1px solid #d7deea;border-radius:7px;background:#fff}.table{overflow:auto;background:#fff;border-radius:12px;box-shadow:0 15px 40px #1f2c5210}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:16px;text-align:left;border-bottom:1px solid #edf0f5;font-size:12px}th{color:#6d7891;background:#fafbfe}td small{display:block;color:#778198;line-height:1.6;margin-top:4px}@media(max-width:700px){.title{align-items:stretch;flex-direction:column;gap:15px}.title form{flex-direction:column}}