@import url("../../theme.css?v=3");
:root{--panel:rgba(15,30,51,.92)}
*{box-sizing:border-box}
html,body{min-height:100%;background:radial-gradient(circle at 15% 0%,#173c5b 0,transparent 35%),linear-gradient(145deg,#07111f,#0b1829 52%,#081320);color:var(--text)}
body{max-width:1180px;margin:0 auto;padding:28px 16px 48px;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.page-header{position:relative;margin:0 0 22px;padding:34px 38px;border:1px solid var(--line);border-radius:22px;background:rgba(15,30,51,.84);box-shadow:0 18px 60px #0003;backdrop-filter:blur(14px)}
.page-header h1{margin:0 0 12px;color:var(--text);font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.055em}.page-header h1 small{color:var(--muted);font-size:.35em;letter-spacing:0;font-weight:500}.page-header hr{border:0;border-top:1px solid var(--line);margin:20px 0}.page-header h5{margin:0;color:var(--muted);font-size:.88rem;font-weight:400;line-height:1.7}.page-header a{color:var(--cyan)}
.panel{margin-bottom:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 60px #0003;overflow:hidden}.panel-heading{padding:18px 22px;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--text);font-size:1.05rem;font-weight:700}.panel-heading .clickable{color:var(--cyan)}.panel-body{padding:20px 22px;background:transparent}
.table-responsive{border:0}.table{margin:0;color:var(--text);background:transparent}.table>thead>tr>th{border-bottom:1px solid var(--line);color:var(--cyan);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.table>tbody>tr>td{border-top:1px solid rgba(155,190,220,.1);vertical-align:middle}.table-striped>tbody>tr:nth-of-type(odd){background:rgba(97,230,255,.035)}.table-hover>tbody>tr:hover{background:rgba(97,230,255,.1)}
.badge{border-radius:999px;padding:5px 9px}.btn{border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel2);text-shadow:none;box-shadow:none}.btn:hover,.btn:focus{border-color:#61e6ff73;color:var(--text);background:#2a4c6fba}.btn-active{border-color:#61e6ff73!important;color:var(--cyan)!important;background:#61e6ff1c!important}
a{color:var(--cyan)}
@media(max-width:700px){body{padding:12px 10px 30px}.page-header{padding:26px 22px}.page-header h1{font-size:2.3rem}.panel-body{padding:14px 12px}.table{font-size:.82rem}}
.mode-detail{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.25;white-space:normal}
.ysf-switch-control{margin:0 0 20px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--muted)}
.ysf-switch-control label{margin-right:8px;color:var(--text)}