:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#212236;background:#f5f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;border:1px solid #d8dae5;border-radius:9px;min-height:42px;padding:10px 14px;color:inherit;background:white}button{cursor:pointer;font-weight:600;white-space:nowrap}button:hover:not(:disabled){background:#ececf3}button:disabled{opacity:.5;cursor:default}.primary{background:#212236;color:white;border-color:#212236}.primary:hover:not(:disabled){background:#383a56}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4a6cc;outline-offset:2px}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}aside{background:#212236;color:#f8f8fd;padding:34px 22px;display:flex;flex-direction:column;gap:36px}.brand{color:inherit;text-decoration:none;font-size:32px;letter-spacing:2px;font-weight:800}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:7px;color:#b9bad1}.workspace label{font-size:12px;color:#babbd0;display:block;margin-bottom:10px}.workspace select{width:100%;background:#303149;color:white;border-color:#4c4d65}nav{display:grid;gap:7px}nav button{text-align:left;border:0;background:transparent;color:#cacbdd;padding:12px 14px}nav button.active{background:#41435e;color:white}nav button:hover:not(:disabled){background:#35374f}aside footer{margin-top:auto;font-size:12px;line-height:1.8;color:#a7a9c1}main{min-width:0;padding:0 42px 40px}header{min-height:92px;border-bottom:1px solid #e3e4ed;display:flex;align-items:center;justify-content:space-between;gap:20px}header>div{display:flex;align-items:center;gap:16px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#73778b}#login{padding:90px 0;max-width:780px}.tag{display:inline-block;border:1px solid #d5d7e5;border-radius:20px;padding:8px 13px;font-size:12px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0}#login h1{font-size:48px;margin:24px 0}p{color:#73778b;line-height:1.7}#login button{margin:18px 0 5px;min-width:160px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 16px}.heading p{margin:8px 0;font-size:14px}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:15px 0 22px}label{display:grid;gap:8px;font-size:13px;font-weight:600}input{font-weight:400;min-width:260px}.table-wrap{background:white;border:1px solid #e0e2ec;border-radius:12px;overflow:auto;min-height:240px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f0f1f7;padding:16px;font-size:12px;color:#73778b;font-weight:600}td{padding:16px;border-top:1px solid #eef0f5;font-size:13px;max-width:350px;overflow-wrap:anywhere}#empty{text-align:center;padding:70px 20px;color:#73778b}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:18px;font-size:13px}#notice{min-height:25px;color:#73778b;font-size:13px}#error{background:#fff0ef;color:#9e3235;border:1px solid #edc5c5;padding:15px;border-radius:10px}dialog{border:1px solid #e0e2ec;border-radius:16px;padding:30px;width:min(520px,calc(100vw - 32px));color:#212236}dialog::backdrop{background:#12132266}dialog h2{margin-top:0}dialog label{margin-top:20px}dialog input{width:100%;min-width:0}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}#form-error,#subscription-error{min-height:24px;color:#9e3235}@media(max-width:900px){.shell{grid-template-columns:190px 1fr}aside{padding:25px 14px}main{padding:0 20px 30px}#login h1{font-size:36px}header{flex-wrap:wrap;padding:18px 0}.toolbar{flex-wrap:wrap}input{min-width:180px}}@media(max-width:600px){.shell{display:block}aside{gap:18px}.brand{font-size:25px}nav{display:flex;overflow:auto}aside footer{display:none}.heading{align-items:start}#login{padding:35px 0}#login h1{font-size:32px}}

dialog select{width:100%;margin-top:8px;height:42px}dialog input{height:42px}

#staff-error{min-height:52px;color:#9e3235}td:last-child button{margin:3px;white-space:nowrap}#invite-accept{max-width:650px;padding:40px 0}#staff-dialog select{margin-top:0}

#device-error {min-height:52px;color:#9c283b} #device-subject {font-weight:600} #device-dialog {max-width:600px}

.device-table table{min-width:980px}.device-table td{overflow-wrap:normal}#device-dialog{max-height:calc(100dvh - 32px);overflow:auto}

#player-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.player-fields .wide{grid-column:1/-1}.player-fields select{margin:0}#player-error{min-height:52px;color:#9e3235}@media(max-width:600px){.player-fields{grid-template-columns:1fr}.player-fields .wide{grid-column:auto}}

#rating-dialog{width:min(1050px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.rating-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.rating-heading h2{overflow-wrap:anywhere}.rating-heading button{flex-shrink:0}#rating-dialog table{min-width:560px}#rating-dialog .table-wrap{min-height:0}#rating-summary{min-height:28px}.rating-player{border:0;background:transparent;padding:4px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}.rating-up{color:#24623e;font-weight:600}.rating-down{color:#a23939;font-weight:600}#rating-detail{margin-top:28px}#rating-dialog td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}

@media(max-width:600px){#rating-dialog{padding:18px}.rating-heading{gap:12px}.rating-heading h2{font-size:20px}#rating-dialog th,#rating-dialog td{padding:12px}}

@media(max-width:600px){#rating-dialog table.rating-totals{min-width:0;table-layout:fixed}#rating-dialog .rating-totals th,#rating-dialog .rating-totals td{padding:9px 5px;font-size:12px}#rating-dialog .rating-totals th:first-child{width:34%}#rating-dialog .rating-totals th{font-size:11px}#rating-dialog .rating-player{white-space:normal;overflow-wrap:anywhere}}

#staff-role-wrap{border:0;margin:20px 0 0;padding:0;display:grid;gap:10px}#staff-role-wrap legend{font-size:13px;font-weight:600;margin-bottom:10px}#staff-role-wrap label{display:flex;align-items:center;gap:10px;margin:0;font-weight:400}#staff-role-wrap input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;accent-color:#212236}

.client-link{color:inherit;text-decoration:none;border:1px solid #565872;border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px}.client-link:hover{background:#35374f}