/* Nazar AI — kabinet uslublari. Bitta fayl, tashqi bog'liqliksiz. Ranglar tizimi: barcha ranglar tokenlarda. Uch holat: `auto` (tizim sozlamasi), `light`, `dark`. Foydalanuvchi tanlovi atributiga yoziladi (theme.js), tanlanmagan bo'lsa tizim sozlamasi amal qiladi. */ :root{ color-scheme:light; --bg:#f4f6fb; --panel:#ffffff; --panel-2:#fbfcfe; --line:#e3e8f0; --ink:#16213a; --ink-2:#5a6b8c; --ink-3:#8a99b5; --brand:#1b3a6b; --brand-2:#2b5ea8; --accent:#0e7c66; --warn:#b7791f; --danger:#c0392b; --ok:#12805c; --shadow:0 1px 2px rgba(16,32,64,.06),0 8px 24px rgba(16,32,64,.06); --login-bg:linear-gradient(160deg,#16305a,#0f1e38); --gray-bg:#eef1f6; --gray-fg:#5a6b8c; --gray-bd:#e0e5ee; --blue-bg:#e7f0fd; --blue-fg:#1f4d8f; --blue-bd:#cfe0f8; --green-bg:#e3f5ee; --green-fg:#10704f; --green-bd:#c8ebdd; --amber-bg:#fdf1dc; --amber-fg:#8a5d10; --amber-bd:#f6e2bd; --red-bg:#fdeceb; --red-fg:#a3271c; --red-bd:#f7d5d1; --exec-brand:#0e5f52; --exec-brand-2:#0f8a72; --r:10px; --r-sm:7px; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ color-scheme:dark; --bg:#0e1420; --panel:#151d2c; --panel-2:#1a2434; --line:#26324a; --ink:#e8edf7; --ink-2:#a7b4cc; --ink-3:#7c8aa6; --brand:#152540; --brand-2:#5b8fd6; --accent:#3fbf9f; --warn:#e0a53d; --danger:#e8695a; --ok:#3fbf9f; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35); --login-bg:linear-gradient(160deg,#101a2c,#0a1120); --gray-bg:#232e42; --gray-fg:#a7b4cc; --gray-bd:#2c3950; --blue-bg:#1a2c48; --blue-fg:#8ab6f0; --blue-bd:#26405f; --green-bg:#153428; --green-fg:#5fd3b0; --green-bd:#1e4a38; --amber-bg:#3a2c12; --amber-fg:#e6b959; --amber-bd:#4d3b18; --red-bg:#3b1e1b; --red-fg:#f09287; --red-bd:#502926; --exec-brand:#0d3b34; --exec-brand-2:#3fbf9f; } } :root[data-theme="dark"]{ color-scheme:dark; --bg:#0e1420; --panel:#151d2c; --panel-2:#1a2434; --line:#26324a; --ink:#e8edf7; --ink-2:#a7b4cc; --ink-3:#7c8aa6; --brand:#152540; --brand-2:#5b8fd6; --accent:#3fbf9f; --warn:#e0a53d; --danger:#e8695a; --ok:#3fbf9f; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35); --login-bg:linear-gradient(160deg,#101a2c,#0a1120); --gray-bg:#232e42; --gray-fg:#a7b4cc; --gray-bd:#2c3950; --blue-bg:#1a2c48; --blue-fg:#8ab6f0; --blue-bd:#26405f; --green-bg:#153428; --green-fg:#5fd3b0; --green-bd:#1e4a38; --amber-bg:#3a2c12; --amber-fg:#e6b959; --amber-bd:#4d3b18; --red-bg:#3b1e1b; --red-fg:#f09287; --red-bd:#502926; --exec-brand:#0d3b34; --exec-brand-2:#3fbf9f; } *{box-sizing:border-box} html,body{margin:0;padding:0} body{background:var(--bg);color:var(--ink); font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased} a{color:var(--brand-2);text-decoration:none} a:hover{text-decoration:underline} h1,h2,h3,h4{margin:0 0 .6rem;line-height:1.25;font-weight:650} h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:1rem} p{margin:0 0 .7rem} small,.muted{color:var(--ink-2)} .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em} /* ---------- karkas ---------- */ .layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh} .sidebar{background:var(--brand);color:#e9f0fb;padding:14px 10px;position:sticky;top:0; height:100vh;overflow-y:auto} .brand{display:flex;gap:9px;align-items:center;padding:6px 8px 14px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:10px} .brand b{font-size:1.02rem;letter-spacing:.2px;color:#fff} .brand span{display:block;font-size:.7rem;color:#b9cbe6;line-height:1.3} .logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4f8ee0,#2b5ea8); display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;flex:none} .nav a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-sm); color:#cfdcf0;font-size:.875rem;margin-bottom:1px} .nav a:hover{background:rgba(255,255,255,.09);text-decoration:none;color:#fff} .nav a.active{background:rgba(255,255,255,.16);color:#fff;font-weight:600} .nav .group{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:#8fa9cc; padding:12px 10px 5px;font-weight:700} .nav .ico{width:16px;text-align:center;opacity:.9;flex:none} .main{display:flex;flex-direction:column;min-width:0} .topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--panel); border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20} .topbar .spacer{flex:1} .content{padding:20px;max-width:1500px;width:100%} .page-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap} .page-head .spacer{flex:1} /* ---------- komponentlar ---------- */ .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r); box-shadow:var(--shadow);margin-bottom:16px} .card>.hd{padding:11px 15px;border-bottom:1px solid var(--line);display:flex; align-items:center;gap:10px;font-weight:650} .card>.hd .spacer{flex:1} .card>.bd{padding:15px} .card>.bd.tight{padding:0} .grid{display:grid;gap:14px} .g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.layout{grid-template-columns:1fr} .sidebar{position:static;height:auto} .g2,.g3,.g4{grid-template-columns:1fr}} .kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px; box-shadow:var(--shadow)} .kpi .lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600} .kpi .val{font-size:1.5rem;font-weight:680;margin-top:3px;letter-spacing:-.02em} .kpi .sub{font-size:.76rem;color:var(--ink-2);margin-top:2px} .kpi.ok .val{color:var(--ok)}.kpi.warn .val{color:var(--warn)}.kpi.bad .val{color:var(--danger)} table{width:100%;border-collapse:collapse;font-size:.86rem} th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top} th{background:var(--panel-2);font-weight:640;color:var(--ink-2);font-size:.75rem; text-transform:uppercase;letter-spacing:.05em;white-space:nowrap} tbody tr:hover{background:var(--panel-2)} td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} .table-wrap{overflow-x:auto} tfoot td{font-weight:680;background:var(--panel-2)} .badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:640; border:1px solid transparent;white-space:nowrap} .b-gray{background:var(--gray-bg);color:var(--gray-fg);border-color:var(--gray-bd)} .b-blue{background:var(--blue-bg);color:var(--blue-fg);border-color:var(--blue-bd)} .b-green{background:var(--green-bg);color:var(--green-fg);border-color:var(--green-bd)} .b-amber{background:var(--amber-bg);color:var(--amber-fg);border-color:var(--amber-bd)} .b-red{background:var(--red-bg);color:var(--red-fg);border-color:var(--red-bd)} .btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-sm); border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:.85rem; font-weight:600;cursor:pointer;text-decoration:none;line-height:1.3} .btn:hover{background:var(--panel-2);text-decoration:none} .btn.primary{background:var(--brand-2);border-color:var(--brand-2);color:#fff} .btn.primary:hover{filter:brightness(1.07)} .btn.ok{background:var(--ok);border-color:var(--ok);color:#fff} .btn.danger{background:var(--danger);border-color:var(--danger);color:#fff} .btn.sm{padding:4px 9px;font-size:.78rem} .btn.danger{background:transparent;border-color:var(--red-bd);color:var(--red-fg)} .btn.danger:hover{background:var(--red-bg)} summary.btn{display:inline-block;list-style:none;cursor:pointer} summary.btn::-webkit-details-marker{display:none} details[open] > summary.btn.danger{background:var(--red-bg)} .confirm-box{margin-top:8px;padding:10px;border:1px solid var(--red-bd); border-radius:var(--r-sm);background:var(--red-bg);min-width:210px; display:flex;flex-direction:column;gap:6px} .confirm-box input{padding:5px 8px;border:1px solid var(--line); border-radius:var(--r-sm);background:var(--panel);color:var(--ink);font-size:.8rem} .btn[disabled]{opacity:.5;pointer-events:none} .btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center} label{display:block;font-size:.76rem;font-weight:640;color:var(--ink-2);margin-bottom:3px} label .req{color:var(--danger)} input,select,textarea{width:100%;padding:7px 10px;border:1px solid var(--line); border-radius:var(--r-sm);background:var(--panel);color:var(--ink);font:inherit;font-size:.86rem} input:focus,select:focus,textarea:focus{outline:2px solid rgba(43,94,168,.35);outline-offset:-1px;border-color:var(--brand-2)} input[type=checkbox]{width:auto;margin-right:6px} textarea{min-height:74px;resize:vertical} .field{margin-bottom:12px} .hint{font-size:.73rem;color:var(--ink-3);margin-top:3px} .check{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--ink); margin-bottom:6px;cursor:pointer} fieldset{border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;margin:0 0 14px} legend{font-size:.78rem;font-weight:700;color:var(--brand-2);padding:0 6px;text-transform:uppercase;letter-spacing:.05em} .alert{padding:10px 14px;border-radius:var(--r-sm);margin-bottom:14px;font-size:.86rem;border:1px solid} .alert.info{background:var(--blue-bg);border-color:var(--blue-bd);color:var(--blue-fg)} .alert.ok{background:var(--green-bg);border-color:var(--green-bd);color:var(--green-fg)} .alert.warn{background:var(--amber-bg);border-color:var(--amber-bd);color:var(--amber-fg)} .alert.err{background:var(--red-bg);border-color:var(--red-bd);color:var(--red-fg)} .dl{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:5px 14px;font-size:.86rem} .dl dt{color:var(--ink-2);font-weight:600} .dl dd{margin:0} .bar{height:7px;background:var(--line);border-radius:5px;overflow:hidden} .bar>i{display:block;height:100%;background:var(--brand-2);border-radius:5px} .bar>i.warn{background:var(--warn)}.bar>i.bad{background:var(--danger)} .tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto} .tabs a{padding:8px 13px;font-size:.85rem;font-weight:600;color:var(--ink-2); border-bottom:2px solid transparent;white-space:nowrap} .tabs a:hover{color:var(--ink);text-decoration:none} .tabs a.active{color:var(--brand-2);border-bottom-color:var(--brand-2)} .steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px} .steps .s{flex:1;min-width:130px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--r-sm); background:var(--panel);font-size:.78rem;font-weight:640;color:var(--ink-2)} .steps .s.active{border-color:var(--brand-2);color:var(--brand-2);background:var(--panel-2)} .filters{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px} .filters .field{margin:0;min-width:150px} #map{height:330px;border-radius:var(--r-sm);border:1px solid var(--line);z-index:1} .repeat-row{display:grid;gap:8px;padding:10px;border:1px dashed var(--line); border-radius:var(--r-sm);margin-bottom:9px;background:var(--panel-2)} .repeat-row .rm{justify-self:end} .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px} .thumb{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--panel-2)} .thumb img{width:100%;height:95px;object-fit:cover;display:block} .thumb .cap{padding:5px 7px;font-size:.72rem;color:var(--ink-2)} .login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px; background:var(--login-bg)} .login-card{width:100%;max-width:390px;background:var(--panel);border-radius:14px; padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.3)} .login-card .brand{border:0;justify-content:center;margin-bottom:18px;padding-bottom:0} .langbar{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden} .langbar a{padding:4px 9px;font-size:.75rem;font-weight:700;color:var(--ink-2);background:var(--panel)} .langbar a.active{background:var(--brand-2);color:#fff} .langbar a:hover{text-decoration:none} .timeline{list-style:none;margin:0;padding:0} .timeline li{padding:0 0 12px 18px;border-left:2px solid var(--line);position:relative} .timeline li:before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px; border-radius:50%;background:var(--brand-2)} .timeline li:last-child{border-left-color:transparent} .timeline .when{font-size:.73rem;color:var(--ink-3)} .print-only{display:none} @media print{ .sidebar,.topbar,.no-print{display:none!important} .layout{grid-template-columns:1fr} .content{padding:0;max-width:none} .card{box-shadow:none;border:0;margin:0} .print-only{display:block} body{background:#fff;font-size:11pt;color:#000} table{font-size:10pt} th{background:#f0f0f0!important;color:#000!important} @page{margin:15mm} } .doc{max-width:800px;margin:0 auto;background:var(--panel);padding:28px 34px; border:1px solid var(--line);border-radius:var(--r)} .doc h2{text-align:center;text-transform:uppercase;font-size:1.02rem;letter-spacing:.03em} .doc .fill{border-bottom:1px solid var(--ink-3);display:inline-block;min-width:170px} .doc .sign{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px;font-size:.86rem} /* ---------- ijrochi paneli: alohida vizual identifikatsiya ---------- */ body.exec{--brand:var(--exec-brand);--brand-2:var(--exec-brand-2)} body.exec .logo{background:linear-gradient(135deg,#19a688,#0e5f52)} body.exec .sidebar{background:var(--brand)} body.exec .nav a{color:#cfe8e1} body.exec .nav .group{color:#8fc4b6} .countdown{font-variant-numeric:tabular-nums;font-weight:640} .countdown.warn{color:var(--warn)} .countdown.bad{color:var(--danger)} .stat-row{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:var(--ink-2)} .stat-row b{color:var(--ink)} .spark{display:flex;align-items:flex-end;gap:3px;height:46px} .spark i{flex:1;background:var(--brand-2);border-radius:2px 2px 0 0;min-height:2px;display:block} .spark i.dim{background:var(--line)} /* ---------- yorug'/qorong'i rejim tugmasi ---------- */ .themebar{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r-sm); overflow:hidden;background:var(--panel)} .themebar button{padding:4px 9px;font-size:.82rem;line-height:1.25;border:0;cursor:pointer; background:var(--panel);color:var(--ink-2);font-family:inherit} .themebar button[aria-pressed="true"]{background:var(--brand-2);color:#fff} .themebar button:hover{color:var(--ink)}