:root{--paper:#edf4f5;--navy:#163850;--navy-2:#24536c;--ink:#172e3d;--muted:#5f7581;--line:#d9e5e8;--shadow:0 8px 32px #26475809;font-family:Montserrat,Arial,sans-serif;background:#edf4f5}
body{background:radial-gradient(ellipse at 8% 0%,#d9eee9 0,transparent 45%),radial-gradient(ellipse at 98% 25%,#e4e9fa 0,transparent 45%),#f2f6f7;background-attachment:fixed;font-size:14px;line-height:1.55;color:var(--ink)}
.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:#fff;padding:12px}.skip-link:focus{top:12px}
.app-shell{grid-template-columns:242px minmax(0,1fr)}.sidebar{background:#ffffffa8;border-right:1px solid #ffffffef;color:var(--ink);backdrop-filter:blur(24px);padding:26px 17px 18px;overflow-y:auto}.brand{padding:0 10px 24px}.brand img{filter:none;width:170px;height:42px}.workspace{border-color:#dce7eb;margin-bottom:17px;padding:13px 0}.workspace>span{background:#d3e8e3;color:#285147}.workspace small{color:#728892;font-size:9px;letter-spacing:.07em}.sidebar nav{gap:5px}.sidebar nav a{grid-template-columns:23px 1fr;color:#5a7180;font-size:12px;min-height:46px;padding:11px 13px;gap:12px}.sidebar nav a:hover{background:#ffffffb5;color:#163850}.sidebar nav a.active{background:#fff;color:#174e4e;box-shadow:0 3px 16px #49657810;font-weight:700}.sidebar nav a.active .icon{color:#2a897c}.user-card{border-color:#dde8eb;margin-top:22px;padding:16px 3px 10px}.user-card small{color:#667f8c}.logout-form .button{border-color:#d8e4e6;color:#56717e;font-size:12px}
.topbar{height:78px;background:#f8fbfc94;backdrop-filter:blur(18px);border-color:#ffffffbd;padding:0 34px;gap:15px}.topbar>div small{font-size:9px;color:#719197;letter-spacing:.12em}.topbar>div strong{font-size:15px}.topbar-actions{display:flex;gap:18px;align-items:center;margin-left:auto}.today-label{font-size:12px;color:var(--muted)}.quick-add{display:flex;align-items:center;gap:7px;background:#fff;border-color:#dbe6e8;padding:10px 14px;font-size:12px}.quick-add .icon{width:17px;height:17px}.content{padding:30px 34px 44px;max-width:1680px}.page-head{margin-bottom:24px;align-items:center}.page-head h1{font-size:32px;letter-spacing:-.04em;line-height:1.2}.page-head p{font-size:13px}.eyebrow{color:#397f77;font-size:10px;letter-spacing:.12em}
.panel,.metric-card,.metric-strip{background:#ffffffab;border:1px solid #ffffffee;backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:18px}.card-pad,.form-section{padding:24px}.panel-head{gap:12px;flex-wrap:wrap}.panel-head h2{font-size:19px}.metric-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:21px;min-height:138px}.metric-card strong{font-size:27px;margin:16px 0 8px}.metric-card span{font-size:10px;color:#546c79}.metric-card small{font-size:11px}.metric-card.accent{background:#ddf0e6b3}.metric-card.dark{background:#183d4de8;border-color:#285269;color:#fff}.metric-card.dark span,.metric-card.dark small{color:#bfd9e0}.metric-card.warning{background:#fff0d7b8}.metric-icon{float:right;color:#7eaaa4}.metric-icon .icon{width:23px;height:23px}.metric-card.dark .metric-icon{color:#a1cbd0}
.button{border-radius:11px;min-height:43px;padding:10px 15px;font-size:12px;letter-spacing:0}.button.primary{background:#1d665e;box-shadow:0 4px 10px #1d665e16}.button.secondary{background:#ffffffcd;border-color:#d6e3e4}.button.ghost{border-color:#d2e1e4}.button .icon{width:17px;height:17px}.button:hover{transform:none;filter:brightness(.97)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #439baf;outline-offset:3px}.form-grid{gap:16px}label{font-size:12px;color:#425e6b;gap:7px}input,select,textarea{background:#ffffffb8;border-color:#ccdce1;border-radius:10px;min-height:44px;font-size:14px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#58a7a0;box-shadow:0 0 0 3px #87c4b42b}.check-line{gap:9px}.check-line input{accent-color:#246b61}small,.field-note{font-size:11px}.form-section label+label{margin-top:12px}.form-grid label+label{margin-top:0}.stack-form{gap:15px}.report-filters{margin-bottom:22px}.report-filters .form-grid{gap:12px}.report-filters label{font-size:11px}.report-filters input,.report-filters select{font-size:12px}.filter-actions{flex-wrap:wrap}.section-tabs{display:flex;gap:7px;overflow-x:auto;white-space:nowrap;margin:-2px 0 23px;padding:5px;background:#ffffff69;border:1px solid #fff;border-radius:13px;width:fit-content;max-width:100%}.section-tabs a{display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:9px;color:#587581;font-size:12px;font-weight:600}.section-tabs .active{background:#fff;color:#17675e;box-shadow:0 3px 13px #53758012}.section-tabs .icon{width:17px;height:17px}
.table-panel{border-radius:17px}.table-scroll{max-width:100%;overscroll-behavior-inline:contain}th{background:#eaf2f48c;font-size:10px;padding:14px 16px;color:#5a7784}td{font-size:12px;padding:15px 16px;border-color:#e0e9eb99}td small{font-size:10px}.table-title{font-size:12px}.status-pill{font-size:10px;padding:6px 10px}.status-pill.pending{background:#fff0cc;color:#816419}.status-pill.approved{background:#dff0e4;color:#226046}.status-pill.rejected{background:#f8e0e0;color:#913e3e}.row-actions{display:flex;gap:7px;align-items:center}.row-actions .button{min-height:35px;padding:7px 9px;font-size:11px}.table-footer{padding:15px 20px;font-size:11px;color:var(--muted)}.info-note{background:#e5f1f29c;border:1px solid #d8e6e8;border-radius:12px;padding:13px 16px;color:#536f7d;font-size:12px;margin:18px 0}.empty-copy{font-size:12px}.tag-list span{font-size:10px}.product-thumb{width:54px;height:54px;object-fit:cover;background:#edf1f1;border:1px solid #d8e4e5;border-radius:10px}.product-cell{display:flex;gap:12px;align-items:center}.tier-rows{display:grid;gap:9px}.tier-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:10px;align-items:end}.tier-row .icon-button{margin-bottom:6px}.upload-preview{max-height:150px;object-fit:contain;border-radius:12px;margin:10px 0}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:22px;align-items:start}.catalog-layout>aside{position:sticky;top:98px}.canvas-wrap{max-width:780px}.canvas-wrap canvas{border-radius:4px}.line-result span{font-size:11px}.proposal-line{background:#f7fbfba8}.proposal-line .form-grid{margin-top:12px}.line-top strong{font-size:14px}.line-top .icon-button{width:36px;height:36px}
.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px}.uzbekistan-map{background:linear-gradient(140deg,#e5f1ef,#f3f6f8);min-height:290px}.map-panel{padding:24px}.map-legend span{font-size:11px}.region-list a{padding:15px 0}.region-list strong{font-size:12px}.region-list small{font-size:10px}.region-list b{font-size:11px}.report-table{margin-top:22px}.finance-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(350px,1fr);gap:22px;align-items:start}.finance-layout>div,.finance-layout>aside,.bot-layout>div,.bot-layout>aside{display:grid;gap:20px}.cashbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.cashbox-card h3{font-size:15px}.cashbox-card .simple-list b{font-size:13px}.review-card{padding:18px;background:#fff8e9ae;border:1px solid #eee1b7;border-radius:14px;margin-bottom:12px}.review-card p{font-size:12px}.review-card summary{font-size:13px}.review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.details-spaced{margin-top:20px}.bot-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:22px}.bot-client-row{padding:15px 0;border-bottom:1px solid #dfe9e9}.campaign-preview{white-space:pre-wrap;background:#f0f6f4;border:1px solid #deebe7;border-radius:13px;padding:18px;font-size:13px;margin:12px 0}.campaign-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.order-board{gap:18px}.order-card h2{font-size:20px}.order-card p{font-size:12px}.order-card footer{font-size:11px}.order-date{display:inline-flex;align-items:center;gap:5px}.order-card>div small{font-size:10px}.production-toolbar{margin-bottom:20px}.production-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:15px;overflow-x:auto;padding-bottom:14px}.production-column{background:#ffffff6b;border:1px solid #fff;border-radius:17px;padding:15px;min-height:230px}.production-column h2{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.production-column .order-card{display:block;margin-bottom:12px;padding:16px}.production-column .order-card h2{font-size:15px}.production-column .order-card p{min-height:0}.detail-list dt{font-size:11px}.detail-list dd{font-size:13px}.contact-list p,.contact-list small{font-size:11px}.technical-card{box-shadow:0 12px 35px #28415a15;background:#fff}.technical-barcode{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5mm 0}.ean-barcode{width:44mm;height:auto;max-height:30mm}.technical-barcode small{font-size:9px;max-width:65mm}.technical-products{font-size:10px;margin:4mm 0}.technical-products p{margin:1mm 0}.mobile-note{display:none}.login-page,.install-page{background:radial-gradient(ellipse at top left,#dceee8,#edf4f5 60%,#e3eaf8)}.login-brand,.install-brand{background:linear-gradient(150deg,#17424ef0,#145a54ed);border-radius:28px;margin:25px;padding:50px}.login-card,.install-card{background:#ffffff9e;border:1px solid #fff;backdrop-filter:blur(20px);box-shadow:var(--shadow);border-radius:24px;margin:25px;padding:36px}.login-shell,.install-shell{align-items:center}.login-brand h1,.install-brand h1{font-size:46px}.login-stats{display:none}.install-card form{max-width:none}.sidebar-overlay{position:fixed;inset:0;z-index:35;border:0;background:#15324555;backdrop-filter:blur(4px)}.sidebar-overlay[hidden]{display:none}.menu-button{align-items:center;justify-content:center;min-height:44px;min-width:44px;background:#ffffffb3;border:1px solid #dbe5e8;border-radius:10px;color:#2a5163}.menu-button .icon{width:21px;height:21px}
@media(min-width:1500px){.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.six .metric-card strong{font-size:22px}}
@media(max-width:1200px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.content{padding:24px}.sidebar{padding:22px 12px}.topbar{padding:0 24px}.dashboard-grid,.catalog-layout,.finance-layout,.bot-layout{grid-template-columns:1fr}.catalog-layout>aside{position:static}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.production-board{grid-template-columns:repeat(4,240px)}.bot-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;transform:translateX(-105%);transition:transform .2s ease;background:#f1f8f5f5;z-index:40;height:100dvh}.sidebar.open{transform:translateX(0)}.menu-button{display:flex}.topbar{height:70px;padding:0 18px}.content{padding:22px 18px 35px}.login-shell,.install-shell{grid-template-columns:1fr}.login-brand,.install-brand{display:none}.login-card,.install-card{max-width:600px;width:calc(100% - 32px);margin:24px auto;padding:25px}.sidebar-overlay:not([hidden]){display:block}.profile-layout{grid-template-columns:1fr}.profile-side{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-grid,.inventory-layout,.proposal-view-grid{grid-template-columns:1fr}.order-detail-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.order-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.content{padding:20px 12px 30px}.topbar{padding:0 12px;gap:10px}.today-label{display:none}.topbar>div small{font-size:8px}.topbar>div strong{font-size:13px}.topbar-actions{gap:5px}.quick-add{padding:9px;font-size:11px}.page-head{display:block;margin-bottom:18px}.page-head h1{font-size:27px}.page-head p{font-size:12px}.head-actions{margin-top:14px}.page-head>.button{margin-top:12px}.card-pad,.form-section,.map-panel,.region-panel{padding:18px}.metric-grid,.metric-grid.six,.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:15px;min-height:124px}.metric-card strong{font-size:21px;overflow-wrap:anywhere}.metric-card span{font-size:9px}.metric-card small{font-size:10px}.metric-icon{display:none}.form-grid.two,.form-grid.three,.form-grid.four,.filter-grid,.cashbox-grid,.settings-grid,.order-board,.profile-side,.order-detail-grid>aside,.finance-layout>aside,.bot-layout>aside{grid-template-columns:1fr}.span-two,.span-three{grid-column:auto}.form-grid{gap:13px}.report-filters .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters .filter-actions{grid-column:span 2}.report-filters label:first-child{grid-column:span 2}.report-filters input,.report-filters select{font-size:12px;padding:8px;min-width:0}.report-filters{padding:14px}.section-tabs{width:100%}.section-tabs a{padding:9px 11px;font-size:11px}.section-tabs .icon{width:16px}.dashboard-grid{gap:14px}.uzbekistan-map{min-height:220px;aspect-ratio:1.45}.region-list b{font-size:10px}.table-footer{padding:14px;font-size:10px}.button{font-size:12px}.head-actions .button{flex:1}.note-form{display:grid}.detail-list.horizontal{grid-template-columns:1fr;gap:13px}.detail-list.horizontal>div{border-right:0;padding:0}.technical-actions{gap:10px}.technical-actions .button{font-size:11px}.technical-card{padding:5mm}.technical-barcode{flex-wrap:wrap}.cashbox-grid{gap:12px}.inventory-actions{grid-template-columns:1fr}.canvas-wrap{padding:5px}.row-actions{flex-wrap:wrap}.bot-client-row .form-grid{grid-template-columns:1fr}.sticky-actions{position:static;flex-wrap:wrap;background:none}.sticky-actions .button{flex:1}.mobile-note{display:block;font-size:10px;color:var(--muted)}.tier-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.tier-row input{min-width:0}.production-board{grid-template-columns:repeat(4,230px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A5 portrait;margin:6mm}.sidebar,.topbar,.technical-actions,.section-tabs,.alert,.skip-link,.sidebar-overlay{display:none!important}body{background:#fff!important;font-family:Arial,sans-serif}.app-shell,.main-shell{display:block}.content{padding:0;margin:0}.technical-card{padding:0!important;border:0;box-shadow:none;max-width:none;width:auto;min-height:0;font-family:Arial,sans-serif}.technical-card header{break-after:avoid}.technical-barcode{break-inside:avoid}.technical-card tr{break-inside:avoid}.technical-card thead{display:table-header-group}.technical-card td,.technical-card th{font-size:8pt;padding:2mm}.technical-card .technical-main strong{font-size:10pt}.technical-card p{font-size:9pt}.technical-card small{font-size:8pt}.technical-card footer{break-inside:avoid}.ean-barcode{width:42mm;height:auto}.panel{backdrop-filter:none}.technical-products{break-inside:avoid}}
[hidden]{display:none!important}.code-block{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:900px){body.menu-open{overflow:hidden}}
