:root{--bg:#0b0e16;--panel:#141824;--panel2:#1a1f2d;--text:#f4f5f8;--muted:#9098aa;--lime:#b7f34a;--orange:#ff8c42;--red:#ff5f67;--line:#272d3d;--shadow:0 24px 70px #0008;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#27321c 0,transparent 27%),var(--bg);min-height:100vh}.shell{min-height:100vh;max-width:1180px;margin:auto;padding:0 24px 92px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;letter-spacing:.11em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--lime);color:#111;font-weight:900;font-size:22px;transform:skew(-7deg)}.brand b,.brand small{display:block}.brand small{font-size:9px;color:var(--lime);margin-top:1px}.role-switch,.ghost,.chip{border:1px solid var(--line);color:var(--text);background:#171b27;border-radius:12px;padding:10px 14px;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:11px;color:var(--lime)}h1{font-size:clamp(30px,5vw,54px);line-height:1;margin:8px 0 10px;letter-spacing:-.04em}h2{margin:8px 0 18px;font-size:25px}h3{margin:0;font-size:17px}.muted,.hint{color:var(--muted)}.hero{display:flex;justify-content:space-between;align-items:end;padding:42px 0 28px;gap:20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.club-selector{display:flex;gap:8px}.chip.active{background:var(--lime);color:#111;border-color:var(--lime);font-weight:800}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:linear-gradient(145deg,#171c29,#121620);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 30px #0002}.stat{grid-column:span 3;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.stat strong{font-size:29px;letter-spacing:-.03em}.stat .trend{font-size:12px;color:var(--lime)}.wide{grid-column:span 8}.side{grid-column:span 4}.full{grid-column:1/-1}.status{display:inline-flex;align-items:center;gap:7px;color:var(--lime);font-size:13px}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.progress{height:9px;background:#252b39;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--lime),#d5ff83);border-radius:9px}.club-row,.employee-row,.money-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.club-row:last-child,.employee-row:last-child,.money-row:last-child{border:0}.club-meta{flex:1}.club-meta small{display:block;color:var(--muted);margin-top:5px}.circle{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#252b38;color:var(--lime);font-weight:900}.primary{border:0;border-radius:14px;padding:14px 19px;background:var(--lime);color:#111;font-weight:850;cursor:pointer}.primary.danger{background:var(--orange)}.shift-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#0e121b;color:var(--text);font:inherit;padding:14px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--lime)}textarea{min-height:105px;resize:vertical}.calc{margin:18px 0;background:#0e121b;border-radius:16px;padding:7px 16px}.money-row b.good{color:var(--lime)}.money-row b.bad{color:var(--red)}.shift-empty{text-align:center;padding:54px 20px}.shift-empty .circle{margin:0 auto 17px;width:64px;height:64px;font-size:25px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.bottom-nav{display:none}dialog{border:0;padding:0;background:transparent;color:var(--text)}dialog::backdrop{background:#05070bbb;backdrop-filter:blur(8px)}.pin-card{position:relative;width:min(430px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:23px;padding:28px;box-shadow:var(--shadow)}.pin-card label{margin:14px 0}.close{position:absolute;right:16px;top:14px;border:0;background:none;color:var(--muted);font-size:25px;cursor:pointer}.error{color:var(--red);min-height:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,120px);background:#f4f5f8;color:#111;padding:13px 18px;border-radius:13px;font-weight:700;transition:.25s;z-index:5}.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){.shell{padding:0 15px 92px}.topbar{height:66px}.role-switch{font-size:12px;padding:9px}.hero{align-items:flex-start;flex-direction:column;padding:28px 0 20px}.stat{grid-column:span 6;min-height:112px}.stat strong{font-size:23px}.wide,.side{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.table th:nth-child(3),.table td:nth-child(3){display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:72px;background:#10141eee;border-top:1px solid var(--line);backdrop-filter:blur(15px);z-index:4;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:none;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:80px}.bottom-nav span{font-size:20px}.bottom-nav button.active{color:var(--lime)}}
.desktop-nav{display:flex;gap:6px;padding:13px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.desktop-nav button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer;font:inherit;font-size:13px}.desktop-nav button.active{background:#253414;color:var(--lime);font-weight:750}.badge{display:inline-flex;padding:5px 9px;border-radius:9px;background:#263414;color:var(--lime);font-size:11px;font-weight:750}.badge.warn{background:#3a271a;color:var(--orange)}.badge.gray{background:#242a37;color:var(--muted)}.action-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;margin-top:12px}.action-card p{margin:5px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.empty-note{padding:26px;border:1px dashed #303748;border-radius:14px;text-align:center;color:var(--muted)}
@media(max-width:760px){.desktop-nav{display:none}}

/* Desktop product shell */
@media(min-width:761px){
  body{background:radial-gradient(circle at 86% 0,#24380f 0,transparent 23%),radial-gradient(circle at 10% 100%,#151d2d 0,transparent 28%),#080b11}
  .shell{position:relative;max-width:1460px;padding:0 34px 70px 264px}
  .topbar{height:88px;margin-left:-230px;padding-left:0;background:#090d14cc;backdrop-filter:blur(20px);position:sticky;top:0;z-index:3}
  .topbar:after{content:"Владелец  •  Все клубы";position:absolute;left:248px;color:var(--muted);font-size:13px}
  .brand-mark{width:44px;height:44px;border-radius:14px;box-shadow:0 0 32px #b7f34a33}
  .brand b{font-size:17px}.role-switch{background:#171d28;border-color:#31394b;padding:11px 16px}
  .desktop-nav{position:fixed;z-index:4;top:105px;width:212px;margin-left:-230px;display:flex!important;flex-direction:column;border:1px solid #202737;border-radius:20px;padding:12px;background:linear-gradient(160deg,#121722f2,#0b0f17f2);box-shadow:0 30px 80px #0006;overflow:visible}
  .desktop-nav:before{content:"РАЗДЕЛЫ";font-size:9px;letter-spacing:.18em;color:#687185;padding:10px 12px 8px;font-weight:800}
  .desktop-nav button{text-align:left;padding:12px 14px;border-radius:11px;transition:.18s;font-size:13px}
  .desktop-nav button:hover{background:#1b2230;color:#fff;transform:translateX(2px)}
  .desktop-nav button.active{background:linear-gradient(90deg,#2b4316,#1a2a11);box-shadow:inset 3px 0 var(--lime);color:#d9ff93}
  main{min-height:720px}
  .hero{padding:36px 2px 24px}.hero h1{font-size:42px}.hero .muted{font-size:14px}
  .card{background:linear-gradient(145deg,#151b27e8,#0e131ce8);border-color:#252d3e;box-shadow:0 16px 45px #0003;position:relative;overflow:hidden}
  .card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff17,transparent)}
  .stat{min-height:140px;padding:21px}.stat:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-26px;top:-28px;background:#b7f34a0c;box-shadow:0 0 50px #b7f34a0a}
  .stat strong{font-size:31px}.stat>span:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
  .wide{grid-column:span 8}.side{grid-column:span 4}
  .table th{background:#0d121b;color:#7e899d}.table tr:hover td{background:#171e2a80}.table td{transition:.15s}
  .circle{background:linear-gradient(145deg,#293243,#191f2b);box-shadow:inset 0 1px #ffffff12}
  .progress{background:#252c3a;height:8px}.progress i{box-shadow:0 0 16px #b7f34a55}
  .primary{box-shadow:0 8px 24px #9dda3030;transition:.17s}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}
  .action-card{background:#0c111a;border-color:#262e3f;transition:.18s}.action-card:hover{border-color:#3b465d;transform:translateY(-1px)}
}

/* Approved visual concept layout */
@media(min-width:761px){
  body{background:#070a0f}
  .shell{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1600px;min-height:100vh;padding:0;margin:0 auto;background:radial-gradient(circle at 95% 0,#17250d 0,transparent 23%),#090d13}
  .desktop-sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:31px 20px 23px;border-right:1px solid #222936;background:linear-gradient(180deg,#0f141c,#0a0e14);z-index:5}
  .desktop-sidebar>.brand{height:58px;padding:0 8px;margin-bottom:27px}.desktop-sidebar .brand-mark{width:39px;height:39px;border-radius:11px}.desktop-sidebar .brand b{font-size:16px}.desktop-sidebar .brand small{font-size:9px}
  .workspace{min-width:0;padding:0 28px 50px}
  .topbar{height:82px;margin:0 -28px;padding:0 28px;position:sticky;top:0;background:#090d13e8;border-bottom:1px solid #222936;backdrop-filter:blur(18px);z-index:3}
  .topbar:after{display:none}.mobile-brand{display:none}.workspace-title{display:flex;flex-direction:column;gap:4px}.workspace-title b{font-size:15px}.workspace-title small{color:var(--muted);font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.lang-button,.notify{border:1px solid #2a3241;background:#121821;color:#dfe4ec;border-radius:10px;padding:10px 13px}.notify{width:38px;color:var(--lime);padding:10px}
  .desktop-nav{position:static!important;display:flex!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;flex:1;gap:5px}
  .desktop-nav:before{display:none}.desktop-nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 14px;border-radius:9px;color:#c3cad5;font-size:13px}.desktop-nav button span{width:18px;text-align:center;color:#8e98a8;font-size:17px}.desktop-nav button.active{background:linear-gradient(90deg,#27430f,#18290e)!important;box-shadow:none!important;color:#e9ffd0}.desktop-nav button.active span{color:var(--lime)}
  .system-ok{display:flex;align-items:center;gap:11px;padding:15px 12px;border-top:1px solid #242b38;color:var(--lime)}.system-ok i{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px #b7f34a}.system-ok b,.system-ok small{display:block}.system-ok b{font-size:11px}.system-ok small{color:#737d8d;font-size:9px;margin-top:4px}
  main{min-height:0}.hero{padding:28px 0 20px}.hero h1{font-size:28px;letter-spacing:-.025em;margin-top:6px}.hero .eyebrow{font-size:9px}.hero .muted{font-size:12px}
  .grid{gap:13px}.card{border-radius:12px;padding:17px;background:linear-gradient(145deg,#151b24,#10151d);border-color:#29313e;box-shadow:none}.card:before{background:linear-gradient(90deg,transparent,#ffffff10,transparent)}
  .stat{min-height:111px;padding:17px}.stat strong{font-size:25px}.stat>span:first-child{font-size:10px;text-transform:none;letter-spacing:0}.stat .trend{font-size:10px}
  h3{font-size:14px}.club-row{padding:12px 0}.circle{width:42px;height:42px;border-radius:10px}.table th,.table td{padding:12px 9px;font-size:12px}.table th{font-size:9px}.action-card{padding:13px;border-radius:10px;margin-top:9px}.action-card b{font-size:12px}.action-card p{font-size:10px}.badge{font-size:9px}.money-row{padding:12px 0;font-size:12px}
  body.club-mode .shell{display:block;max-width:900px;padding:0 24px 90px}body.club-mode .desktop-sidebar{display:none}body.club-mode .workspace{padding:0}body.club-mode .topbar{margin:0;padding:0}body.club-mode .mobile-brand{display:flex}body.club-mode .workspace-title,body.club-mode .lang-button,body.club-mode .notify{display:none}
}
@media(max-width:760px){
  .desktop-sidebar{display:none}.workspace{display:block}.workspace-title,.lang-button,.notify{display:none}.mobile-brand{display:flex}.top-actions{margin-left:auto}.shell{display:block}.topbar{padding:0}.workspace{padding:0}
}
@media(min-width:761px){body.club-mode .owner-dashboard .stat{grid-column:span 3}body.club-mode .owner-dashboard .wide{grid-column:span 8}body.club-mode .owner-dashboard>aside{grid-column:span 4;min-width:0}body.club-mode .owner-dashboard .card{overflow:visible}body.club-mode main{width:100%;min-width:0}}