:root { color-scheme: dark; --bg:#0b1120; --panel:#121b2e; --panel-2:#17243c; --line:#2b3d5d; --text:#edf4ff; --muted:#9dacbf; --green:#63d6a4; --yellow:#f2c36b; --red:#ff7b88; --blue:#77b5ff; }
    * { box-sizing:border-box; }
    body { margin:0; background:radial-gradient(circle at 20% 0,#1a3150 0,#0b1120 42%,#070b14 100%); color:var(--text); font:14px Inter,Segoe UI,Arial,sans-serif; }
    main { width:min(1380px,100%); margin:auto; padding:24px 16px 64px; }
    h1,h2,h3 { margin:0 0 12px; } h1 { font-size:26px; } h2 { font-size:18px; } h3 { font-size:15px; }
    p { color:var(--muted); line-height:1.65; }
    button,input,select,textarea { width:100%; border:1px solid var(--line); border-radius:9px; padding:11px 12px; background:#0b1425; color:var(--text); font:inherit; }
    button { background:#1b604b; border-color:#348d6d; cursor:pointer; } button:hover { filter:brightness(1.14); } button.secondary { background:#1d3556; border-color:#3a5a83; } button.warn { background:#604b20; border-color:#9a7738; } button.danger { background:#612d3b; border-color:#a54e60; } button:disabled { opacity:.45; cursor:not-allowed; }
    label { display:block; color:var(--muted); font-size:12px; margin:10px 0 5px; }
    .top,.layout,.cards { display:grid; gap:14px; } .top { grid-template-columns:1.5fr 1fr; } .layout { grid-template-columns:230px 1fr; margin-top:14px; } .layout > section { min-width:0; } .cards { grid-template-columns:repeat(3,1fr); }
    .card,.sidebar { min-width:0; background:rgba(18,27,46,.96); border:1px solid var(--line); border-radius:14px; padding:18px; box-shadow:0 15px 40px #0003; }
    .sidebar { align-self:start; position:sticky; top:14px; } .wide { grid-column:1/-1; } .muted { color:var(--muted); } .small { font-size:12px; } .value { font-size:20px; font-weight:700; overflow-wrap:anywhere; margin-top:7px; }
    .row { display:flex; flex-wrap:wrap; gap:10px; } .row > * { flex:1 1 180px; min-width:0; } .stack > * + * { margin-top:10px; }
    .nav button { text-align:left; margin-bottom:8px; background:#101a2c; border-color:var(--line); } .nav button.active { background:#245b4a; border-color:#348d6d; }
    .section { display:none; } .section.active { display:block; }
    .status { padding:10px 12px; border-radius:9px; background:#18263e; color:var(--yellow); margin-top:12px; } .ok { color:var(--green); } .error { color:var(--red); }
    .badge { display:inline-block; padding:4px 8px; border-radius:99px; background:#23314a; color:var(--muted); font-size:11px; } .badge.ok { background:#173e35; } .badge.warn { background:#49391c; }
    .danger-note { border-left:3px solid var(--red); padding:10px 12px; background:#291722; color:#ffc3c9; border-radius:6px; }
    table { width:100%; border-collapse:collapse; } .table-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } .table-scroll table { min-width:680px; } #copyAccounting .table-scroll table { min-width:1100px; } #audit .table-scroll table { min-width:600px; } th,td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
    th { color:var(--muted); font-size:12px; }
    code { color:#a7e8c8; overflow-wrap:anywhere; } .hidden { display:none !important; }
    .mobile-menu-toggle { display:none; }
    @media(max-width:900px) { .top,.layout { grid-template-columns:1fr; } .sidebar { position:static; } .cards { grid-template-columns:repeat(2,1fr); } }
    @media(max-width:900px) {
      .mobile-menu-toggle { display:block; margin-bottom:10px; }
      .sidebar .nav { display:none; }
      .sidebar.mobile-open .nav { display:block; }
      .desktop-only-nav { display:none; }
      .top > .card:nth-child(2) { display:none; }
      #referral, #telegramSignals, #setup { display:none !important; }
      #contract > .card:nth-of-type(n+2) { display:none; }
      #server > .card:nth-of-type(2), #server > .card:nth-of-type(5) { display:none; }
      #server > .card:nth-of-type(3) .cards > .card:nth-child(2) { display:none; }
      #startBot, #stopBot { display:none; }
      #copyAccounting .table-scroll { max-width:100%; }
    }
    @media(max-width:560px) { .cards { grid-template-columns:1fr; } .row { flex-direction:column; } .row > * { width:100%; flex-basis:auto; } .card,.sidebar { padding:14px; } main { width:100%; padding:14px 10px 40px; } }