@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;color:#13233d;background:#f5f7fa;font-size:14px;line-height:1.45;--navy:#071d38;--navy2:#0b2b4c;--green:#07856f;--border:#dce4ec;--muted:#66768a;--danger:#d9363e;--warning:#db8619;--shadow:0 8px 26px rgba(15,35,60,.055)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#f5f7fa}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:68px minmax(0,1fr);min-height:100vh}.shell>header{grid-column:1/3;background:#fff;color:#13233d;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:22px;z-index:5}.brand{font-size:20px;min-width:196px;color:#10213b;font-weight:800}.brand:first-letter{color:var(--green)}.brand b{margin-left:7px}.brand small{font-size:9px;color:var(--green);display:block;margin-left:27px;letter-spacing:.13em;font-weight:800}.top-spacer{flex:1}.shell header label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600}.shell header select{background:#f8fafc;color:#23334c;border:1px solid var(--border);padding:9px 34px 9px 12px;border-radius:8px;min-width:210px}.user{margin-left:auto;font-size:10px;color:var(--muted);text-align:right;padding-left:18px;border-left:1px solid var(--border)}.user b{color:#16304f;font-size:11px}.shell header>button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;color:#475569}.shell>aside{background:linear-gradient(180deg,var(--navy),#06172c);padding:18px 12px;display:flex;flex-direction:column;gap:5px;overflow:auto}.shell>aside:before{content:"РАБОТЕН ПРОСТОР";font-size:9px;letter-spacing:.12em;color:#6684a5;padding:5px 12px 9px}.shell>aside button{min-height:43px;background:transparent;border:0;color:#c9d6e5;text-align:left;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:600;transition:.16s ease}.shell>aside button:hover{background:#ffffff14;color:#fff}.shell>aside button.active{background:var(--green);color:#fff;box-shadow:0 8px 18px #00705d40}.shell>main{padding:22px;min-width:0;overflow:auto}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.title small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.title h1{margin:4px 0 0;font-size:25px;line-height:1.2}.title>button,.title>div>button,.toolbar button{padding:9px 13px;border:1px solid var(--border);background:#fff;border-radius:8px;margin-left:6px;color:#334155;font-weight:600}.title .primary,.primary{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpis article,.panel{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow)}.kpis article{position:relative;padding:17px 18px;overflow:hidden}.kpis article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#8bb7d9}.kpis article:nth-child(2):before{background:var(--green)}.kpis article:nth-child(3):before{background:#3b82f6}.kpis article.warn:before{background:var(--warning)}.kpis small,.kpis span{display:block;color:var(--muted);font-size:10px}.kpis b{display:block;font-size:27px;margin:7px 0;color:#14233d}.kpis span{color:#07856f}.kpis .warn span{color:var(--warning)}.grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}.panel{padding:16px}.panel h3{margin:0 0 13px;font-size:14px;color:#18324f}.panel table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.panel th{position:sticky;top:0;background:#f7f9fc;text-align:left;color:#5c6e83;padding:10px;border-bottom:1px solid var(--border);font-size:9px;text-transform:uppercase;letter-spacing:.045em}.panel td{padding:11px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}.panel tbody tr:hover td{background:#fbfcfd}.panel td small{display:block;color:#8492a4;font-size:9px;margin-top:3px}.panel button{margin:2px;padding:7px 10px;border:1px solid var(--border);background:#fff;border-radius:7px;color:#334155;font-weight:600}.panel button:hover:not(:disabled){border-color:#a9bacb;background:#f8fafc}.red{color:var(--danger)!important;font-weight:700}.orange{color:var(--warning)!important;font-weight:700}.pill{display:inline-flex;background:#e5f7ef;color:#08765f;padding:4px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:700}.toolbar{display:flex;align-items:flex-end;gap:9px;margin-bottom:14px;flex-wrap:wrap}.toolbar label{display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:4px;font-weight:600}.toolbar input,.toolbar select,.panel input,.panel select,.panel textarea,.title input,.title select{border:1px solid var(--border);background:#fff;padding:9px 10px;border-radius:8px;color:#1e293b}.toolbar>input{min-width:280px}.alert{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:12px 3px;border-bottom:1px solid #edf1f5}.alert span b,.alert span small{display:block;font-size:11px}.alert span small{color:#7a8da1;font-size:9px}.error-panel{display:flex;justify-content:space-between;margin-bottom:14px;background:#fff3f3;border-color:#fecaca}.error-panel button{border:0;background:transparent}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 80% 10%,#d8f4eb 0,transparent 28%),linear-gradient(135deg,#f8fbfd,#eef4f7)}.auth-card{padding:38px!important;border-radius:16px!important;box-shadow:0 24px 70px #0a233c21!important}.auth-card:before{content:"+";display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e4f6f0;color:var(--green);font-size:26px;font-weight:800;margin-bottom:20px}.auth-card h1{margin:0;font-size:27px}.auth-card>p{color:var(--muted)}.auth-card>label{display:block;margin:16px 0;font-size:11px;font-weight:650;color:#4b5e73}.auth-card>label input{display:block;width:100%;margin-top:5px;padding:11px}.auth-card>button{width:100%;margin:6px 0;padding:11px}.registration-card{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.registration-card:before,.registration-card h1,.registration-card>p,.registration-card>.red,.registration-card>button{grid-column:1/3}.registration-card label{margin:8px 0}.users-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px}.user-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.user-row span,.scope-row span{display:flex;flex-direction:column}.user-row small,.scope-row small{color:#71859a;margin-top:3px}.user-row.selected{border-color:var(--green);background:#ecf8f4}.scope-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:9px 0}.scope-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;margin-top:14px}.scope-form select{min-width:0}.modal-layer{position:fixed;inset:0;background:#05142580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:20}.supplier-modal{width:min(480px,94vw);display:grid;gap:10px;max-height:90vh;overflow:auto}.supplier-modal>label{display:flex;flex-direction:column;font-size:11px;gap:4px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:10px}.modal-head h3{margin:0}.product-picks{display:flex;gap:7px;overflow:auto;margin:9px 0}.product-picks button{white-space:nowrap}.product-picks small{display:block}.status-pill{padding:4px 8px;border-radius:999px;background:#e8eef4}@media(max-width:1050px){.shell{grid-template-columns:78px minmax(0,1fr)}.brand{min-width:auto}.shell>aside:before{display:none}.shell>aside button{font-size:0;text-align:center}.shell>aside button:after{content:"•";font-size:22px}.kpis{grid-template-columns:1fr 1fr}.grid2,.users-grid{grid-template-columns:1fr}.scope-form{grid-template-columns:1fr 1fr}.shell header label{display:none}}@media(max-width:700px){.shell{display:block}.shell>header{min-height:64px;padding:10px 12px;flex-wrap:wrap}.brand{width:100%}.shell>aside{position:sticky;top:0;z-index:10;flex-direction:row;padding:8px;overflow-x:auto}.shell>aside button{font-size:10px;min-width:max-content}.shell>aside button:after{display:none}.shell>main{padding:12px}.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.registration-card{display:block}.panel{overflow:auto}.panel table{min-width:620px}.toolbar>input{min-width:100%;width:100%}.scope-form{grid-template-columns:1fr}.title{align-items:flex-start}.title h1{font-size:21px}}.toolbar label input,.toolbar label select,.panel input,.panel select{border:1px solid var(--border);padding:9px 10px;border-radius:8px}.panel button.primary,.primary{background:var(--green);color:#fff;border-color:var(--green)}.panel table input{width:110px}.owner-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.owner-form>label{display:flex;flex-direction:column;font-size:11px;gap:4px}.owner-form>button{align-self:end}.registration-card.owner-form{grid-template-columns:1fr 1fr}.registration-card.owner-form:before,.registration-card.owner-form h1,.registration-card.owner-form>p,.registration-card.owner-form>.red,.registration-card.owner-form>button{grid-column:1/3}.supplier-modal{width:min(480px,94vw)}@media(max-width:800px){.owner-form,.registration-card.owner-form{grid-template-columns:1fr}.registration-card.owner-form:before,.registration-card.owner-form h1,.registration-card.owner-form>p,.registration-card.owner-form>.red,.registration-card.owner-form>button{grid-column:1}}