:root{--bg:#07101b;--panel:#0d1727;--panel2:#101c2e;--line:#1d3048;--text:#f5f8fc;--muted:#7f96b2;--cyan:#14d7f4;--blue:#4e8cff;--green:#1fd29a;--purple:#7e72ff;--amber:#ffb84d;--red:#ff6879}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0c1524;border-right:1px solid #1f3047;padding:18px 12px;display:flex;flex-direction:column;z-index:30}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px;border-bottom:1px solid #1a2a3e}.brand-mark,.login-logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3d8cff,#17d8f4);font-weight:900;color:#06111f}.side-brand strong{display:block}.side-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:6px;padding-top:18px}.side-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#91a7c2;font-size:13px;font-weight:700}.side-nav a:hover,.side-nav a.active{background:#102b3e;color:#11d8ef}.nav-icon{width:22px;text-align:center}.side-bottom{margin-top:auto}.logout-link{display:block;text-align:center;padding:10px;color:#8397af}.app-main{min-width:0}.mobile-top{height:58px;padding:0 20px;border-bottom:1px solid #17304a;display:flex;align-items:center;gap:12px;background:#08111dcf;position:sticky;top:0;z-index:20}.mobile-top>span{margin-left:auto;color:var(--muted);font-size:12px}.mobile-brand{font-weight:900}.menu-toggle{display:none;background:#0f1c2d;border:1px solid #2a405a;color:#fff;border-radius:9px;width:38px;height:38px}.page{width:min(1480px,calc(100% - 42px));margin:0 auto;padding:22px 0 46px}.page-head{margin-bottom:18px}.page-head h1{margin:0 0 5px;font-size:29px}.page-head p{margin:0;color:var(--muted);font-size:13px}.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px}.flash.success{background:#103329;border:1px solid #1d634f;color:#98f2cb}.flash.error{background:#3d1921;border:1px solid #7a3140;color:#ffc0ca}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:116px;border-radius:17px;padding:17px;border:1px solid var(--line);background:linear-gradient(145deg,#0f1c2e,#0b1524);display:flex;flex-direction:column;justify-content:center}.metric-card span{color:#8198b4;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.metric-card strong{font-size:27px;margin:8px 0 4px}.metric-card small{color:#6d829b}.metric-card.blue{box-shadow:inset 0 0 40px #168cff10}.metric-card.purple{box-shadow:inset 0 0 40px #7b6cff10}.metric-card.green{box-shadow:inset 0 0 40px #20d39810}.metric-card.amber{box-shadow:inset 0 0 40px #ffb24910}.panel-card,.card,.intro-card,.empty-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:18px}.panel-card{margin-bottom:18px}.panel-head,.intro-card{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2,.intro-card h2,.card h2{margin:0 0 5px}.panel-head p,.intro-card p,.card p{margin:0;color:var(--muted);font-size:12px}.count-badge,.pill{border-radius:999px;background:#0d2937;border:1px solid #245367;color:#70e8f6;padding:8px 11px;font-size:11px;font-weight:800}.dashboard-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.mini-server{display:flex;gap:10px;align-items:center;background:#0a1422;border:1px solid #182a40;border-radius:13px;padding:13px}.mini-server.low{border-color:#6b3040}.mini-icon{width:38px;height:38px;border-radius:10px;background:#0f283a;display:grid;place-items:center;color:#31d9ed}.mini-server strong,.mini-server span,.mini-server small{display:block}.mini-server span{font-weight:900;font-size:18px;margin-top:3px}.mini-server small{color:#8095ad;font-size:10px;margin-top:3px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-links a{border:1px solid var(--line);background:#0d1829;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:5px}.quick-links a>span{font-size:22px;color:#21d6ee}.quick-links strong{font-size:15px}.quick-links small{color:var(--muted)}.intro-card{margin-bottom:16px}.server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.server-tile{min-height:156px;border:1px solid #25415d;background:linear-gradient(145deg,#102039,#0b1727);border-radius:18px;color:#fff;padding:17px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;transition:.16s}.server-tile:hover{transform:translateY(-3px);border-color:#35dff3;box-shadow:0 16px 38px #0005,0 0 24px #1bdaf31b}.server-tile.low{border-color:#6f3542;background:linear-gradient(145deg,#27151d,#111725)}.server-icon{width:38px;height:38px;border-radius:10px;background:#153b51;display:grid;place-items:center;color:#39e0f1;font-size:18px}.server-tile strong{font-size:18px}.server-tile span:not(.server-icon){font-size:14px;font-weight:800;color:#bfeffc}.server-tile small{color:#8197af}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:14px}.backdrop{position:absolute;inset:0;background:#01050bd9;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(540px,96vw);max-height:92vh;overflow:auto;background:#0c1727;border:1px solid #2a506d;border-radius:20px;padding:22px;box-shadow:0 30px 90px #000a}.modal-card .x{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;border:1px solid #2b435d;background:#111e30;color:#fff;font-size:22px}.modal-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#123a32;color:#5af1bc;font-size:24px;font-weight:900;margin-bottom:12px}.modal-card h2{margin:0 0 6px}.modal-card p{color:#b8c8da}.modal-card label,.form-stack label{display:flex;flex-direction:column;gap:6px;color:#bfd0e2;font-size:12px;margin-top:10px}input,select{width:100%;background:#07111d;border:1px solid #29425f;border-radius:10px;color:#fff;padding:11px;outline:none}input:focus,select:focus{border-color:#39dff2;box-shadow:0 0 0 3px #21d9ef16}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.operation-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.operation-summary>div{background:#08121f;border:1px solid #1e334c;border-radius:10px;padding:10px}.operation-summary span{display:block;color:#7e94ad;font-size:9px;text-transform:uppercase;margin-bottom:4px}.operation-summary strong{font-size:13px}.positive{color:#64edb8}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.btn{border:1px solid #2b4561;background:#111d2d;color:#fff;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#4f7dff,#26c9ef);border-color:transparent}.split-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:16px}.form-stack{display:flex;flex-direction:column;gap:6px}.muted{color:var(--muted)}.label-title{display:block;color:#bfd0e2;font-size:12px;margin:10px 0 7px}.server-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-check{margin:0!important;display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;background:#08131f;border:1px solid #1e354d;border-radius:9px;padding:9px}.server-check input{width:auto}.reseller-list{display:flex;flex-direction:column;gap:8px}.reseller-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#09131f;border:1px solid #192c43;border-radius:12px;padding:12px}.reseller-row>div{display:flex;flex-direction:column;gap:3px}.reseller-row>div:last-child{text-align:right}.reseller-row small{color:#7f96af}.reseller-row a{color:#43e0a7}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,96vw);background:#0d1727;border:1px solid #29445f;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:13px;box-shadow:0 28px 90px #0009}.auth-card h1{margin:0}.auth-card p{margin:0;color:var(--muted)}.auth-card label{display:flex;flex-direction:column;gap:6px;color:#b9cce0;font-size:12px}.empty-card{text-align:center}.empty-card h3{margin-top:0}
@media(max-width:1200px){.stats-grid,.dashboard-server-grid,.server-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:245px;transform:translateX(-103%);transition:.2s;box-shadow:25px 0 55px #0008}.sidebar.open{transform:translateX(0)}.menu-toggle{display:grid;place-items:center}.page{width:min(100% - 20px,1480px)}.stats-grid,.dashboard-server-grid,.server-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.mobile-top{padding:0 12px}}
@media(max-width:580px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:100px;padding:13px}.metric-card strong{font-size:21px}.dashboard-server-grid,.server-grid{grid-template-columns:1fr 1fr;gap:9px}.server-tile{min-height:132px;padding:13px}.server-tile strong{font-size:15px}.quick-links{grid-template-columns:1fr}.intro-card{display:block}.pill{display:inline-block;margin-top:10px}.grid2,.operation-summary,.server-check-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.reseller-row{align-items:flex-start;flex-direction:column}.reseller-row>div:last-child{text-align:left}}
.panel-actions{display:flex;align-items:center;gap:8px}.btn.small{padding:8px 10px;font-size:11px}
@media(max-width:580px){.panel-head{align-items:flex-start;flex-direction:column}.panel-actions{width:100%;justify-content:space-between}}

/* V14 extras */
.quick-links.six{grid-template-columns:repeat(5,1fr)}
.inline-filter{display:flex;align-items:center;gap:8px}.inline-filter select{min-width:170px}
.choice-btn{border:1px solid #2a4863;background:#0d1828;color:#d9edf8;border-radius:12px;padding:14px 16px;font-weight:900;cursor:pointer}.choice-btn.active{background:linear-gradient(135deg,#4f7dff,#26c9ef);border-color:transparent;color:#fff;box-shadow:0 0 0 3px #23d6ee1c}
.quick-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.operation-summary.simple{grid-template-columns:1fr 1fr}
.operation-summary.simple>div{min-height:72px;display:flex;flex-direction:column;justify-content:center}
.reseller-summary-panel{margin-top:18px}.reseller-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reseller-card{background:#08131f;border:1px solid #1d324c;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.reseller-card strong{font-size:16px}.reseller-card span{font-weight:800;color:#bdefff}.reseller-card small{color:#7f96af}.reseller-card a{color:#49ebb2}
.reseller-row.big{align-items:flex-start}.tag-wrap{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-tag{display:inline-flex;align-items:center;padding:6px 9px;background:#101e31;border:1px solid #29445f;border-radius:999px;font-size:11px;font-weight:800;color:#bfe8ff}.muted-tag{color:#94a8bd}
.logs-grid{display:grid;grid-template-columns:1fr;gap:18px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:11px 10px;border-bottom:1px solid #1d3048;text-align:left;font-size:13px}.data-table th{color:#8fb1d0;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.data-table tbody tr:hover{background:#0b1523}
.bar-list{display:grid;grid-template-columns:1fr;gap:12px}.bar-card{background:#091320;border:1px solid #1e3148;border-radius:16px;padding:15px}.bar-card.pulse{animation:pulseNeon 1.8s infinite;box-shadow:0 0 0 rgba(36,214,239,0)}.bar-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.bar-head strong{font-size:16px}.bar-head span{color:#a7c7df;font-size:12px}.bar-track{height:12px;border-radius:999px;background:#111f31;border:1px solid #21354d;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#36b8ff,#1ce39d)}.bar-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:11px}.bar-meta span{background:#0f1c2f;border:1px solid #1f3550;padding:9px 10px;border-radius:10px;font-size:12px;color:#c6d7e6}.summary-stats{margin-top:14px}
@keyframes pulseNeon{0%{border-color:#24506d;box-shadow:0 0 0 0 rgba(30,228,241,.1)}50%{border-color:#28e1f2;box-shadow:0 0 22px 0 rgba(30,228,241,.22)}100%{border-color:#24506d;box-shadow:0 0 0 0 rgba(30,228,241,.08)}}
@media(max-width:1200px){.quick-links.six{grid-template-columns:repeat(3,1fr)}.reseller-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.quick-links.six{grid-template-columns:repeat(2,1fr)}.reseller-cards{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.quick-choice-grid,.operation-summary.simple,.reseller-cards,.bar-meta,.quick-links.six{grid-template-columns:1fr}.bar-head{flex-direction:column;align-items:flex-start}}

/* V20 - gestão completa */
textarea{width:100%;background:#07111d;border:1px solid #29425f;border-radius:10px;color:#fff;padding:11px;outline:none;resize:vertical;font:inherit}textarea:focus{border-color:#39dff2;box-shadow:0 0 0 3px #21d9ef16}
.action-grid{display:grid;gap:14px}.action-grid.four{grid-template-columns:repeat(4,1fr)}.action-grid.three{grid-template-columns:repeat(3,1fr)}.action-card{min-height:160px;border:1px solid #24405b;background:linear-gradient(145deg,#102039,#0b1727);border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:.18s}.action-card:hover{transform:translateY(-3px);border-color:#39dff2;box-shadow:0 15px 35px #0005}.action-card>span{font-size:26px;color:#3dddf0;font-weight:900}.action-card strong{font-size:18px}.action-card small{color:#8299b2}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.server-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.server-detail{border:1px solid #233b55;background:#091522;border-radius:16px;padding:15px}.server-detail.warning{border-color:#7a6030}.server-detail.danger{border-color:#7d3040;box-shadow:0 0 25px #ff50651a}.server-detail-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.server-detail-head strong{font-size:17px}.server-detail-head span{color:#bcecff;font-weight:900}.server-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-kpis div{background:#0d1b2b;border:1px solid #1b3048;border-radius:10px;padding:9px}.server-kpis small,.closing-grid span{display:block;color:#8299b1;font-size:10px;text-transform:uppercase}.server-kpis b{display:block;margin-top:4px;font-size:13px}
.dashboard-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.highlight-card{background:linear-gradient(145deg,#0e1e31,#0a1423);border:1px solid #1f3854;border-radius:16px;padding:18px}.highlight-card span{display:block;color:#8299b1;font-size:11px;text-transform:uppercase}.highlight-card strong{display:block;font-size:22px;margin:8px 0}.highlight-card small{color:#91abc2}.closing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.closing-grid div{background:#091522;border:1px solid #1d3048;border-radius:11px;padding:12px}.closing-grid strong{display:block;margin-top:5px;font-size:15px}
.date-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-filter input{width:auto}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-list article{display:grid;grid-template-columns:55px 1.5fr 1fr 1fr 1fr;gap:10px;align-items:center;background:#091522;border:1px solid #1c3047;border-radius:11px;padding:12px}.rank{font-weight:900;color:#4fe0f0}
.monthly-chart{height:260px;display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;margin:20px 0 25px}.month-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.month-bars{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center}.month-bar{width:min(34px,80%);border-radius:8px 8px 3px 3px;min-height:7px}.month-bar.revenue{background:linear-gradient(180deg,#34d9ed,#4c7dff);box-shadow:0 0 20px #36d9ef1d}.month-col strong{font-size:11px}.month-col small{font-size:9px;color:#7188a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
code{background:#07111d;border:1px solid #1c3148;border-radius:6px;padding:2px 6px;color:#bcefff}
@media(max-width:1200px){.action-grid.four{grid-template-columns:repeat(2,1fr)}.server-detail-grid{grid-template-columns:repeat(2,1fr)}.closing-grid{grid-template-columns:repeat(3,1fr)}.rank-list article{grid-template-columns:45px 1.5fr 1fr 1fr}.rank-list article span:last-child{grid-column:2/-1}}
@media(max-width:900px){.two-col,.dashboard-split{grid-template-columns:1fr}.action-grid.three{grid-template-columns:1fr 1fr}.monthly-chart{overflow-x:auto;grid-template-columns:repeat(12,72px);justify-content:start}.month-col{width:72px}}
@media(max-width:580px){.action-grid.four,.action-grid.three,.server-detail-grid,.closing-grid{grid-template-columns:1fr}.rank-list article{grid-template-columns:42px 1fr}.rank-list article span{grid-column:2}.date-filter{width:100%}.date-filter input,.date-filter button{width:100%}}
.dashboard-split.three{grid-template-columns:repeat(3,1fr)}.restore-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.restore-form input[type=file]{max-width:520px}.btn.danger{background:#3a1821;border-color:#7f3243;color:#ffd1d8}@media(max-width:900px){.dashboard-split.three{grid-template-columns:1fr}}

/* V21 - listas, relatórios diários, ferramentas e personalização */
.brand-logo-wrap{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:#08121e;border:1px solid var(--line);flex:0 0 auto}.brand-logo-wrap img{width:100%;height:100%;object-fit:contain;padding:4px}
.dashboard-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.ranking-panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:16px}.ranking-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ranking-title>span{font-weight:900;font-size:15px}.ranking-title small{color:var(--muted)}.ranking-list{display:flex;flex-direction:column;gap:7px}.ranking-list>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;background:#091522;border:1px solid var(--line);border-radius:11px}.ranking-list b{color:#48dff1}.ranking-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list span{font-size:12px;font-weight:800}.ranking-list small{grid-column:2/-1;color:var(--muted);font-size:10px}.ranking-list .danger-row{box-shadow:inset 3px 0 0 #ff6879}
.external-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.external-tool{min-height:120px;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--panel),#09131f);display:flex;flex-direction:column;justify-content:center;gap:6px;transition:.16s}.external-tool:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 12px 28px #0004}.external-tool>span{font-size:22px;color:#41dff0;font-weight:900}.external-tool strong{font-size:15px}.external-tool small{color:var(--muted)}.external-tool.disabled{opacity:.55;cursor:not-allowed}
.report-switch{display:flex;gap:8px}.daily-chart{height:250px;display:grid;grid-template-columns:repeat(14,minmax(46px,1fr));gap:8px;align-items:end;margin:20px 0 4px;overflow-x:auto}.day-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:46px}.day-bars{height:175px;width:100%;display:flex;align-items:flex-end;justify-content:center}.day-bar{width:min(32px,75%);min-height:7px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#2ed8ec,#4f7cff);box-shadow:0 0 18px #2ed8ec20}.day-col strong{font-size:10px}.day-col small{font-size:8px;color:var(--muted);white-space:nowrap}.rank-list.simple-rank article{grid-template-columns:50px 1fr auto auto}
.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-grid input[type=color]{height:48px;padding:5px}.theme-preview{background:var(--preview-bg);border:1px solid var(--preview-line);border-radius:18px;min-height:330px;display:grid;grid-template-columns:115px 1fr;overflow:hidden}.preview-sidebar{background:color-mix(in srgb,var(--preview-panel) 92%,#000 8%);border-right:1px solid var(--preview-line);padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.preview-sidebar img{width:56px;height:56px;object-fit:contain;border-radius:12px}.preview-content{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.preview-card{height:90px;background:var(--preview-panel);border:1px solid var(--preview-line);border-radius:14px}.preview-card.wide{grid-column:1/-1;height:150px}
/* Força a cor configurável nas bordas estruturais */
.sidebar,.side-brand,.mobile-top,.metric-card,.panel-card,.card,.intro-card,.empty-card,.mini-server,.quick-links a,.server-tile,.modal-card,input,select,textarea,.operation-summary>div,.btn,.server-check,.reseller-row,.action-card,.server-detail,.server-kpis div,.highlight-card,.closing-grid div,.bar-card,.bar-track,.bar-meta span,.data-table th,.data-table td,.ranking-panel,.ranking-list>div,.external-tool,.theme-preview,.preview-sidebar,.preview-card{border-color:var(--line)}
@media(max-width:1100px){.dashboard-ranking-grid{grid-template-columns:1fr}.external-tools-grid{grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:1fr}}
@media(max-width:580px){.external-tools-grid{grid-template-columns:1fr}.report-switch{width:100%}.report-switch .btn{flex:1}.rank-list.simple-rank article{grid-template-columns:42px 1fr}.rank-list.simple-rank article span{grid-column:2}.theme-preview{grid-template-columns:80px 1fr}}