:root{--red: #DB0D00;--black: #100B0D;--white: #FFFFFF;--grey-100: #F4F4F4;--grey-300: #D9D9D9;--grey-600: #666666;--font-display: "APEX MK 3", "APEX MK3", "Bebas Neue", Arial, sans-serif;--font-body: Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--white);color:var(--black);font-family:var(--font-body);font-size:15px;line-height:1.45}h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;text-transform:uppercase;margin:0}h1{font-size:34px}h2{font-size:24px}h3{font-size:19px}a{color:var(--black)}small,.small{font-size:12.5px;color:var(--grey-600)}.muted{color:var(--grey-600)}.topbar{border-bottom:4px solid var(--red);background:var(--white)}.topbar-inner{max-width:1240px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:36px;width:auto;display:block}.brand span{font-family:var(--font-display);font-size:22px;letter-spacing:.06em;text-transform:uppercase;padding-left:14px;border-left:2px solid var(--grey-300);line-height:1}.nav{display:flex;gap:4px;flex:1}.nav a{font-family:var(--font-display);font-size:20px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:6px 14px;border-bottom:3px solid transparent}.nav a:hover{border-bottom-color:var(--grey-300)}.nav a.active{border-bottom-color:var(--red);color:var(--red)}.who{text-align:right;font-size:12.5px;color:var(--grey-600)}.who button{margin-left:8px}.page{max-width:1240px;margin:0 auto;padding:24px 20px 60px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:24px;align-items:start}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.stack>*+*{margin-top:16px}.card{border:1px solid var(--grey-300);border-radius:6px;background:var(--white);padding:18px}.card.panel{background:var(--grey-100)}.card h3{margin-bottom:10px}button,.btn{font-family:var(--font-display);font-size:17px;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--black);background:var(--white);color:var(--black);padding:6px 16px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:var(--grey-100)}button.primary,.btn.primary{background:var(--red);border-color:var(--red);color:var(--white)}button.primary:hover,.btn.primary:hover{background:var(--black);border-color:var(--black)}button.small-btn{font-size:14px;padding:3px 10px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--black);outline-offset:2px}label{display:block;font-size:12.5px;font-weight:700;margin-bottom:3px}input,select,textarea{width:100%;font:inherit;color:var(--black);background:var(--white);border:1px solid var(--black);border-radius:4px;padding:7px 9px}input[type=checkbox]{width:auto}.field{margin-bottom:12px}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}.hint{font-size:12px;color:var(--grey-600);margin-top:3px}.tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:3px;border:1.5px solid var(--black);white-space:nowrap}.tag.red{background:var(--red);border-color:var(--red);color:var(--white)}.tag.black{background:var(--black);border-color:var(--black);color:var(--white)}.tag.outline{background:var(--white);color:var(--black)}.tag.grey{background:var(--white);border-color:var(--grey-300);color:var(--grey-600)}.tag.warn{background:var(--white);border-color:var(--red);color:var(--red)}.notice{border:2px solid var(--red);border-radius:6px;padding:12px 14px;background:var(--white)}.notice.warn{background:repeating-linear-gradient(135deg,var(--white),var(--white) 10px,var(--grey-100) 10px,var(--grey-100) 20px)}.notice.error{background:var(--red);color:var(--white)}.notice strong{text-transform:uppercase;letter-spacing:.04em}.notice ul{margin:6px 0 0;padding-left:18px}.ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.ring .ring-label{position:absolute;font-family:var(--font-display)}.bar{height:10px;background:var(--grey-300);border-radius:5px;overflow:hidden}.bar>div{height:100%;background:var(--red);border-radius:5px}.factor+.factor{margin-top:16px}.factor-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}.factor-head .name{font-weight:700}.factor-head .pts{font-family:var(--font-display);font-size:22px}.result-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat{border:1px solid var(--grey-300);border-radius:6px;padding:10px 12px;background:var(--white)}.stat .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-600)}.stat .v{font-family:var(--font-display);font-size:28px;line-height:1.1}.table-wrap{overflow-x:auto;border:1px solid var(--grey-300);border-radius:6px}table{border-collapse:collapse;width:100%;background:var(--white)}th,td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--grey-300);vertical-align:middle}th{font-family:var(--font-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase;background:var(--grey-100);white-space:nowrap;font-weight:400}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--red)}td.num,th.num{text-align:right}tr:last-child td{border-bottom:none}tbody tr.link:hover{background:var(--grey-100);cursor:pointer}.edit-table input,.edit-table select{padding:4px 6px;min-width:70px}.edit-table td{font-size:13.5px}.edit-table td.wide input{min-width:220px}.edit-table td:not(.wide):not(.actions) input:not([type=checkbox]){min-width:110px}.edit-table th.actions,.edit-table td.actions{position:sticky;right:0;background:var(--white);box-shadow:-6px 0 6px -6px var(--grey-300)}.edit-table tr.dirty td.actions{background:var(--grey-100)}td.site-cell{min-width:200px}.edit-table tr.dirty td{background:var(--grey-100)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--black);margin-bottom:16px}.tabs button{border:2px solid var(--black);border-bottom:none;border-radius:4px 4px 0 0;margin-bottom:-2px;font-size:16px}.tabs button.active{background:var(--black);color:var(--white)}.login{max-width:400px;margin:60px auto}.login img{width:300px;max-width:100%;height:auto;display:block;margin:4px auto 22px}
