*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#f5f7fb;color:#172033}.layout{display:flex;min-height:100vh}.layout aside{width:240px;background:#111827;color:white;padding:25px;position:fixed;top:0;bottom:0}.brand{font-size:18px;font-weight:bold;margin-bottom:35px}.brand:first-letter{background:#2563eb;padding:8px;border-radius:8px}.layout nav{display:grid;gap:7px}.layout nav a{color:#cbd5e1;text-decoration:none;padding:12px;border-radius:8px}.layout nav a:hover{background:#1f2937;color:white}.layout aside form{position:absolute;bottom:25px;left:25px;right:25px}.layout aside button{width:100%;padding:10px;background:transparent;border:1px solid #374151;color:#cbd5e1;border-radius:7px}.layout main{margin-left:240px;width:calc(100% - 240px)}header{background:white;padding:25px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}header h1{margin:0;font-size:24px}section{padding:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:25px}.card,.panel,.welcome{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:22px;box-shadow:0 2px 8px #00000008}.card span{display:block;color:#64748b;font-size:13px;margin-bottom:8px}.card b{font-size:24px}.panel h2{font-size:18px;margin-top:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f3;font-size:13px}.welcome{margin-bottom:20px}.welcome h2{margin:0 0 5px}.welcome span{color:#64748b}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f8fafc)}.login-card{width:400px;max-width:92%;background:white;padding:35px;border-radius:15px;box-shadow:0 15px 50px #0002}.logo{width:48px;height:48px;background:#2563eb;color:white;border-radius:12px;display:grid;place-items:center;margin:auto;font-size:22px;font-weight:bold}.login-card h1{text-align:center;margin-bottom:5px}.login-card p{text-align:center;color:#64748b}.login-card form{display:grid;gap:9px;margin-top:25px}.login-card label{font-size:12px;font-weight:600}.login-card input[type=text],.login-card input[type=email],.login-card input[type=password]{padding:12px;border:1px solid #dbe2ea;border-radius:8px}.login-card button{padding:12px;background:#2563eb;color:white;border:0;border-radius:8px;font-weight:600}.check{display:flex;gap:7px;align-items:center;margin:7px 0}.error{background:#fef2f2;color:#b91c1c;padding:10px;border-radius:7px;font-size:13px} @media(max-width:700px){.layout aside{width:65px;padding:18px 8px}.brand span,.layout nav a:not(:first-child),.layout aside form{display:none}.layout main{margin-left:65px;width:calc(100% - 65px)}section{padding:18px}header{padding:20px}}