:root{
  --bg:#0b130e; --bg-2:#0e1812; --surface:#121e17; --card:#162619; --card-hi:#1b2e21;
  --line:rgba(255,255,255,0.08); --line-2:rgba(255,255,255,0.14);
  --pitch:#34d17a; --pitch-dim:rgba(52,209,122,0.14); --pitch-line:rgba(52,209,122,0.30);
  --amber:#ffb020; --amber-dim:rgba(255,176,32,0.14);
  --red:#ff5f57; --red-dim:rgba(255,95,87,0.14);
  --blue:#5aa9ff; --blue-dim:rgba(90,169,255,0.14);
  --yellow:#ffd23f;
  --text:#eaf2ed; --on-pitch:#08150d; --star:#ffb020; --muted:#8ba398; --muted-2:#5f7468; --radius:14px;
  --grid:rgba(255,255,255,1); --grid-op:0.05; --shadow:rgba(0,0,0,.45);
}
[data-theme="light"]{
  --bg:#eef2ee; --bg-2:#e3eae4; --surface:#ffffff; --card:#ffffff; --card-hi:#f4f8f4;
  --line:rgba(0,0,0,0.08); --line-2:rgba(0,0,0,0.16);
  --pitch:#1f9d57; --pitch-dim:rgba(31,157,87,0.12); --pitch-line:rgba(31,157,87,0.40);
  --amber:#c77d00; --amber-dim:rgba(199,125,0,0.12);
  --red:#d83a32; --red-dim:rgba(216,58,50,0.12);
  --blue:#2b74c9; --blue-dim:rgba(43,116,201,0.12);
  --yellow:#caa400;
  --text:#13201a; --on-pitch:#062012; --star:#a86400; --muted:#5d6f64; --muted-2:#8a988f;
  --grid:rgba(0,0,0,1); --grid-op:0.05; --shadow:rgba(0,0,0,.14);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;
  line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
body.locked{overflow:hidden}
::selection{background:var(--pitch);color:var(--on-pitch)}
a{color:inherit}

.pitch-bg{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6;
  background:radial-gradient(circle at 50% -10%, var(--pitch-dim), transparent 55%)}
.pitch-bg::after{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(128,128,128,var(--grid-op)) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(128,128,128,var(--grid-op)) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 90% 70% at 50% 0%, #000 0%, transparent 80%);opacity:.7}

button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
.hidden{display:none!important}

.crest{width:34px;height:34px;flex-shrink:0}
.brandname{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.35rem;
  letter-spacing:.02em;text-transform:uppercase;line-height:1}
.brandname b{color:var(--pitch)}
.code-chip{font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;
  color:var(--pitch);background:var(--pitch-dim);border:1px solid var(--pitch-line);
  padding:.28rem .55rem;border-radius:6px;white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:9px;
  font-weight:600;font-size:.92rem;padding:.7rem 1.1rem;text-decoration:none;
  transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--pitch);color:var(--on-pitch)}
.btn-primary:hover{box-shadow:0 8px 24px var(--pitch-dim)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--pitch);color:var(--pitch)}
.btn-sm{padding:.45rem .7rem;font-size:.8rem;border-radius:8px}

.theme-btn{width:36px;height:36px;border:1px solid var(--line-2);background:transparent;color:var(--text);
  border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;transition:.2s}
.theme-btn:hover{border-color:var(--pitch);color:var(--pitch)}

/* AUTH */
.auth-wrap{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}
.auth-card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--line);
  border-radius:20px;padding:2.4rem 2.1rem;box-shadow:0 40px 100px var(--shadow)}
.auth-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}
.auth-sub{color:var(--muted);font-size:.9rem;margin-bottom:1.8rem}
.tabs{display:flex;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:1.6rem}
.tab{flex:1;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:.88rem;padding:.6rem;border-radius:7px;transition:.2s}
.tab.active{background:var(--pitch);color:var(--on-pitch)}

.field{margin-bottom:1rem}
.field label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}
.field input,.field select,.field textarea{width:100%;background:var(--bg-2);border:1px solid var(--line-2);
  border-radius:9px;padding:.78rem .9rem;color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s,background .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pitch)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted-2)}
.field select{appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2334d17a' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .9rem center;background-size:10px;padding-right:2.3rem}
/* DROPDOWN FIX — variantlar o'qiladigan bo'lsin (rasmdagi xato) */
select option,select optgroup{background:var(--surface);color:var(--text)}
.form-err{color:var(--red);font-size:.82rem;margin-bottom:.9rem;min-height:1.1rem}
.auth-foot{margin-top:1.4rem;text-align:center;font-size:.78rem;color:var(--muted-2)}

.issued{text-align:center;padding:.5rem 0 .3rem}
.issued .lbl{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.issued .plate{font-family:'Space Mono',monospace;font-weight:700;font-size:2.6rem;letter-spacing:.06em;
  color:var(--pitch);margin:.5rem 0 .2rem;border:1.5px dashed var(--pitch-line);border-radius:12px;padding:.7rem;background:var(--pitch-dim)}
.issued p{color:var(--muted);font-size:.88rem;margin:.9rem 0 1.4rem}

.lang-mini{display:flex;justify-content:center;gap:.3rem;margin-top:1.3rem}
.lang-mini button{background:transparent;border:1px solid var(--line-2);color:var(--muted);
  font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.06em;padding:.28rem .55rem;border-radius:6px}
.lang-mini button.active{background:var(--pitch);color:var(--on-pitch);border-color:var(--pitch);font-weight:700}

/* APP SHELL */
.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}
header.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 1.5rem;background:var(--bg);border-bottom:1px solid var(--line)}
.bar-left{display:flex;align-items:center;gap:.75rem;min-width:0}
.bar-academy .nm{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.12rem;text-transform:uppercase;
  letter-spacing:.01em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw}
.bar-right{display:flex;align-items:center;gap:.5rem}
.lang-switch{display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}
.lang-switch button{background:transparent;border:none;color:var(--muted);font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.05em;padding:.4rem .55rem}
.lang-switch button.active{background:var(--pitch);color:var(--on-pitch);font-weight:700}

nav.tabsbar{display:flex;gap:.3rem;padding:.55rem 1.5rem;border-bottom:1px solid var(--line);
  background:var(--bg-2);position:sticky;top:58px;z-index:15;overflow-x:auto}
.navtab{border:none;background:transparent;color:var(--muted);font-weight:600;font-size:.9rem;padding:.5rem .9rem;border-radius:8px;white-space:nowrap;transition:.18s}
.navtab:hover{color:var(--text)}
.navtab.active{background:var(--pitch-dim);color:var(--pitch)}

main{flex:1;padding:1.8rem 1.5rem 4rem;max-width:1180px;margin:0 auto;width:100%}
.page-title{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.7rem;text-transform:uppercase;letter-spacing:.01em;margin-bottom:.2rem}
.page-sub{color:var(--muted);font-size:.9rem;margin-bottom:1.6rem}

/* DASHBOARD */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.8rem}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;position:relative;overflow:hidden;box-shadow:0 1px 2px var(--shadow)}
.stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pitch)}
.stat.amber::before{background:var(--amber)} .stat.blue::before{background:var(--blue)} .stat.red::before{background:var(--red)}
.stat .k{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.stat .v{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:2.5rem;line-height:1;margin-top:.5rem;letter-spacing:-.01em}
.stat .v small{font-size:1rem;color:var(--muted);font-weight:600}

.panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:0 1px 2px var(--shadow)}
.panel h3{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:1.1rem}
.breakrow{display:flex;align-items:center;gap:.8rem;margin-bottom:.85rem}
.breakrow .bl{width:140px;flex-shrink:0;font-size:.82rem;color:var(--muted)}
.breaktrack{flex:1;height:9px;background:var(--bg-2);border-radius:6px;overflow:hidden}
.breakfill{height:100%;background:var(--pitch);border-radius:6px;transition:width .6s ease}
.breakfill.amber{background:var(--amber)} .breakfill.blue{background:var(--blue)} .breakfill.red{background:var(--red)}
.breakrow .bv{width:34px;text-align:right;font-family:'Space Mono',monospace;font-size:.82rem;font-weight:700}
.panel-empty{color:var(--muted-2);font-size:.88rem;text-align:center;padding:1.5rem 0}

/* CLUB TOGGLE banner */
.club-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.4rem;margin-bottom:1.8rem;box-shadow:0 1px 2px var(--shadow)}
.club-banner .cb-info{font-size:.86rem;color:var(--muted)}
.club-banner .cb-info b{color:var(--text);font-family:'Saira Condensed',sans-serif;font-size:1.05rem;text-transform:uppercase}
.switch{position:relative;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer}
.switch input{display:none}
.switch .track{width:46px;height:26px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line-2);position:relative;transition:.2s}
.switch .track::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:.2s}
.switch input:checked + .track{background:var(--pitch-dim);border-color:var(--pitch-line)}
.switch input:checked + .track::after{transform:translateX(20px);background:var(--pitch)}
.switch .sl{font-size:.85rem;font-weight:600}

/* TOOLBAR */
.toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1.4rem}
.search{flex:1;min-width:180px;position:relative}
.search input{width:100%;background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:.7rem .9rem .7rem 2.4rem;color:var(--text);font-size:.92rem;outline:none}
.search input:focus{border-color:var(--pitch)}
.search svg{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}
.filter{background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:.7rem .8rem;color:var(--text);font-size:.86rem;outline:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%238ba398' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .7rem center;background-size:9px;padding-right:2rem}
.filter:focus{border-color:var(--pitch)}

/* ROSTER */
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;position:relative;
  transition:border-color .2s,transform .2s,background .2s;animation:rise .4s ease both;box-shadow:0 1px 2px var(--shadow)}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pcard:hover{border-color:var(--pitch-line);background:var(--card-hi)}
.pcard.clickable{cursor:pointer}
.pcard-top{display:flex;gap:1rem;align-items:flex-start}
.jersey{flex-shrink:0;width:62px;height:62px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line-2);
  display:flex;align-items:center;justify-content:center;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:2rem;color:var(--pitch);overflow:hidden}
.jersey img{width:100%;height:100%;object-fit:cover}
.forsale-tag{position:absolute;top:.8rem;right:.8rem;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--amber);background:var(--amber-dim);border:1px solid rgba(255,176,32,.4);padding:.18rem .42rem;border-radius:5px}
.pcard-id{min-width:0;flex:1}
.pcard-name{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.25rem;line-height:1.1;text-transform:uppercase}
.pcard-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.pill{font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:.22rem .48rem;border-radius:6px;border:1px solid var(--line-2);color:var(--muted)}
.pill.pos{color:var(--pitch);border-color:var(--pitch-line);background:var(--pitch-dim)}
.pill.pos2{color:var(--blue);border-color:rgba(90,169,255,.4);background:var(--blue-dim)}
.pill.grp{color:var(--text);border-color:var(--line-2)}
.pill.st-faol{color:var(--pitch);border-color:var(--pitch-line)}
.pill.st-jarohat{color:var(--red);border-color:rgba(255,95,87,.4)}
.pill.st-chetlatilgan{color:var(--amber);border-color:rgba(255,176,32,.4)}
.pill.st-tatil{color:var(--blue);border-color:rgba(90,169,255,.4)}
.pill.st-nofaol{color:var(--muted);border-color:var(--line-2)}
.pcard-phys{display:flex;gap:1.2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.phys{font-size:.78rem;color:var(--muted)}
.phys b{display:block;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.15rem;color:var(--text)}
.pcard-stats{display:flex;gap:.5rem;margin-top:.9rem}
.sbox{flex:1;text-align:center;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:.5rem .2rem}
.sbox .sv{font-family:'Space Mono',monospace;font-weight:700;font-size:1.05rem}
.sbox .sk{font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:.1rem}

/* QUICK EDIT */
.qedit{display:flex;gap:.4rem;margin-top:.9rem;flex-wrap:wrap}
.qbtn{flex:1;min-width:54px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;
  background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;padding:.4rem .3rem;font-size:.72rem;font-weight:700;color:var(--text);transition:.15s}
.qbtn:hover{border-color:var(--pitch-line);background:var(--pitch-dim)}
.qbtn .qc{font-family:'Space Mono',monospace;color:var(--muted)}
.qbtn.y:hover{border-color:rgba(255,210,63,.5);background:rgba(255,210,63,.12)}
.qbtn.r:hover{border-color:rgba(255,95,87,.5);background:var(--red-dim)}

.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.paybtn{border:1px solid;border-radius:8px;padding:.45rem .7rem;font-size:.76rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;background:transparent;transition:.18s}
.paybtn.paid{color:var(--pitch);border-color:var(--pitch-line);background:var(--pitch-dim)}
.paybtn.unpaid{color:var(--amber);border-color:rgba(255,176,32,.4);background:var(--amber-dim)}
.pcard-acts{display:flex;gap:.4rem}
.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;color:var(--muted);transition:.18s}
.icon-btn:hover{color:var(--pitch);border-color:var(--pitch-line)}
.icon-btn.del:hover{color:var(--red);border-color:rgba(255,95,87,.4)}
.icon-btn svg{width:15px;height:15px}

/* TRAININGS */
.tlist{display:flex;flex-direction:column;gap:.8rem}
.tcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;display:flex;align-items:center;gap:1.2rem;transition:border-color .2s,background .2s;animation:rise .35s ease both;box-shadow:0 1px 2px var(--shadow)}
.tcard:hover{border-color:var(--pitch-line);background:var(--card-hi)}
.tdate{flex-shrink:0;width:64px;text-align:center;background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;padding:.5rem .2rem}
.tdate .d{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.5rem;line-height:1;color:var(--pitch)}
.tdate .m{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:.2rem}
.tinfo{flex:1;min-width:0}
.tinfo .tt{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase}
.tinfo .ts{font-size:.8rem;color:var(--muted);margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.tatt{flex-shrink:0;text-align:right}
.tatt .ta-num{font-family:'Space Mono',monospace;font-weight:700;font-size:1rem}
.tatt .ta-lbl{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.tcard-acts{display:flex;gap:.4rem;flex-shrink:0}

/* ATTENDANCE */
.att-bar{display:flex;gap:.5rem;margin:.4rem 0 0;flex-wrap:wrap}
.att-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 0;max-height:50vh;overflow-y:auto}
.att-row{display:flex;align-items:center;gap:.8rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .9rem}
.att-row .an{flex:1;min-width:0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-row .anum{font-family:'Space Mono',monospace;color:var(--muted);font-size:.78rem;width:28px}
.toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;flex-shrink:0}
.toggle button{background:transparent;border:none;color:var(--muted);font-size:.76rem;font-weight:600;padding:.36rem .7rem}
.toggle button.on-present{background:var(--pitch);color:var(--on-pitch)}
.toggle button.on-absent{background:var(--red);color:#fff}

/* MARKET */
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 1px 2px var(--shadow);animation:rise .35s ease both}
.mcard-top{display:flex;gap:.9rem;align-items:center}
.mcard .av{width:54px;height:54px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--muted);flex-shrink:0}
.mcard .av img{width:100%;height:100%;object-fit:cover}
.mcard .mn{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase;line-height:1.1}
.mcard .mfrom{font-size:.72rem;color:var(--muted);margin-top:.2rem}
.mcard .mmeta{display:flex;gap:.4rem;margin-top:.7rem;flex-wrap:wrap}
.mcard .mprice{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.mcard .mprice .pv{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.2rem;color:var(--pitch)}
.mcard .mprice .pv small{font-size:.7rem;color:var(--muted);font-weight:600}

/* PROFILE modal */
.profile-head{display:flex;gap:1.1rem;align-items:center;margin-bottom:1.2rem}
.profile-av{width:84px;height:84px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--muted)}
.profile-av img{width:100%;height:100%;object-fit:cover}
.profile-name{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.6rem;text-transform:uppercase;line-height:1}
.profile-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.profile-rating{margin-left:auto;text-align:center;flex-shrink:0}
.profile-rating .rv{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:2rem;color:var(--amber);line-height:1}
.profile-rating .rl{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.chartwrap{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:1rem 0}
.chartwrap h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.8rem}
.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;font-size:.85rem}
.profile-info .pi{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem .7rem;background:var(--bg-2);border:1px solid var(--line);border-radius:8px}
.profile-info .pi .pk{color:var(--muted)} .profile-info .pi .pv{font-weight:600}

/* EMPTY */
.empty{text-align:center;padding:4rem 1.5rem;border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--bg-2)}
.empty .em-ic{font-size:2.6rem;margin-bottom:.8rem}
.empty h3{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;margin-bottom:.4rem}
.empty p{color:var(--muted);font-size:.9rem;max-width:380px;margin:0 auto 1.4rem}
.empty-acts{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}

/* MODAL */
.overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);
  display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem 2rem;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .25s}
[data-theme="light"] .overlay{background:rgba(60,70,60,.45)}
.overlay.open{opacity:1;pointer-events:auto}
.modal{width:100%;max-width:580px;background:var(--surface);border:1px solid var(--line-2);border-radius:18px;padding:1.8rem;box-shadow:0 40px 120px var(--shadow);transform:translateY(14px);transition:transform .25s}
.overlay.open .modal{transform:none}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;gap:1rem}
.modal-head h2{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.4rem;text-transform:uppercase}
.x-btn{width:34px;height:34px;border:1px solid var(--line-2);background:transparent;border-radius:50%;color:var(--text);font-size:1.2rem;line-height:1;transition:.18s;flex-shrink:0}
.x-btn:hover{border-color:var(--pitch);color:var(--pitch);transform:rotate(90deg)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.9rem}
.modal-foot{display:flex;gap:.7rem;margin-top:1.4rem}
.modal-foot .btn{flex:1}

/* PHOTO upload in form */
.photo-field{display:flex;gap:1rem;align-items:center}
.photo-prev{width:72px;height:72px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--muted);flex-shrink:0}
.photo-prev img{width:100%;height:100%;object-fit:cover}
.photo-actions{display:flex;flex-direction:column;gap:.4rem}

/* ADMIN */
.admin-badge{font-family:'Space Mono',monospace;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--amber);background:var(--amber-dim);border:1px solid rgba(255,176,32,.4);padding:.28rem .55rem;border-radius:6px;text-transform:uppercase}
.atable{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px var(--shadow)}
.atable th,.atable td{text-align:left;padding:.85rem 1rem;font-size:.86rem;border-bottom:1px solid var(--line)}
.atable th{font-family:'Space Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg-2)}
.atable tr:last-child td{border-bottom:none}
.atable td.mono{font-family:'Space Mono',monospace;color:var(--pitch)}
.badge-open{font-size:.66rem;font-weight:700;padding:.18rem .5rem;border-radius:5px;color:var(--pitch);background:var(--pitch-dim);border:1px solid var(--pitch-line)}
.badge-closed{font-size:.66rem;font-weight:700;padding:.18rem .5rem;border-radius:5px;color:var(--muted);background:var(--bg-2);border:1px solid var(--line-2)}

/* TOAST */
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);z-index:300;
  background:var(--pitch);color:var(--on-pitch);font-weight:600;font-size:.9rem;padding:.8rem 1.3rem;border-radius:10px;
  box-shadow:0 12px 40px var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.amber{background:var(--amber)} .toast.red{background:var(--red)}

/* REPORTS */
.rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.rank{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
.rank:last-child{border-bottom:none}
.rank .rn{width:24px;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.1rem;color:var(--pitch)}
.rank .rnm{flex:1;min-width:0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank .rv{font-family:'Space Mono',monospace;font-weight:700;font-size:.95rem}
.unpaid-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.unpaid-row:last-child{border-bottom:none}
.unpaid-row .un{font-size:.9rem}
.unpaid-row .ub{font-size:.7rem;color:var(--amber);border:1px solid rgba(255,176,32,.4);background:var(--amber-dim);padding:.2rem .5rem;border-radius:6px}

/* RESPONSIVE */
@media(max-width:860px){.stat-grid{grid-template-columns:1fr 1fr}.panels,.rep-grid{grid-template-columns:1fr}.profile-info{grid-template-columns:1fr}}
@media(max-width:560px){
  header.bar{padding:.75rem 1rem;gap:.5rem}
  .theme-btn{width:32px;height:32px}
  nav.tabsbar{padding:.5rem 1rem;top:56px}
  main{padding:1.4rem 1rem 4rem}
  .stat-grid{grid-template-columns:1fr 1fr;gap:.7rem}
  .stat{padding:1rem}.stat .v{font-size:2rem}
  .grid2,.grid3{grid-template-columns:1fr}
  .bar-academy .nm{font-size:.95rem;max-width:30vw}
  .code-chip{display:none}
  .auth-card{padding:2rem 1.4rem}
  .tcard{flex-wrap:wrap}
  .atable{font-size:.8rem;display:block;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============== TAKTIKA ============== */
.tac-controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end;margin-bottom:.7rem}
.tac-sel{display:flex;flex-direction:column;gap:.3rem}
.tac-sel label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.tac-name{flex:1;min-width:200px;background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:.7rem .9rem;color:var(--text);font-size:.92rem;outline:none}
.tac-name:focus{border-color:var(--pitch)}
.tac-hint{font-size:.78rem;color:var(--muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:.4rem}
.tac-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.2rem;align-items:start}

.pitch{position:relative;width:100%;max-width:520px;aspect-ratio:3/4;margin:0 auto;border-radius:14px;
  background:linear-gradient(170deg,#1f7a45 0%,#176237 50%,#1f7a45 100%);
  border:2px solid rgba(255,255,255,.25);overflow:hidden;touch-action:none;box-shadow:0 10px 40px var(--shadow)}
[data-theme="light"] .pitch{background:linear-gradient(170deg,#2f9d5a 0%,#27894c 50%,#2f9d5a 100%)}
.pitch-lines{position:absolute;inset:0;pointer-events:none}
.pitch-lines::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.35)}
.pitch-lines::after{content:'';position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.35);border-radius:50%}
.pitch::before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:46%;height:16%;border:2px solid rgba(255,255,255,.3);border-bottom:none;border-radius:6px 6px 0 0}
.pitch::after{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:46%;height:16%;border:2px solid rgba(255,255,255,.3);border-top:none;border-radius:0 0 6px 6px}

.token{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;
  cursor:grab;touch-action:none;user-select:none;z-index:2}
.token.dragging{cursor:grabbing;z-index:5}
.token .tk-dot{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.35);border:2px solid #fff;color:#fff;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.1rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.token.filled .tk-dot{background:var(--pitch);border-color:#fff}
.token .tk-dot img{width:100%;height:100%;object-fit:cover}
.token .tk-name{font-size:.62rem;font-weight:700;color:#fff;background:rgba(0,0,0,.45);padding:1px 6px;border-radius:5px;white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
.token .tk-name.muted{opacity:.7;font-weight:500}
.token.dragging .tk-dot{transform:scale(1.12)}

.tac-saved h3{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;margin-bottom:.8rem}
.saved-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;margin-bottom:.6rem}
.saved-row .sv-info{min-width:0}
.saved-row .sv-info b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-row .sv-info span{font-size:.72rem;color:var(--muted)}
.saved-row .sv-acts{display:flex;gap:.4rem;flex-shrink:0}

.pick-list{display:flex;flex-direction:column;gap:.4rem;max-height:56vh;overflow-y:auto}
.pick-row{display:flex;align-items:center;gap:.7rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem;text-align:left;color:var(--text);transition:.15s}
.pick-row:hover{border-color:var(--pitch-line);background:var(--pitch-dim)}
.pick-row.cur{border-color:var(--pitch);background:var(--pitch-dim)}
.pick-row[data-used="1"]{opacity:.55}
.pick-av{width:34px;height:34px;border-radius:8px;background:var(--card);border:1px solid var(--line-2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted);flex-shrink:0;font-family:'Space Mono',monospace}
.pick-av img{width:100%;height:100%;object-fit:cover}
.pick-nm{flex:1;min-width:0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-pos{font-size:.7rem;color:var(--muted);flex-shrink:0}

@media(max-width:860px){.tac-layout{grid-template-columns:1fr}}

/* ---- Guruh kun tanlagich (day-picker) ---- */
.daygrid{display:flex;flex-wrap:wrap;gap:.4rem}
.daychip{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .7rem;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:.85rem;color:var(--muted);user-select:none;transition:background .15s,color .15s,border-color .15s}
.daychip input{margin:0;width:14px;height:14px;accent-color:var(--pitch)}
.daychip.on{background:var(--pitch);border-color:var(--pitch);color:#06210f;font-weight:600}
.daychip span{line-height:1}

/* ---- Davomatda tezkor to'lov + guruh to'lov ko'rsatkichi ---- */
.paychip{border:1px solid;border-radius:8px;padding:.35rem .6rem;font-size:.72rem;font-weight:700;background:transparent;cursor:pointer;white-space:nowrap;transition:.18s}
.paychip.paid{color:var(--pitch);border-color:var(--pitch-line);background:var(--pitch-dim)}
.paychip.unpaid{color:var(--amber);border-color:rgba(255,176,32,.4);background:var(--amber-dim)}
.gpay{color:var(--pitch);font-size:.72rem;font-weight:600;margin-left:.3rem;white-space:nowrap}
@media(max-width:560px){.att-row{flex-wrap:wrap;gap:.5rem}.att-row .toggle,.att-row .paychip{margin-left:auto}}

/* ---- Moliya (hisob-kitob) ---- */
.fin-row{display:flex;align-items:center;gap:.7rem;padding:.6rem .2rem;border-bottom:1px solid var(--line)}
.fin-row:last-child{border-bottom:none}
.fin-main{flex:1;min-width:0}
.fin-title{display:block;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fin-meta{display:block;color:var(--muted);font-size:.72rem;margin-top:.1rem}
.fin-amt{font-family:'Space Mono',monospace;font-weight:700;font-size:.9rem;white-space:nowrap}
.fin-row.income .fin-amt{color:var(--pitch)}
.fin-row.expense .fin-amt{color:var(--amber)}
.fin-row.auto .fin-title::before{content:'⚽ '}

/* --- admin toolbar + view/delete (v2) --- */
.btn-danger{background:var(--red);color:#fff}
.btn-danger:hover{box-shadow:0 8px 24px var(--red-dim)}
.ac-link{color:var(--pitch);cursor:pointer;text-decoration:none;font-weight:600}
.ac-link:hover{text-decoration:underline}
.ac-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.admin-toolbar{display:flex;gap:.6rem;margin:.2rem 0 1rem;flex-wrap:wrap}
.admin-search{flex:1;min-width:180px;background:var(--card);border:1px solid var(--line-2);border-radius:9px;
  padding:.6rem .8rem;color:var(--text);font-size:.9rem;outline:none}
.admin-search:focus{border-color:var(--pitch)}
.admin-sort{background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:.6rem .7rem;
  color:var(--text);font-size:.9rem;outline:none;cursor:pointer}
.admin-sort:focus{border-color:var(--pitch)}
/* --- blocked screen --- */
.blocked-box{text-align:center;padding:.5rem 0}
.blocked-ic{font-size:2.6rem;margin-bottom:.6rem}
.blocked-title{font-size:1.25rem;font-weight:800;color:var(--red);margin-bottom:.6rem}
.blocked-msg{color:var(--muted);line-height:1.65;font-size:.92rem;margin-bottom:1.4rem}
.tg-btn{width:100%;justify-content:center;background:#0088cc;color:#fff;text-decoration:none}
.tg-btn:hover{box-shadow:0 8px 24px rgba(0,136,204,0.35)}
/* --- auth telegram line --- */
.auth-tg{text-align:center;color:var(--muted);font-size:.82rem;margin-top:1rem}
.auth-tg a{color:var(--pitch);text-decoration:none;font-weight:700}
.auth-tg a:hover{text-decoration:underline}

/* ===== BOZOR / O'YINLAR / AI MURABBIY ===== */
.mt-card{margin-bottom:16px}
.mt-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.mt-past-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 4px}
.empty-sm{color:var(--muted);font-size:14px;padding:10px 0}
.mk-link{margin-top:10px;font-size:13px;color:var(--muted);word-break:break-all}
.mk-link a{color:var(--pitch);text-decoration:none}
.mk-grid{gap:14px;margin:14px 0}
.ai-quick{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.ai-answer{margin-top:14px}
.ai-text{line-height:1.7;font-size:14px;white-space:normal}
.ai-warn{margin-top:12px;border-left:3px solid var(--warn,#ffb020)}
.ai-w{font-size:13px;color:var(--muted);padding:4px 0}
.score-chip{background:var(--pitch);color:var(--on-pitch);border-radius:20px;padding:2px 10px;font-weight:700;font-size:12px}
.pos-chip{background:var(--chip-bg,rgba(47,157,90,.15));color:var(--pitch);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700}

/* ===== SKAUT ===== */
.reg-type{display:flex;gap:8px;margin-bottom:10px}
.reg-type .rt{flex:1;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px;cursor:pointer;font-weight:700;font-size:14px}
.reg-type .rt.active{background:var(--pitch);color:var(--on-pitch);border-color:var(--pitch)}
.reg-type-hint{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.5}
.sc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.sc-tab{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:14px}
.sc-tab.active{background:var(--pitch);color:var(--on-pitch);border-color:var(--pitch)}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.sc-club{cursor:pointer;transition:border-color .15s,transform .15s}
.sc-club:hover{border-color:var(--pitch);transform:translateY(-2px)}
.sc-club b{font-size:16px;display:block;margin-bottom:3px}
.sc-meta{color:var(--muted);font-size:13px}
.sc-stat{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0}
.sc-stat div{font-size:12px;color:var(--muted)}
.sc-stat b{display:block;font-size:18px;color:var(--text)}
.sc-stat.big b{font-size:22px}
.sc-search{width:100%;max-width:340px;background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 14px;font-size:14px;margin-bottom:14px}
.sc-match{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sc-match:last-child{border-bottom:none}
.sc-venue{font-weight:700;min-width:140px}
.sc-vs{flex:1;font-size:14px}
.sc-vs b{color:var(--pitch)}
.sc-time{color:var(--muted);font-size:13px;white-space:nowrap}
.sc-pl{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid var(--line);border-radius:11px;margin-bottom:7px}
.sc-pl-i{flex:1;min-width:0;cursor:pointer}
.sc-pl-i b{display:block;font-size:14px}
.sc-pl-i span{color:var(--muted);font-size:12px}
.sc-ph{width:40px;height:40px;border-radius:50%;background:rgba(127,127,127,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.sc-ph.big{width:68px;height:68px;font-size:26px}
.sc-ph img{width:100%;height:100%;object-fit:cover}
.sc-phead{display:flex;gap:14px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.sc-badge{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;background:var(--pitch);color:var(--on-pitch)}
.sc-badge.sale{background:#ffb020;color:#111}
.star-btn{background:transparent;border:none;color:var(--muted);font-size:22px;cursor:pointer;line-height:1;padding:2px 4px}
.star-btn.on{color:var(--star)}
.score-chip.big{font-size:16px;padding:6px 14px}
.sc-mynote{margin-top:9px;padding:9px;background:rgba(127,127,127,.08);border-radius:9px;font-size:13px;line-height:1.5}
.sc-next{margin-top:9px;font-size:13px;color:var(--muted)}
.admin-tabs{display:flex;gap:8px;margin:16px 0}
.adm-tab{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:8px 16px;cursor:pointer;font-weight:600;font-size:14px}
.adm-tab.active{background:var(--pitch);color:var(--on-pitch);border-color:var(--pitch)}
@media(max-width:640px){.sc-match{gap:5px}.sc-venue{min-width:100%}}

/* ===== LOKATSIYA VA TO'LIQ PROFIL ===== */
.map-link{display:inline-block;margin-top:4px;font-size:12px;color:var(--pitch);text-decoration:none}
.map-link:hover{text-decoration:underline}
.sc-addr{font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
.sc-bio{margin:10px 0;padding:11px;background:var(--pitch-dim);border-radius:10px;font-size:13px;line-height:1.6;color:var(--text)}
.sc-sect{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}
.sc-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px;margin-top:10px}
.sc-rows>div{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;background:rgba(127,127,127,.07);border-radius:8px;font-size:13px}
.sc-rows span{color:var(--muted)}
.sale-row{margin:.4rem 0 .1rem;font-size:.72rem;color:var(--amber);background:var(--amber-dim);border-radius:8px;padding:4px 9px;display:inline-block}
.sale-row.hid{color:var(--muted);background:rgba(127,127,127,.12)}


/* ===== SUZUVCHI AI MURABBIY ===== */
.ai-fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;
  background:var(--pitch);color:var(--on-pitch);border:none;cursor:pointer;z-index:900;
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--shadow);
  transition:transform .15s,box-shadow .15s;touch-action:none}
.ai-fab svg{width:27px;height:27px}
.ai-fab:hover{transform:scale(1.06)}
.ai-fab.dragging{transform:scale(1.12);cursor:grabbing}
.ai-fab.hidden{display:none}

.ai-sheet-wrap{position:fixed;inset:0;z-index:950;background:rgba(0,0,0,.5);
  display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.ai-sheet-wrap.open{opacity:1}
.ai-sheet-wrap.hidden{display:none}
.ai-sheet{width:100%;max-width:640px;max-height:66vh;background:var(--surface);
  border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0;
  display:flex;flex-direction:column;transform:translateY(28px);transition:transform .24s;overflow:hidden}
.ai-sheet-wrap.open .ai-sheet{transform:translateY(0)}
.ai-sheet-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line);position:relative;flex-shrink:0}
.ai-grip{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:3px;background:var(--line-2)}
.ai-sheet-title{flex:1;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.05rem;margin-top:4px}
.ai-sheet-body{padding:14px 16px 18px;overflow-y:auto}

/* tezkor tugmalar */
.ai-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ai-chip{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line-2);
  color:var(--text);border-radius:999px;padding:.5rem .9rem;font-size:.82rem;font-weight:600;
  font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.ai-chip b{font-size:.95rem;font-weight:400;line-height:1}
.ai-chip:hover{border-color:var(--pitch);background:var(--pitch-dim)}
.ai-chip:active{transform:scale(.97)}

/* tanlash maydonlari — ilova uslubida */
.ai-filters{display:flex;gap:10px;margin-bottom:12px}
.ai-sel{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ai-sel>span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding-left:2px}
.ai-sel select{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;
  padding:.62rem .8rem;color:var(--text);font-size:.86rem;font-family:inherit;outline:none;cursor:pointer;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2334d17a' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .75rem center;background-size:9px;padding-right:2rem;
  transition:border-color .15s}
.ai-sel select:focus{border-color:var(--pitch)}
[data-theme="light"] .ai-sel select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%231f9d57' d='M6 8L0 0h12z'/%3E%3C/svg%3E")}

/* savol maydoni */
.ai-askbar{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line-2);
  border-radius:999px;padding:5px 5px 5px 16px;transition:border-color .15s;margin-bottom:14px}
.ai-askbar:focus-within{border-color:var(--pitch)}
.ai-askbar input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);
  font-size:.88rem;font-family:inherit;padding:.5rem 0}
.ai-askbar input::placeholder{color:var(--muted-2)}
.ai-send{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--pitch);color:var(--on-pitch);
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s}
.ai-send svg{width:17px;height:17px}
.ai-send:hover{transform:scale(1.07)}
.ai-send:active{transform:scale(.95)}

/* javob */
.ai-out{font-size:.85rem;line-height:1.7}
.ai-hint{color:var(--muted);font-size:.82rem;text-align:center;padding:18px 10px;line-height:1.6}
.ai-answer-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px}
.ai-wbox{margin-top:10px;background:var(--amber-dim);border-radius:14px;padding:11px 14px;font-size:.8rem;line-height:1.65}
.ai-wbox b{display:block;margin-bottom:5px;color:var(--amber)}
.ai-lu{margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px}
.ai-lu>b{display:block;margin-bottom:8px;font-size:.85rem}
.ai-lu-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.ai-lu-row:last-child{border-bottom:none}
.ai-lu-n{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--pitch-dim);color:var(--pitch);
  display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}
.ai-lu-name{flex:1;min-width:0;font-size:.83rem;display:flex;flex-direction:column;gap:2px;font-weight:600}
.ai-lu-name em{font-style:normal;font-size:.7rem;color:var(--pitch);font-weight:700}
.ai-lu-name i{font-style:normal;font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:640px){
  .ai-fab{width:52px;height:52px;right:14px;bottom:14px}
  .ai-sheet{max-height:74vh;border-radius:18px 18px 0 0}
  .ai-filters{flex-direction:column;gap:8px}
  .ai-chip{font-size:.78rem;padding:.45rem .8rem}
}

/* Sozlamalar */
.set-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px}
.set-card{padding:24px 28px}
.set-card h3{margin:0 0 18px;font-size:18px;font-weight:700}
.set-card .field{margin-bottom:14px}
.set-card input:disabled{opacity:.5;cursor:not-allowed}
.set-card .btn{margin-top:6px;width:100%}
@media(max-width:720px){.set-wrap{grid-template-columns:1fr}}

/* Xodimlar */
.staff-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.staff-row:last-child{border-bottom:none}
.staff-info b{font-size:15px}
.staff-info span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.staff-perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.perm-chip{font-size:11px;background:var(--pitch-dim);color:var(--pitch);border-radius:100px;padding:3px 10px}
.staff-acts{display:flex;gap:8px;flex-shrink:0}
.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.perm-opt{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:6px 8px;border-radius:8px;border:1px solid var(--line-2)}
.perm-opt input{accent-color:var(--pitch)}
.perm-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;border-radius:12px;
  border:1.5px solid var(--line-2);background:var(--bg-2);color:var(--muted);font-size:14px;font-weight:600;
  font-family:inherit;cursor:pointer;transition:all .15s;text-align:center}
.perm-toggle:hover{border-color:var(--pitch);color:var(--text)}
.perm-toggle.on{background:var(--pitch);color:var(--on-pitch);border-color:var(--pitch)}
.perm-toggle.on::before{content:'✓ '}

/* Xodim kirishi (Klub ID) */
.staff-entry{width:100%;margin-top:10px}
.staff-steps{display:flex;gap:8px;margin-bottom:16px}
.staff-steps span{flex:1;text-align:center;font-size:12px;padding:7px 6px;border-radius:8px;border:1px solid var(--line-2);color:var(--muted)}
.staff-steps span.on{border-color:var(--pitch);color:var(--pitch);background:var(--pitch-dim)}
.club-found{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--pitch);background:var(--pitch-dim);margin-bottom:14px}
.club-found>span{width:28px;height:28px;border-radius:50%;background:var(--pitch);color:var(--on-pitch);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.club-found div{flex:1;min-width:0}.club-found b{display:block}.club-found small{color:var(--muted);font-size:12px;letter-spacing:1px}
.link-btn{background:none;border:none;color:var(--pitch);cursor:pointer;font:inherit;font-size:13px;padding:4px}
.back-login{display:block;margin:12px auto 0}
.club-id-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px dashed var(--pitch);background:var(--pitch-dim);margin-bottom:8px}
.club-id-box small{display:block;color:var(--muted);font-size:12px}
.club-id-box b{font-size:22px;letter-spacing:2px;color:var(--pitch)}
.club-id-hint{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.5}
.staff-cnt{display:inline-block;padding:2px 9px;border-radius:100px;font-size:12px;color:var(--muted);border:1px solid var(--line-2)}
.staff-cnt.on{color:var(--pitch);border-color:var(--pitch);background:var(--pitch-dim)}
/* Klub ID qutisi va xodim qo'shish tugmasi — umumiy width:100% ta'sir qilmasin */
.set-card .club-id-box .btn,.set-card #staffAdd{width:auto;margin-top:0;flex-shrink:0;white-space:nowrap}
.club-id-box b{white-space:nowrap}
/* Xodim tahrirlash: faol switch, o'chirish, bloklangan belgi */
.stf-active{display:flex;align-items:center;gap:10px;margin:6px 0 4px;cursor:pointer;font-size:14px}
.stf-active input{display:none}
.stf-active .sw{width:40px;height:22px;border-radius:100px;background:var(--line-2);position:relative;transition:.2s;flex-shrink:0}
.stf-active .sw::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}
.stf-active input:checked+.sw{background:var(--pitch)}
.stf-active input:checked+.sw::after{left:21px}
.stf-active small{margin-left:auto;color:var(--muted);font-size:12px}
.stf-del{width:100%;margin-top:10px;background:transparent;border:1px solid var(--red);color:var(--red)}
.stf-del:hover{background:var(--red);color:#fff}
.stf-off{font-size:11px;font-weight:600;color:var(--red);border:1px solid var(--red);border-radius:100px;padding:1px 8px;margin-left:6px;vertical-align:middle}
/* Parolni tiklash */
.forgot-link{display:block;margin:10px auto 0}
.auth-mini-title{font-weight:700;font-size:1.05rem;margin-bottom:6px}
.auth-hint{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 12px}
.auth-info{font-size:13px;line-height:1.55;padding:12px 14px;border-radius:12px;border:1px solid var(--pitch);background:var(--pitch-dim);margin-bottom:12px}
.auth-info a{color:var(--pitch);font-weight:600}
.form-err.ok{color:var(--pitch)}
.tmp-pass{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:12px;border:1px dashed var(--pitch);background:var(--pitch-dim);margin:12px 0}
.tmp-pass code{font-size:22px;letter-spacing:2px;color:var(--pitch);font-weight:700;word-break:break-all}
.club-id-hint code{background:var(--bg-2);padding:1px 6px;border-radius:6px;font-size:12px}
/* Email tasdiqlash */
.code-input{font-size:28px!important;letter-spacing:12px;text-align:center;font-weight:700}
.auth-info.warn{border-color:var(--amber,#f5b942);background:rgba(245,185,66,.1)}
.unver{color:var(--amber,#f5b942);cursor:help}
.link-btn:disabled{color:var(--muted);cursor:default}