*{box-sizing:border-box}body{margin:0;background:#eef3f7;color:#17212f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:#1f6f8b;text-decoration:none}button{border:0;border-radius:6px;background:#1f6f8b;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border:1px solid #c6d0dc;border-radius:6px;padding:9px 10px;font:inherit;background:#fff}textarea{width:100%;min-height:150px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 16px;background:linear-gradient(180deg,#101820,#142333 56%,#0e151f);color:#fff;box-shadow:10px 0 34px #1423332e}aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 8%,rgba(214,166,66,.28),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:auto,36px 36px;pointer-events:none}.logo{position:relative;display:flex;align-items:center;gap:10px;margin:2px 0 20px;padding:10px 8px;color:#fff;font-size:22px;font-weight:950}.logo svg{color:#e5b653}.logo small,.bar-title,.login-visual,.dashboard-strip{display:none}aside a,aside button{position:relative;display:flex;align-items:center;gap:10px;background:#ffffff0e;color:#dfe9f5;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:left;padding:12px 13px;transition:.18s ease}aside a:hover,aside button:hover{background:#1f6f8b52;border-color:#e5b65361;color:#fff}.bar{height:62px;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 26px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #d9e1ea}.bar b{background:#e8f2f5;color:#1f6f8b;border-radius:99px;padding:5px 10px}main{padding:24px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 24% 20%,rgba(31,111,139,.28),transparent 28%),linear-gradient(135deg,#101820,#1e3447)}.card{background:#fff;border:1px solid #d9e1ea;border-radius:8px;padding:22px;margin-bottom:18px;box-shadow:0 10px 30px #17212f14}.login .card{width:min(430px,92vw);display:grid;gap:14px}.login h1{color:#173b5c}.login label{display:grid;gap:6px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.cards article{display:grid;gap:8px;background:linear-gradient(180deg,#fff,#f7fafc);border:1px solid #d9e1ea;border-radius:8px;padding:20px;box-shadow:0 10px 28px #17212f12}.cards b{color:#1f6f8b;font-size:30px}.cards span{color:#667085;font-weight:800}.filters,.inline{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.filters{align-items:stretch}.filters select,.filters input{height:44px;border-color:#b9c7d6;color:#17212f;font-weight:800}.filters select{width:210px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 46px 0 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2317212f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px 18px}.filters input{min-width:320px}.filters button{min-width:92px;height:44px;padding:0 18px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e1ea;border-radius:8px;overflow:hidden}th,td{border-bottom:1px solid #d9e1ea;padding:11px;text-align:left;font-size:14px;vertical-align:top}th{background:#edf3f7;color:#173b5c;font-weight:950}.badge{border-radius:99px;padding:5px 10px;font-size:12px;font-weight:900}.badge.pending{color:#8a5200;background:#fff0c2}.badge.answered{color:#146c3f;background:#dff7e9}.status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:900}.status.active{color:#146c3f;background:#dff7e9}.status.disabled{color:#667085;background:#eef2f6}.box{border:1px solid #d9e1ea;border-radius:8px;padding:16px;margin:12px 0;background:#fbfcfe}.error{color:#b42318}.ok{color:#137547}.muted{color:#667085}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:#667085;font-weight:800}.pager div{display:flex;align-items:center;gap:10px}h2{display:flex;align-items:center;gap:8px;color:#173b5c;margin-top:0}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static}.cards{grid-template-columns:1fr 1fr}table{display:block;overflow:auto}main{padding:16px}.pager{align-items:flex-start;flex-direction:column}.filters select,.filters input,.filters button{width:100%;min-width:0}}@media(max-width:560px){.cards{grid-template-columns:1fr}}html[data-skin=chess] body{background:#f2eadb;color:#201a13}html[data-skin=chess] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(45deg,rgba(102,67,32,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(102,67,32,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(102,67,32,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(102,67,32,.045) 75%),linear-gradient(180deg,#f7f0df,#efe3ce);background-position:0 0,0 22px,22px -22px,-22px 0,0 0;background-size:44px 44px,44px 44px,44px 44px,44px 44px,auto}html[data-skin=chess] a{color:#2c6842}html[data-skin=chess] button{background:linear-gradient(180deg,#f1c76b,#b98526);color:#1b1307;box-shadow:0 8px 20px #b9852629}html[data-skin=chess] input,html[data-skin=chess] select,html[data-skin=chess] textarea{border-color:#d8c18a;background:#fffef9;color:#201a13}html[data-skin=chess] aside{background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(180deg,#07140e,#0f3b26 58%,#090f0b);background-size:34px 34px,34px 34px,auto;color:#fffaf0}html[data-skin=chess] aside:before{background:radial-gradient(circle at 30% 8%,rgba(241,199,107,.34),transparent 26%),linear-gradient(90deg,rgba(241,199,107,.09) 1px,transparent 1px);background-size:auto,36px 36px}html[data-skin=chess] .logo svg{color:#f1c76b}html[data-skin=chess] .logo{align-items:flex-start;flex-direction:column;gap:6px;padding:14px 10px 20px;border-bottom:1px solid rgba(241,199,107,.18)}html[data-skin=chess] .logo small{display:block;color:#f1c76b;font-size:11px;letter-spacing:.18em;text-transform:uppercase}html[data-skin=chess] aside a,html[data-skin=chess] aside button{background:#fffaf013;border-color:#f1c76b29;color:#fffaf0;text-shadow:0 1px 12px rgba(0,0,0,.28)}html[data-skin=chess] aside a svg,html[data-skin=chess] aside button svg{color:#f1c76b;stroke-width:2.4}html[data-skin=chess] aside a:hover,html[data-skin=chess] aside button:hover{background:#73191f57;border-color:#f1c76b7a;color:#fff}html[data-skin=chess] .bar,html[data-skin=chess] .card,html[data-skin=chess] table,html[data-skin=chess] .cards article{background:#fffaf0;border-color:#dec78c}html[data-skin=chess] .shell{grid-template-columns:286px 1fr}html[data-skin=chess] main{padding:30px}html[data-skin=chess] .bar{justify-content:space-between;height:74px}html[data-skin=chess] .bar-title{display:grid;gap:3px;margin-right:auto}html[data-skin=chess] .bar-title strong{color:#235236;font-size:18px}html[data-skin=chess] .bar-title span{color:#66553c;font-size:12px;font-weight:800}html[data-skin=chess] .bar b{background:#f1e0af;color:#235236}html[data-skin=chess] .login{background:radial-gradient(circle at 24% 18%,rgba(241,199,107,.32),transparent 24%),linear-gradient(135deg,#07140e,#123d29);grid-template-columns:minmax(260px,360px) minmax(360px,430px);gap:24px;padding:24px}html[data-skin=chess] .login-visual{display:grid;align-content:end;min-height:470px;padding:28px;border:1px solid rgba(241,199,107,.44);border-radius:18px;background:radial-gradient(circle at 76% 18%,rgba(241,199,107,.26),transparent 20%),linear-gradient(135deg,#0a1c12,#174a2e);color:#fffaf0;box-shadow:0 24px 70px #00000042}html[data-skin=chess] .login-visual svg{color:#f1c76b;margin-bottom:18px}html[data-skin=chess] .login-visual strong{font-size:34px}html[data-skin=chess] .login-visual p{line-height:1.7}html[data-skin=chess] .login .card{align-self:center;border-radius:18px}html[data-skin=chess] .dashboard-strip{display:grid;gap:6px;margin-bottom:18px;padding:20px 22px;border-radius:18px;background:linear-gradient(90deg,#173b25,#245a38);color:#fffaf0}html[data-skin=chess] .dashboard-strip span{color:#f1c76b;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}html[data-skin=chess] .login h1,html[data-skin=chess] h2,html[data-skin=chess] th,html[data-skin=chess] .cards b{color:#235236}html[data-skin=chess] .cards article{background:linear-gradient(180deg,#fffaf0,#f5ead2)}html[data-skin=chess] .cards span,html[data-skin=chess] .pager,html[data-skin=chess] .muted{color:#66553c}html[data-skin=chess] th{background:linear-gradient(180deg,#f4dfae,#ead09a)}html[data-skin=chess] td,html[data-skin=chess] th,html[data-skin=chess] .box{border-color:#dec78c}html[data-skin=chess] .box{background:#fffdf7}html[data-skin=chess] .filters select{background-color:#fffef9}html[data-skin=football] body{background:#eaf5ed;color:#15271d}html[data-skin=football] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.72),transparent 18%),radial-gradient(circle at 82% 0%,rgba(255,255,255,.62),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.22) 2px,transparent 2px),repeating-linear-gradient(90deg,#1f8b4617 0,#1f8b4617 80px,#196f3a21 80px,#196f3a21 160px),linear-gradient(180deg,#f7fcf8,#e3f1e7);background-size:auto,auto,120px 100%,100% 100%,auto}html[data-skin=football] a{color:#126339}html[data-skin=football] button{background:linear-gradient(180deg,#b9ee5b,#4fab3e);color:#071b14;box-shadow:0 8px 20px #4fab3e26}html[data-skin=football] input,html[data-skin=football] select,html[data-skin=football] textarea{border-color:#9cccaa;color:#15271d}html[data-skin=football] aside{background:linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px),repeating-linear-gradient(90deg,#1b8747f2 0,#1b8747f2 74px,#0a5f34f5 74px,#0a5f34f5 148px);color:#f6fff7}html[data-skin=football] aside:before{background:radial-gradient(circle at 24% 4%,rgba(255,255,255,.46),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:auto,40px 40px}html[data-skin=football] .logo svg{color:#b9ee5b}html[data-skin=football] .shell{grid-template-columns:1fr}html[data-skin=football] aside{position:sticky;top:0;z-index:10;flex-direction:row;align-items:center;gap:12px;min-height:76px;padding:12px 22px;box-shadow:0 14px 34px #0a5f342e}html[data-skin=football] .logo{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;min-width:240px;margin:0 auto 0 0;padding:0}html[data-skin=football] .logo svg{grid-row:span 2}html[data-skin=football] .logo small{display:block;color:#dfffb0;font-size:11px;letter-spacing:.16em;text-transform:uppercase}html[data-skin=football] aside a,html[data-skin=football] aside button{background:#ffffff17;border-color:#ffffff29;border-radius:999px;color:#f6fff7;white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.28)}html[data-skin=football] aside a svg,html[data-skin=football] aside button svg{color:#dfffb0;stroke-width:2.4}html[data-skin=football] aside a:hover,html[data-skin=football] aside button:hover{background:#b9ee5b38;border-color:#b9ee5b8a;color:#fff}html[data-skin=football] .bar,html[data-skin=football] .card,html[data-skin=football] table,html[data-skin=football] .cards article{background:#fbfffc;border-color:#c8dfcf}html[data-skin=football] main{padding:28px}html[data-skin=football] .bar{justify-content:space-between;height:78px;border-bottom:0;border-radius:0 0 22px 22px}html[data-skin=football] .bar-title{display:grid;gap:3px;margin-right:auto}html[data-skin=football] .bar-title strong{color:#126339;font-size:19px}html[data-skin=football] .bar-title span{color:#557264;font-size:12px;font-weight:800}html[data-skin=football] .bar b{background:#e0f5df;color:#126339}html[data-skin=football] .login{background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.38),transparent 22%),repeating-linear-gradient(90deg,#1f8b46e6 0,#1f8b46e6 96px,#0a5f34f0 96px,#0a5f34f0 192px);grid-template-columns:minmax(360px,560px);align-content:center;justify-items:stretch;padding:24px}html[data-skin=football] .login-visual{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;width:min(560px,92vw);padding:18px 22px;border:2px solid rgba(255,255,255,.34);border-bottom:0;border-radius:18px 18px 0 0;background:#084827db;color:#f6fff7}html[data-skin=football] .login-visual svg{grid-row:span 2;color:#b9ee5b}html[data-skin=football] .login-visual strong{font-size:30px}html[data-skin=football] .login-visual p{margin:0}html[data-skin=football] .login .card{border-radius:0 0 18px 18px;border-top:0}html[data-skin=football] .dashboard-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:18px 22px;border-radius:18px 18px 0 0;background:#0f6f3e;color:#f6fff7}html[data-skin=football] .dashboard-strip span{color:#b9ee5b;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}html[data-skin=football] .login h1,html[data-skin=football] h2,html[data-skin=football] th,html[data-skin=football] .cards b{color:#126339}html[data-skin=football] .cards article{background:linear-gradient(180deg,#fbfffc,#eff9f1)}html[data-skin=football] .cards span,html[data-skin=football] .pager,html[data-skin=football] .muted{color:#557264}html[data-skin=football] th{background:linear-gradient(180deg,#e4f4e8,#d3ebda)}html[data-skin=football] td,html[data-skin=football] th,html[data-skin=football] .box{border-color:#c8dfcf}html[data-skin=football] .box{background:#f7fcf8}html[data-skin=football] .filters select{background-color:#fff}html[data-skin=football] table{border-spacing:0 10px;border-collapse:separate;border:0;background:transparent}html[data-skin=football] th{border-bottom:0}html[data-skin=football] td{background:#fbfffc}@media(max-width:900px){html[data-skin=chess] .shell,html[data-skin=football] .shell,html[data-skin=chess] .login{grid-template-columns:1fr}html[data-skin=football] aside{position:static;align-items:stretch;flex-direction:column}html[data-skin=football] .logo{min-width:0;width:100%}}html[data-skin=football] body{background:#edf3ef;color:#17251d}html[data-skin=football] body:before{background:linear-gradient(90deg,rgba(14,111,63,.045) 1px,transparent 1px),linear-gradient(180deg,#f5f8f6,#e8f0eb);background-size:48px 48px,auto}html[data-skin=football] .shell{grid-template-columns:260px 1fr;min-height:100vh}html[data-skin=football] aside{position:sticky;top:0;z-index:10;flex-direction:column;align-items:stretch;gap:8px;min-height:100vh;height:100vh;padding:18px 14px;background:linear-gradient(180deg,rgba(185,238,91,.1),transparent 28%),linear-gradient(180deg,#081b13,#103823 58%,#07150f);box-shadow:8px 0 24px #081b1333}html[data-skin=football] aside:before{background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px}html[data-skin=football] .logo{display:flex;align-items:flex-start;flex-direction:column;gap:6px;min-width:0;margin:0 0 14px;padding:8px 8px 18px;border-bottom:1px solid rgba(185,238,91,.18)}html[data-skin=football] .logo svg{grid-row:auto;color:#b9ee5b}html[data-skin=football] .logo small{color:#b9ee5b}html[data-skin=football] aside a,html[data-skin=football] aside button{justify-content:flex-start;width:100%;border-radius:8px;padding:11px 12px;background:#ffffff12;border-color:#ffffff1f;color:#eefcf3;text-shadow:none}html[data-skin=football] aside a svg,html[data-skin=football] aside button svg{color:#b9ee5b}html[data-skin=football] aside a:hover,html[data-skin=football] aside button:hover{background:#b9ee5b26;border-color:#b9ee5b66}html[data-skin=football] main{padding:22px 24px}html[data-skin=football] .bar{height:58px;justify-content:flex-end;border:1px solid #d5e1d9;border-radius:6px;background:#ffffffeb}html[data-skin=football] .bar-title strong{font-size:17px}html[data-skin=football] .card,html[data-skin=football] .cards article{border-radius:6px;border-color:#d5e1d9;background:#fff;box-shadow:0 8px 22px #17251d0f}html[data-skin=football] .dashboard-strip{border-radius:6px;border-left:4px solid #3baa62;background:#fff;color:#17251d;box-shadow:0 8px 22px #17251d0d}html[data-skin=football] .dashboard-strip span{color:#126339}html[data-skin=football] button{border-radius:6px;background:#237a46;color:#fff;box-shadow:none}html[data-skin=football] table{border-collapse:collapse;border-spacing:0;border:1px solid #d5e1d9;background:#fff}html[data-skin=football] th{border-bottom:1px solid #d5e1d9;background:#edf5ef}html[data-skin=football] td{background:#fff;border-bottom:1px solid #d5e1d9}@media(max-width:900px){html[data-skin=football] .shell{grid-template-columns:1fr}html[data-skin=football] aside{position:static;min-height:auto;height:auto}}