:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#10243b;background:#f3f7fb}
    *{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}

    .main{max-width:1200px;margin:auto;padding:28px 20px 70px}.card{background:#fff;border:1px solid #dfe8ef;border-radius:20px;padding:22px;box-shadow:0 9px 30px #20354e09}
    .hidden{display:none!important}.intro{color:#61738b;font-size:14px;margin:7px 0 18px}.section{font-weight:750;font-size:20px;margin:0}
    .login{max-width:480px;margin:55px auto}.login h1{font-size:25px}
    label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#41546e}
    input,select{width:100%;padding:12px 13px;border:1px solid #c9d8e5;border-radius:11px;background:#fff;color:#11283f;outline-color:#0c92a7;min-width:0}
    input:disabled{background:#edf2f7;color:#6c8194}.grid{display:grid;gap:15px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}
    .btn{border:0;border-radius:12px;padding:12px 17px;font-weight:750;background:#eaf2f8;color:#173452}
    .btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(105deg,#159d9b,#2167d5);color:white}.btn-danger{background:#fff0ed;color:#a3342a}
    .actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}
    .stat{background:#fff;border:1px solid #dfebf1;border-radius:17px;padding:20px}.stat strong{font-size:31px;display:block;margin-top:7px}
    .stat span{color:#62788d;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:17px;align-items:start}
    .muted{color:#667b8e;font-size:13px}.notice{border-radius:11px;padding:13px;background:#e9f5fc;color:#1a5576;font-size:13px;margin:15px 0}
    .notice.error{background:#fff0ee;color:#a43636}.notice.success{background:#e8f7ef;color:#11663a}
    .toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0}.toolbar input{max-width:290px}
    .table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:485px}
    td,th{padding:13px 9px;border-bottom:1px solid #edf1f5;font-size:13px}th{font-size:11px;color:#607489;text-transform:uppercase;letter-spacing:.04em}
    tr:hover td{background:#f6fafc}tr.selected td{background:#edf8fd}.name{font-weight:750}.uid{font:11px ui-monospace,SFMono-Regular,monospace;color:#61778d;word-break:break-all}
    .pill{display:inline-block;border-radius:99px;padding:5px 9px;font-weight:750;font-size:11px;white-space:nowrap}
    .pill-active{background:#dff6ee;color:#116c4c}.pill-pending{background:#f0f3f6;color:#627384}
    .pill-expired{background:#fff1d8;color:#8f5b09}.pill-suspended{background:#ffe8e7;color:#a23535}
    .form{display:grid;gap:12px}.divider{border:0;border-top:1px solid #e7eef3;margin:23px 0}
    .status{min-height:24px;margin-top:13px}.small{font-size:11px;color:#74879b}
    @media(max-width:850px){.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:13px}.stat strong{font-size:25px}}
    @media(max-width:520px){.two{grid-template-columns:1fr}.stats{gap:7px}.stat strong{font-size:21px}.stat span{font-size:11px}.card{padding:17px}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}}