*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#182235}aside{position:fixed;left:0;top:0;bottom:0;width:240px;background:#111c3a;color:#fff;padding:22px;z-index:5}.brand{font-size:28px;font-weight:800;margin-bottom:28px}aside a{display:block;color:#d7def8;text-decoration:none;padding:12px;border-radius:12px;margin:4px 0}aside a:hover{background:#22315f;color:white}main{margin-left:240px;min-height:100vh}header{height:72px;background:#fff;border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:3}section{padding:28px}.global{position:relative;max-width:620px;width:70%}.global input,.toolbar input,input,select,textarea{width:100%;border:1px solid #d9e1f2;border-radius:12px;padding:12px;background:#fff}#globalResults{display:none;position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid #dfe6f5;border-radius:18px;box-shadow:0 20px 45px #18223524;overflow:hidden;z-index:20}.result{padding:14px 16px;border-bottom:1px solid #edf1f8;cursor:pointer;display:flex;gap:12px}.result:hover{background:#f5f8ff}.result b{display:block}.result small{color:#69758d}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards div,.cat,.card{background:#fff;border:1px solid #e7edf8;border-radius:20px;padding:22px;box-shadow:0 8px 20px #1b2b4a0a}.cards b{font-size:32px;display:block}.cards span,.cat em{color:#68758d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:16px}.cat span{font-size:32px}.cat b{display:block;margin-top:8px;font-size:18px}.cat .btn{margin-top:12px}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;margin-top:16px;box-shadow:0 8px 20px #1b2b4a0a}th,td{padding:13px;border-bottom:1px solid #edf1f8;text-align:left;font-size:14px}th{background:#f8faff;color:#344260;cursor:pointer;white-space:nowrap}tr:hover td{background:#fbfcff}.toolbar{display:flex;gap:10px;align-items:center;margin:14px 0;flex-wrap:wrap}.toolbar input{max-width:380px}.btn,button{border:0;border-radius:10px;padding:10px 14px;background:#eef3ff;color:#23417a;text-decoration:none;display:inline-block;cursor:pointer}.primary{background:#2563eb!important;color:white!important}.danger{background:#fee2e2!important;color:#991b1b!important}.small{font-size:13px;padding:7px 10px}.inline{display:inline}.login{max-width:420px;margin:10vh auto;background:#fff;border-radius:24px;padding:34px;box-shadow:0 20px 50px #10203a22}.login h1{margin-bottom:5px}.login input{margin:8px 0}.login button{width:100%;margin-top:10px;background:#2563eb;color:white}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px}.modal{display:none;position:fixed;inset:0;background:#0b122066;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalbox{background:#fff;max-width:620px;width:100%;max-height:88vh;overflow:auto;border-radius:24px;padding:24px;box-shadow:0 30px 80px #0004}.modalbox.wide{max-width:980px}.x{float:right;background:#f1f5f9;color:#111}details{border:1px solid #e5ebf5;border-radius:16px;margin:14px 0;background:#fff}summary{padding:14px 16px;font-weight:700;cursor:pointer}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.formgrid label{font-size:13px;color:#46536b}.formgrid input,.formgrid textarea{margin-top:5px}.toastx{background:#dcfce7;color:#166534;padding:12px 16px;border-radius:12px;margin-bottom:16px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef3ff}.quickrow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f8}.quickrow code{background:#f3f6fb;padding:4px 6px;border-radius:7px}.quickactions button{margin-left:5px}
@media(max-width:800px){aside{position:relative;width:100%;height:auto}main{margin-left:0}header{height:auto;padding:14px;display:block}.global{width:100%}.cards{grid-template-columns:1fr 1fr}section{padding:16px}table{display:block;overflow-x:auto}.formgrid{grid-template-columns:1fr}.toolbar{display:block}.toolbar>*{margin:5px 0}.modalbox{max-height:92vh}}