:root{color:#1c2430;background:#f4f6f8;font-family:Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}nav{background:#172033;color:#fff;padding:24px 16px}nav button{display:block;width:100%;margin:8px 0;padding:10px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}nav button.active{background:#2d6cdf}main{padding:24px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 24px #1720330f}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e6ebf2;padding:8px;text-align:left;font-size:14px}.row{display:flex;gap:8px;margin-bottom:12px}input,select{padding:8px;border:1px solid #cfd6e0;border-radius:8px}button.primary{background:#2d6cdf;color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.actions button,.actions input{margin:0}.error{color:#b42318}.login{max-width:360px;margin:10vh auto}