:root {
	 --primary: #17D6BE;
	 --primary-2: #0EA5A4;
	 --primary-soft: #DFFFF8;
	 --navy: #06191D;
	 --navy-2: #0B2C31;
	 --gold: #F7B731;
	 --bg: #F5FFFC;
	 --surface: #FFFFFF;
	 --surface-2: #F8FFFD;
	 --text: #071827;
	 --muted: #64748B;
	 --line: #DDEDEA;
	 --bad: #E11D48;
	 --bad-soft: #FFF1F2;
	 --warn: #F59E0B;
	 --warn-soft: #FFF7ED;
	 --ok: #10B981;
	 --ok-soft: #ECFDF5;
	 --info: #0EA5E9;
	 --info-soft: #EFF6FF;
	 --shadow: 0 18px 55px rgba(6, 25, 29, .09);
	 --sidebar-w: 302px;
}
 * {
	 box-sizing: border-box 
}
 html {
	 background: var(--bg) 
}
 body {
	 margin: 0;
	 min-height: 100vh;
	 color: var(--text);
	 font-family: Tahoma, Arial, "Segoe UI", sans-serif;
	 background: radial-gradient(circle at 100% 0%, rgba(23, 214, 190, .20), transparent 35%), radial-gradient(circle at 0% 8%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #FBFFFD 0%, #F0FBF8 100%) 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 img {
	 max-width: 100% 
}
 .muted {
	 color: var(--muted);
	 line-height: 1.9 
}
 .ltr {
	 direction: ltr;
	 text-align: left 
}
 .app-shell {
	 display: grid;
	 grid-template-columns: var(--sidebar-w) 1fr;
	 min-height: 100vh 
}
 .sidebar {
	 position: sticky;
	 top: 0;
	 height: 100vh;
	 overflow: auto;
	 padding: 20px 16px;
	 display: flex;
	 flex-direction: column;
	 background: radial-gradient(circle at 20% 0%, rgba(23, 214, 190, .22), transparent 32%), linear-gradient(180deg, var(--navy), var(--navy-2));
	 color: #5f86aa;
	 box-shadow: -18px 0 60px rgba(6, 25, 29, .20);
	 z-index: 30 
}
 .brand-card {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 13px;
	 border-radius: 26px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
	 margin-bottom: 22px 
}
 .brand-logo-wrap {
	 width: 60px;
	 height: 60px;
	 min-width: 60px;
	 display: grid;
	 place-items: center;
	 border-radius: 22px;
	 background: rgba(255, 255, 255, .06);
	 border: 1px solid rgba(23, 214, 190, .30);
	 overflow: hidden 
}
 .brand-logo-wrap img {
	 width: 84%;
	 height: 84%;
	 object-fit: contain 
}
 .brand-logo-wrap span {
	 display: none;
	 color: var(--primary);
	 font-weight: 950 
}
 .brand-title {
	 font-size: 20px;
	 font-weight: 950;
	 letter-spacing: -.02em 
}
 .brand-subtitle {
	 color: #A7F3E7;
	 font-size: 11.5px;
	 line-height: 1.7;
	 margin-top: 2px 
}
 .nav-section-title {
	 color: #BCEFE7;
	 font-size: 11px;
	 font-weight: 900;
	 margin: 17px 10px 8px;
	 letter-spacing: .02em 
}
 .nav-list {
	 display: grid;
	 gap: 6px 
}
 .nav-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 min-height: 48px;
	 padding: 10px 12px;
	 border-radius: 18px;
	 color: #DDFCF6;
	 transition: .15s ease 
}
 .nav-item span {
	 width: 28px;
	 height: 28px;
	 display: grid;
	 place-items: center;
	 border-radius: 11px;
	 background: rgba(255, 255, 255, .07) 
}
 .nav-item b {
	 font-size: 13px 
}
 .nav-item:hover {
	 background: rgba(255, 255, 255, .08);
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 box-shadow: 0 14px 34px rgba(23, 214, 190, .22) 
}
 .nav-item.active span {
	 background: rgba(6, 25, 29, .08) 
}
 .sidebar-footer {
	 margin-top: auto;
	 padding-top: 18px 
}
 .user-pill {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 padding: 12px;
	 border-radius: 20px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(255, 255, 255, .10) 
}
 .user-pill span {
	 width: 38px;
	 height: 38px;
	 display: grid;
	 place-items: center;
	 border-radius: 15px;
	 background: rgba(23, 214, 190, .14) 
}
 .user-pill b {
	 display: block 
}
 .user-pill small {
	 color: #A7F3E7 
}
 .logout-link {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-top: 10px;
	 height: 44px;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .08);
	 color: #FEE2E2;
	 font-weight: 900 
}
 .main {
	 min-width: 0 
}
 .mobile-topbar {
	 display: none 
}
 .content-wrap {
	 padding: 26px;
	 max-width: 1400px;
	 margin: 0 auto 
}
 .page-hero {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 16px;
	 margin-bottom: 18px 
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: var(--primary-soft);
	 color: #08756D;
	 font-size: 11px;
	 font-weight: 950 
}
 .page-title {
	 font-size: 28px;
	 line-height: 1.45;
	 margin: 8px 0 4px;
	 letter-spacing: -.03em 
}
 .page-actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .topbar {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 14px;
	 margin-bottom: 18px 
}
 .grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .grid-2 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .quick-grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin: 16px 0 
}
 .card, .quick-card {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 28px;
	 box-shadow: var(--shadow);
	 backdrop-filter: blur(8px) 
}
 .card {
	 padding: 18px;
	 margin-bottom: 16px 
}
 .glass {
	 background: rgba(255, 255, 255, .70) 
}
 .quick-card {
	 padding: 16px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 transition: .15s ease 
}
 .quick-card:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(6, 25, 29, .12) 
}
 .quick-card .icon {
	 width: 48px;
	 height: 48px;
	 display: grid;
	 place-items: center;
	 border-radius: 18px;
	 background: linear-gradient(135deg, var(--primary), var(--gold));
	 color: var(--navy);
	 font-size: 22px 
}
 .stat {
	 position: relative;
	 overflow: hidden 
}
 .stat:after {
	 content: "";
	 position: absolute;
	 left: -45px;
	 bottom: -55px;
	 width: 140px;
	 height: 140px;
	 border-radius: 999px;
	 background: rgba(23, 214, 190, .10) 
}
 .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px 
}
 .label {
	 font-size: 12px;
	 color: var(--muted);
	 font-weight: 900 
}
 .num {
	 font-size: 28px;
	 font-weight: 950;
	 margin-top: 6px 
}
 .hint {
	 font-size: 11.5px;
	 color: #7c9290;
	 line-height: 1.8 
}
 .metric-icon {
	 width: 56px;
	 height: 56px;
	 display: grid;
	 place-items: center;
	 border-radius: 21px;
	 background: linear-gradient(135deg, #E6FFFA, #FFF7DF);
	 font-size: 24px 
}
 .card-header {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 14px 
}
 .card-title {
	 font-size: 18px;
	 font-weight: 950 
}
 .card-subtitle {
	 font-size: 12px;
	 color: var(--muted);
	 margin-top: 4px 
}
 .searchbox input {
	 min-width: 240px 
}
 .table-wrap {
	 overflow: auto;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 background: #fff 
}
 table {
	 width: 100%;
	 border-collapse: collapse;
	 min-width: 720px 
}
 th, td {
	 padding: 13px 14px;
	 border-bottom: 1px solid #edf4f2;
	 text-align: right;
	 vertical-align: middle 
}
 th {
	 background: #f5fffc;
	 color: #315c5a;
	 font-size: 12px;
	 font-weight: 950;
	 position: sticky;
	 top: 0 
}
 tr:hover td {
	 background: #fbfffd 
}
 .btn, button {
	 border: 0;
	 border-radius: 17px;
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 padding: 11px 15px;
	 min-height: 44px;
	 cursor: pointer;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 7px;
	 font-family: inherit;
	 font-weight: 950;
	 box-shadow: 0 12px 26px rgba(23, 214, 190, .18);
	 transition: .15s ease 
}
 .btn:hover, button:hover {
	 transform: translateY(-1px);
	 box-shadow: 0 18px 35px rgba(23, 214, 190, .22) 
}
 .btn.secondary, button.secondary {
	 background: #F3FFFC;
	 color: #174346;
	 border: 1px solid rgba(14, 165, 164, .16);
	 box-shadow: none 
}
 .btn.danger, button.danger {
	 background: var(--bad);
	 color: #fff 
}
 .btn.ok, button.ok {
	 background: var(--ok);
	 color: #fff 
}
 .btn.gold, button.gold {
	 background: linear-gradient(135deg, var(--gold), #F97316);
	 color: #211407 
}
 button:disabled {
	 opacity: .58;
	 cursor: not-allowed;
	 transform: none 
}
 .form-grid {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .form-grid .full {
	 grid-column: 1/-1 
}
 .form-section {
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 padding: 16px;
	 background: var(--surface-2);
	 margin-bottom: 14px 
}
 .form-section-title {
	 font-weight: 950;
	 margin-bottom: 10px 
}
 input, select, textarea {
	 width: 100%;
	 border: 1px solid var(--line);
	 border-radius: 16px;
	 padding: 12px;
	 background: white;
	 font-family: inherit;
	 color: var(--text);
	 outline: none;
	 transition: .15s ease;
	 min-height: 45px 
}
 input:focus, select:focus, textarea:focus {
	 border-color: var(--primary);
	 box-shadow: 0 0 0 4px rgba(23, 214, 190, .13) 
}
 input[type="checkbox"] {
	 width: 20px;
	 height: 20px;
	 min-height: 20px;
	 accent-color: var(--primary) 
}
 label {
	 font-size: 13px;
	 color: #334155;
	 margin-bottom: 7px;
	 display: block;
	 font-weight: 900 
}
 .badge {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: #e5e7eb;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .badge.ok {
	 background: var(--ok-soft);
	 color: #166534 
}
 .badge.warn {
	 background: var(--warn-soft);
	 color: #92400e 
}
 .badge.bad {
	 background: var(--bad-soft);
	 color: #991b1b 
}
 .badge.info {
	 background: var(--info-soft);
	 color: #075985 
}
 .empty {
	 padding: 36px 20px;
	 text-align: center;
	 color: var(--muted);
	 background: linear-gradient(135deg, #fff, #f7fffc);
	 border: 1px dashed rgba(14, 165, 164, .24);
	 border-radius: 24px;
	 line-height: 1.9 
}
 .thumb {
	 width: 62px;
	 height: 62px;
	 object-fit: cover;
	 border-radius: 18px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd 
}
 .preview {
	 max-width: 260px;
	 max-height: 210px;
	 border-radius: 20px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd;
	 object-fit: cover 
}
 .inline {
	 display: flex;
	 gap: 8px;
	 align-items: end;
	 flex-wrap: wrap 
}
 .inline input {
	 min-width: 220px 
}
 .chart {
	 display: grid;
	 gap: 12px 
}
 .bar-row {
	 display: grid;
	 grid-template-columns: 120px 1fr 150px;
	 gap: 12px;
	 align-items: center 
}
 .bar-track {
	 height: 18px;
	 background: #E6FFFA;
	 border-radius: 999px;
	 overflow: hidden 
}
 .bar {
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--primary-2), var(--gold));
	 border-radius: 999px 
}
 .progress {
	 height: 10px;
	 background: #e2e8f0;
	 border-radius: 999px;
	 overflow: hidden 
}
 .progress span {
	 display: block;
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--gold));
	 border-radius: 999px 
}
 code {
	 background: #effaf7;
	 padding: 3px 7px;
	 border-radius: 8px;
	 color: #0f3c3f 
}
 .mini-note {
	 font-size: 12px;
	 color: var(--muted);
	 line-height: 1.8 
}
 .status-dot {
	 width: 9px;
	 height: 9px;
	 border-radius: 99px;
	 background: var(--ok);
	 display: inline-block;
	 box-shadow: 0 0 0 4px rgba(16, 185, 129, .12) 
}
 .login {
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 20px;
	 background: radial-gradient(circle at 12% 12%, rgba(23, 214, 190, .24), transparent 34%), radial-gradient(circle at 92% 0%, rgba(247, 183, 49, .15), transparent 26%), linear-gradient(180deg, #FBFFFD, #ECFAF6) 
}
 .login-shell {
	 width: min(980px, 100%);
	 display: grid;
	 grid-template-columns: 1.05fr .95fr;
	 gap: 20px;
	 align-items: stretch 
}
 .login-hero {
	 position: relative;
	 overflow: hidden;
	 border-radius: 34px;
	 padding: 34px;
	 color: white;
	 background: radial-gradient(circle at 18% 18%, rgba(23, 214, 190, .30), transparent 34%), linear-gradient(135deg, var(--navy), var(--navy-2) 62%, var(--primary-2));
	 box-shadow: var(--shadow) 
}
 .login-hero:after {
	 content: "";
	 position: absolute;
	 left: -60px;
	 bottom: -60px;
	 width: 210px;
	 height: 210px;
	 border-radius: 999px;
	 background: rgba(255, 255, 255, .11) 
}
 .login-hero h1 {
	 font-size: 34px;
	 color: white;
	 line-height: 1.45;
	 margin: 26px 0 10px 
}
 .login-hero p {
	 color: #D5FFF8;
	 line-height: 2 
}
 .login .card {
	 width: 100%;
	 margin: 0 
}
 .hero-bullets {
	 display: grid;
	 gap: 10px;
	 margin-top: 28px 
}
 .hero-bullets div {
	 background: rgba(255, 255, 255, .12);
	 border: 1px solid rgba(255, 255, 255, .15);
	 padding: 11px 13px;
	 border-radius: 18px;
	 color: #F5FFFC 
}
 .login form button {
	 width: 100% 
}
 @media(max-width:1180px) {
	 .grid, .quick-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .form-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .bar-row {
		 grid-template-columns: 90px 1fr 120px 
	}
	 .sidebar {
		 --sidebar-w: 282px 
	}
}
 @media(max-width:860px) {
	 .app-shell {
		 display: block 
	}
	 .sidebar {
		 position: fixed;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 width: 290px;
		 height: auto;
		 transform: translateX(105%);
		 transition: .2s ease 
	}
	 .sidebar-open .sidebar {
		 transform: translateX(0) 
	}
	 .mobile-topbar {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 padding: 12px 16px;
		 background: rgba(255, 255, 255, .88);
		 border-bottom: 1px solid rgba(14, 165, 164, .12);
		 position: sticky;
		 top: 0;
		 z-index: 20;
		 backdrop-filter: blur(14px);
		 font-weight: 950 
	}
	 .icon-button {
		 width: 42px;
		 height: 42px;
		 padding: 0 
	}
	 .content-wrap {
		 padding: 18px 
	}
	 .grid, .grid-2, .quick-grid, .form-grid {
		 grid-template-columns: 1fr 
	}
	 .page-hero, .topbar, .card-header {
		 display: block 
	}
	 .page-actions {
		 margin-top: 12px 
	}
	 .login-shell {
		 grid-template-columns: 1fr 
	}
	 .login-hero {
		 display: none 
	}
	 .table-wrap {
		 border-radius: 18px 
	}
	 th, td {
		 padding: 11px 
	}
	 .bar-row {
		 grid-template-columns: 1fr 
	}
	 .sidebar-footer {
		 padding-bottom: 20px 
	}
	 .searchbox input {
		 min-width: 100%;
		 margin-top: 10px 
	}
}
/* ===== ShopNegar Panel UX v2 ===== */
 :root {
	 --panel-bg: #F4FFFC;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(14, 165, 164, .16);
	 --panel-text: #071827;
	 --panel-muted: #64748b;
	 --panel-primary: #13CFC0;
	 --panel-primary-2: #0EA5A4;
	 --panel-gold: #F7B731;
	 --panel-danger: #EF4444;
}
 body {
	 color: var(--panel-text);
	 background: radial-gradient(circle at 94% 4%, rgba(19, 207, 192, .18), transparent 32%), radial-gradient(circle at 8% 2%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #F9FFFD 0%, #F1FBF8 100%) !important;
}
 .main, .content, .page, .page-content {
	 min-height: 100vh;
}
 .page-hero, .header, .page-header {
	 position: relative;
	 padding: 22px 0 18px;
}
 .page-title, h1 {
	 letter-spacing: -.035em;
	 font-weight: 950;
	 color: #071827;
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 font-weight: 950;
	 background: #E1FFF9;
	 color: #08756D;
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .card, .panel, .form-card {
	 background: rgba(255, 255, 255, .88);
	 border: 1px solid var(--panel-border);
	 border-radius: 28px;
	 box-shadow: 0 20px 55px rgba(6, 25, 29, .08);
	 backdrop-filter: blur(18px);
}
 .card-title, .form-title, h2, h3 {
	 letter-spacing: -.025em;
	 font-weight: 950;
	 color: #071827;
}
 .card-subtitle, .muted, small {
	 color: var(--panel-muted);
}
 form {
	 accent-color: var(--panel-primary);
}
 label {
	 font-weight: 900;
	 color: #26394a;
	 margin-bottom: 7px;
}
 input, select, textarea {
	 min-height: 50px;
	 border-radius: 17px !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 background: rgba(255, 255, 255, .84);
	 color: #071827;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .035);
}
 textarea {
	 min-height: 120px;
	 line-height: 1.9;
}
 input:hover, select:hover, textarea:hover {
	 border-color: rgba(14, 165, 164, .34) !important;
}
 input:focus, select:focus, textarea:focus {
	 outline: 0;
	 border-color: var(--panel-primary) !important;
	 box-shadow: 0 0 0 4px rgba(19, 207, 192, .14), 0 10px 26px rgba(6, 25, 29, .06) !important;
	 background: #fff;
}
 input[type="file"] {
	 padding: 12px;
	 background: #FBFFFE;
}
 input[type="date"] {
	 direction: ltr;
	 text-align: right;
	 font-feature-settings: "tnum";
}
 input[type="date"]::before {
	 color: #94a3b8;
}
 button, .btn, .button, input[type="submit"] {
	 min-height: 46px;
	 border-radius: 16px !important;
	 font-weight: 950;
	 border: 0;
	 background: linear-gradient(135deg, var(--panel-primary), var(--panel-primary-2));
	 color: #041316;
	 box-shadow: 0 14px 32px rgba(19, 207, 192, .20);
	 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
 button:hover, .btn:hover, .button:hover {
	 filter: saturate(1.08);
	 transform: translateY(-1px);
	 box-shadow: 0 18px 40px rgba(19, 207, 192, .25);
}
 button:active, .btn:active, .button:active {
	 transform: translateY(0) scale(.99);
}
 button.secondary, .btn.secondary, .secondary {
	 background: #FFFFFF !important;
	 color: #0f766e !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 box-shadow: 0 10px 24px rgba(6, 25, 29, .045) !important;
}
 button.danger, .btn.danger, .danger {
	 background: #fff1f2 !important;
	 color: #be123c !important;
	 border: 1px solid #fecdd3 !important;
}
 .table-wrap {
	 border-radius: 24px;
	 border: 1px solid rgba(14, 165, 164, .12);
	 overflow: hidden;
	 background: #fff;
	 box-shadow: 0 16px 44px rgba(6, 25, 29, .06);
}
 table {
	 border-collapse: separate;
	 border-spacing: 0;
}
 thead th {
	 background: #F0FFFB;
	 color: #0f3c3f;
	 font-weight: 950;
}
 tbody tr {
	 transition: background .15s ease;
}
 tbody tr:hover {
	 background: #FAFFFD;
}
 .badge {
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 950;
}
 .badge.ok {
	 background: #DCFCE7;
	 color: #166534;
}
 .badge.warn {
	 background: #FEF3C7;
	 color: #92400e;
}
 .badge.bad {
	 background: #FFE4E6;
	 color: #be123c;
}
 .searchbox input, input[type="search"] {
	 background: #fff;
	 border-radius: 18px !important;
}
 .form-grid {
	 gap: 20px !important;
}
 .form-grid>div {
	 position: relative;
}
 .form-grid .full {
	 grid-column: 1 / -1;
}
 .product-form-hint {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 color: #64748b;
}
 .panel-helper-box {
	 margin: 14px 0;
	 padding: 14px;
	 border-radius: 20px;
	 background: linear-gradient(135deg, #F4FFFC, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
	 color: #345;
}
 .date-help {
	 display: block;
	 margin-top: 6px;
	 color: #64748b;
	 font-size: 12px;
}
 @media (max-width:900px) {
	 .form-grid {
		 grid-template-columns: 1fr !important;
	}
	 .card, .panel, .form-card {
		 border-radius: 22px;
	}
	 input, select, textarea {
		 min-height: 48px;
	}
}
/* ===== Product Professional Fields v1 ===== */
 .product-form-hint {
	 display: block;
	 margin-top: 7px;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 #products-table td b {
	 font-weight: 950;
}
 #products-table .badge {
	 white-space: nowrap;
}
 .form-grid select[name="product_type"], .form-grid select[name="unit"], .form-grid select[name="stock_mode"] {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96));
}
/* ===== Product Form Cleanup & Attributes v1 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 grid-template-columns: 1fr;
		 display: grid;
	}
}
/* ===== Product Form Cleanup & Attributes v2 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Jalali Date Inputs v1 ===== */
 .jalali-date-input {
	 direction: ltr !important;
	 text-align: right !important;
	 font-feature-settings: "tnum";
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96)) !important;
}
 .jalali-date-input.jalali-invalid {
	 border-color: #fb7185 !important;
	 box-shadow: 0 0 0 4px rgba(244, 63, 94, .12) !important;
	 background: #fff7f7 !important;
}
 .jalali-date-help {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 line-height: 1.7;
	 color: #64748b;
}
/* ===== Product Edit UX v1 ===== */
 .edit-product-pro-grid {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 padding: 14px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .13);
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row .attr-remove-btn, .attr-row [data-remove-attr-row] {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .edit-product-pro-grid, .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Product Attribute Inputs v3 ===== */
 .attr-row input[data-attr-name], .attr-row input[data-attr-value] {
	 direction: rtl;
}
 .attr-row input[data-attr-name] {
	 font-weight: 900;
}
 .attr-row input[data-attr-value] {
	 color: #071827;
}
 .product-attrs-head span::after {
	 content: " نام ویژگی حداکثر ۳۲ کاراکتر و مقدار حداکثر ۹۰ کاراکتر است.";
	 display: block;
	 margin-top: 3px;
	 color: #0f766e;
	 font-weight: 800;
}
/* ===== ShopNegar Patch v2: compact UI + modal forms ===== */
 .content-wrap {
	 max-width: 1180px 
}
 .card {
	 padding: 18px;
	 border-radius: 24px 
}
 .compact-card {
	 padding: 16px !important 
}
 .grid, .grid-2 {
	 gap: 14px 
}
 .page-hero {
	 margin-bottom: 18px 
}
 .form-grid {
	 gap: 12px 
}
 .table-wrap table th, .table-wrap table td {
	 padding: 11px 12px 
}
 .page-actions {
	 gap: 8px 
}
 .btn, button, .secondary {
	 min-height: 40px 
}
 .form-section {
	 padding: 12px;
	 border-radius: 18px 
}
 .form-section-title {
	 margin-bottom: 10px 
}
 .logo-upload-row {
	 display: flex;
	 align-items: center;
	 gap: 14px 
}
 .logo-preview {
	 width: 76px;
	 height: 76px;
	 border-radius: 22px;
	 object-fit: contain;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .18);
	 padding: 8px 
}
 .inline-check {
	 display: flex !important;
	 align-items: center;
	 gap: 8px 
}
 .inline-check input {
	 width: auto;
	 min-height: auto;
	 margin: 0 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 100;
	 background: rgba(6, 25, 29, .45);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(4px) 
}
 .modal-form-card {
	 width: min(760px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 26px;
	 box-shadow: 0 30px 80px rgba(6, 25, 29, .28);
	 padding: 16px 
}
 .modal-form-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px 
}
 .modal-form-head b {
	 font-size: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .modalized-card>.card-title:first-child {
	 display: none 
}
 .provider-fields {
	 display: grid;
	 gap: 10px 
}
 .provider-custom-field textarea {
	 font-family: ui-monospace, Consolas, monospace;
	 direction: ltr 
}
 .hidden {
	 display: none !important 
}
 @media(max-width:760px) {
	 .logo-upload-row {
		 display: grid 
	}
	 .card {
		 padding: 14px 
	}
	 .modal-form-backdrop {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
}
/* ===== ShopNegar Safe Mega Patch v4.2: professional popup grids ===== */
 .data-tabs {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin: 0 0 16px 
}
 .data-tab {
	 padding: 10px 13px;
	 border-radius: 16px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 font-weight: 900;
	 color: #174346;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .04) 
}
 .data-tab.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: #062024 
}
 .data-grid-card {
	 overflow: hidden 
}
 .pro-grid-wrap {
	 max-height: 70vh 
}
 .pro-grid-table th {
	 z-index: 2 
}
 .row-actions {
	 white-space: nowrap 
}
 .data-modal-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .54);
	 backdrop-filter: blur(7px);
	 display: grid;
	 place-items: center;
	 padding: 22px;
	 z-index: 9999 
}
 .data-modal-backdrop.hidden {
	 display: none 
}
 .data-modal-card {
	 width: min(980px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 30px;
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 35px 100px rgba(0, 0, 0, .28) 
}
 .data-modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 position: sticky;
	 top: 0;
	 background: rgba(255, 255, 255, .94);
	 backdrop-filter: blur(14px);
	 padding: 18px 20px;
	 border-bottom: 1px solid #e7f5f2;
	 z-index: 2 
}
 .data-modal-head b {
	 font-size: 18px 
}
 .data-entry-form {
	 padding: 20px 
}
 .data-modal-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-start 
}
 .ghost {
	 background: #F3FFFC !important;
	 color: #174346 !important;
	 border: 1px solid rgba(14, 165, 164, .16) !important;
	 box-shadow: none !important 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .48);
	 z-index: 9998;
	 display: grid;
	 place-items: center;
	 padding: 20px 
}
 .modal-form-backdrop.hidden {
	 display: none 
}
 .modal-form-card {
	 width: min(920px, 100%);
	 max-height: 90vh;
	 overflow: auto;
	 border-radius: 28px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 box-shadow: 0 30px 90px rgba(0, 0, 0, .24) 
}
 .modal-form-head {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 16px 18px;
	 border-bottom: 1px solid #e7f5f2;
	 position: sticky;
	 top: 0;
	 background: white;
	 z-index: 2 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 margin: 0 !important;
	 padding: 0 !important 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .security-callout {
	 border: 1px solid rgba(16, 185, 129, .22);
	 background: #ecfdf5;
	 color: #065f46;
	 border-radius: 20px;
	 padding: 12px 14px;
	 font-weight: 900 
}
/* ===== ShopNegar hotfix v4.3 ===== */
 .product-attrs-card {
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: #fbfffe;
	 border-radius: 22px;
	 padding: 14px;
	 margin-top: 8px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #123 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 4px 
}
 .attrs-grid, .variant-grid {
	 display: grid;
	 gap: 8px 
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1.5fr auto;
	 gap: 8px;
	 align-items: center 
}
 .variant-row {
	 display: grid;
	 grid-template-columns: .2fr 1.4fr 1fr .8fr .7fr .8fr auto;
	 gap: 8px;
	 align-items: center 
}
 .danger-lite {
	 color: #be123c !important;
	 border-color: #fecdd3 !important;
	 background: #fff1f2 !important 
}
 .data-modal-card {
	 width: min(1120px, 96vw) !important 
}
 @media(max-width:860px) {
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr 
	}
	 .product-attrs-head {
		 align-items: flex-start;
		 flex-direction: column 
	}
}
/* HOTFIX_V45_MOBILE_ADMIN */
 .copy-row {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .copy-row input {
	 flex: 1 
}
 .table-copy-input {
	 min-width: 240px;
	 font-size: 12px 
}
 .sticky-actions {
	 position: sticky;
	 bottom: 10px;
	 z-index: 4;
	 background: rgba(255, 255, 255, .82);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 border-radius: 18px 
}
 @media (max-width: 900px) {
	 .app-shell {
		 display: block;
		 min-height: 100dvh 
	}
	 .sidebar {
		 position: fixed;
		 inset: 0 auto 0 0;
		 width: min(84vw, 320px);
		 z-index: 50;
		 transform: translateX(-105%);
		 transition: .22s ease;
		 box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
		 overflow: auto 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 html[dir="rtl"] .sidebar {
		 left: auto;
		 right: 0;
		 transform: translateX(105%) 
	}
	 html[dir="rtl"] .sidebar.open {
		 transform: translateX(0) 
	}
	 .main {
		 margin: 0 !important;
		 width: 100% 
	}
	 .mobile-topbar {
		 display: flex !important;
		 position: sticky;
		 top: 0;
		 z-index: 30;
		 background: rgba(255, 255, 255, .88);
		 backdrop-filter: blur(12px);
		 border-bottom: 1px solid rgba(14, 165, 164, .18) 
	}
	 .content-wrap {
		 padding: 14px !important;
		 max-width: 100% !important 
	}
	 .page-hero {
		 display: block;
		 padding: 16px 
	}
	 .page-title {
		 font-size: 22px 
	}
	 .card {
		 border-radius: 18px;
		 padding: 14px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-section {
		 padding: 12px 
	}
	 .table-wrap {
		 overflow: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .actions {
		 white-space: normal 
	}
	 .modal, .modal-card, .data-modal, .drawer-card {
		 width: calc(100vw - 20px) !important;
		 max-width: calc(100vw - 20px) !important;
		 max-height: 88dvh !important;
		 overflow: auto !important 
	}
	 .data-form-grid, .modal-grid {
		 grid-template-columns: 1fr !important 
	}
	 .copy-row {
		 display: block 
	}
	 .copy-row button {
		 width: 100%;
		 margin-top: 8px 
	}
	 .sticky-actions button {
		 width: 100% 
	}
}
 @media (max-width: 520px) {
	 body {
		 font-size: 14px 
	}
	 .page-hero, .card {
		 margin-inline: 0 
	}
	 .btn, button, input, select, textarea {
		 font-size: 15px 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important;
		 padding: 14px 
	}
	 .login-hero {
		 display: none 
	}
	 .login .card {
		 width: 100% 
	}
	 .brand-card {
		 max-width: 100% 
	}
	 .stat-grid, .kpi-grid {
		 grid-template-columns: 1fr !important 
	}
	 .data-toolbar {
		 display: block 
	}
	 .data-toolbar>* {
		 width: 100%;
		 margin-block: 6px 
	}
	 .table-copy-input {
		 min-width: 190px 
	}
}
/* HOTFIX_V46_PRODUCT_MODAL */
 .modal-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 1000;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 background: rgba(4, 22, 22, .55);
	 backdrop-filter: blur(6px);
	 padding: 18px 
}
 .modal-backdrop.show {
	 display: flex 
}
 .modal-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 28px;
	 box-shadow: 0 24px 80px rgba(0, 0, 0, .24);
	 width: min(880px, calc(100vw - 24px));
	 max-height: 92dvh;
	 overflow: auto;
	 padding: 22px 
}
 .modal-card.wide {
	 width: min(1100px, calc(100vw - 24px)) 
}
 .modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 18px 
}
 .modal-head h2 {
	 margin: 0 
}
 .modal-open {
	 overflow: hidden 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: end;
	 margin: 8px 0 
}
 .variant-row {
	 grid-template-columns: 1.2fr 1fr .8fr .7fr .7fr auto 
}
 .danger {
	 background: #ffe8ec !important;
	 color: #be123c !important;
	 border-color: #fecdd3 !important 
}
 .product-attrs-card {
	 background: rgba(14, 165, 164, .04);
	 border: 1px solid rgba(14, 165, 164, .14);
	 border-radius: 18px;
	 padding: 14px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px 
}
 .sticky-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-end;
	 position: sticky;
	 bottom: 0;
	 background: linear-gradient(180deg, rgba(255, 255, 255, .78), #fff);
	 padding-top: 12px 
}
 .full {
	 grid-column: 1/-1 
}
 @media (max-width: 760px) {
	 .modal-backdrop {
		 align-items: flex-end;
		 padding: 0 
	}
	 .modal-card, .modal-card.wide {
		 width: 100% !important;
		 max-width: 100% !important;
		 max-height: 92dvh;
		 border-radius: 24px 24px 0 0;
		 padding: 14px 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr !important 
	}
	 .sticky-actions {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .page-actions {
		 display: grid;
		 grid-template-columns: 1fr;
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button {
		 width: 100% 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .content-wrap {
		 padding: 12px !important 
	}
	 .page-hero {
		 display: block !important 
	}
	 .page-title {
		 font-size: 22px !important 
	}
}
/* ===== ShopNegar Hotfix v49: mobile panel and product tables ===== */
 .sidebar-backdrop {
	 display: none 
}
 @media(max-width:860px) {
	 body.sidebar-open {
		 overflow: hidden;
		 touch-action: none 
	}
	 .sidebar {
		 z-index: 70 !important;
		 max-width: 86vw;
		 width: 300px;
		 box-shadow: -22px 0 60px rgba(6, 25, 29, .35) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 60;
		 opacity: 0;
		 pointer-events: none;
		 transition: .18s ease;
		 display: block 
	}
	 body.sidebar-open .sidebar-backdrop {
		 opacity: 1;
		 pointer-events: auto 
	}
	 .mobile-topbar {
		 z-index: 55 !important 
	}
	 .content-wrap {
		 max-width: 100%;
		 overflow-x: hidden;
		 padding: 16px 12px 80px 
	}
	 .page-title {
		 font-size: 22px;
		 line-height: 1.65 
	}
	 .card {
		 border-radius: 22px;
		 padding: 14px 
	}
	 .table-wrap {
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 table {
		 min-width: 680px 
	}
	 .product-admin-table {
		 min-width: 760px 
	}
	 .modal-form-card, .data-modal-card {
		 width: min(96vw, 720px) !important;
		 max-height: 88vh !important;
		 overflow: auto !important;
		 border-radius: 22px !important 
	}
	 .modal-form-backdrop, .data-modal {
		 align-items: flex-end !important;
		 padding: 8px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: stretch !important 
	}
	 .inline input, .searchbox input {
		 min-width: 0 !important;
		 width: 100% !important 
	}
}
/* ===== ShopNegar v5.2 Market Ready UX ===== */
 .market-layout {
	 display: grid;
	 grid-template-columns: 1.2fr .8fr;
	 gap: 18px;
	 margin: 18px 0 
}
 .todo-list, .checklist {
	 display: grid;
	 gap: 10px 
}
 .todo-item, .check-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 border-radius: 20px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 text-decoration: none;
	 color: inherit 
}
 .todo-item.hot {
	 background: #fff8e7;
	 border-color: #ffd878 
}
 .todo-item b, .check-row b {
	 display: block 
}
 .todo-item span, .check-row small {
	 color: #64748b;
	 font-size: 12px 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: #ecfdf5 
}
 .order-mobile-list {
	 display: none;
	 gap: 12px 
}
 .order-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 24px;
	 padding: 14px;
	 box-shadow: 0 12px 30px rgba(6, 25, 29, .06) 
}
 .order-card-top {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 8px 
}
 .order-card-body {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 9px;
	 margin: 12px 0 
}
 .order-card-body small, .order-card-body span {
	 display: block;
	 color: #64748b 
}
 .quick-order-form {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr auto;
	 gap: 8px;
	 align-items: end 
}
 .quick-order-form input, .quick-order-form select {
	 min-height: 42px;
	 border-radius: 16px;
	 border: 1px solid #cfe9e6;
	 padding: 0 12px 
}
 .payment-help {
	 font-size: 12px;
	 color: #64748b;
	 background: #f7fffd;
	 border-radius: 14px;
	 padding: 9px;
	 margin-bottom: 10px 
}
 .market-settings-form textarea {
	 min-height: 86px 
}
 .switch-line {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 background: #f6fffc;
	 border: 1px solid #d8efec;
	 border-radius: 18px;
	 padding: 14px 
}
 .copy-grid {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 12px 
}
 .public-track {
	 background: linear-gradient(135deg, #ecfffb, #fff8e7);
	 min-height: 100vh 
}
 .track-shell {
	 max-width: 680px;
	 margin: 0 auto;
	 padding: 28px 14px 
}
 .track-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 32px;
	 padding: 24px;
	 box-shadow: 0 24px 70px rgba(6, 25, 29, .10) 
}
 .track-brand {
	 display: flex;
	 justify-content: space-between;
	 gap: 12px;
	 color: #0f766e 
}
 .track-form {
	 display: grid;
	 gap: 12px 
}
 .track-form input {
	 width: 100%;
	 min-height: 52px;
	 border-radius: 18px;
	 border: 1px solid #cfe9e6;
	 padding: 0 14px 
}
 .track-result {
	 margin-top: 18px;
	 border-top: 1px solid #e2f3f0;
	 padding-top: 18px 
}
 .track-steps {
	 display: grid;
	 grid-template-columns: repeat(5, 1fr);
	 gap: 7px;
	 margin: 12px 0 
}
 .step {
	 font-size: 11px;
	 text-align: center;
	 padding: 9px 4px;
	 border-radius: 14px;
	 background: #f1f5f9;
	 color: #64748b 
}
 .step.done {
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .sidebar-backdrop {
	 display: none 
}
 .desktop-only {
	 display: block 
}
 .notice.success {
	 background: #ecfdf5;
	 border: 1px solid #a7f3d0;
	 color: #047857 
}
 .notice.danger {
	 background: #fff1f2;
	 border: 1px solid #fecdd3;
	 color: #be123c 
}
 @media(max-width:760px) {
	 .market-layout, .copy-grid {
		 grid-template-columns: 1fr 
	}
	 .market-stats {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .order-mobile-list {
		 display: grid 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr 
	}
	 .order-card-body {
		 grid-template-columns: 1fr 
	}
	 .page-hero {
		 padding: 18px !important 
	}
	 .page-actions {
		 width: 100%;
		 display: grid;
		 grid-template-columns: 1fr;
		 gap: 8px 
	}
	 .card {
		 border-radius: 24px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-grid .wide {
		 grid-column: auto !important 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0;
		 right: 0;
		 height: 100vh;
		 width: min(86vw, 330px);
		 transform: translateX(110%);
		 transition: .22s ease;
		 z-index: 1200 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 1190 
	}
	 .sidebar-open .sidebar-backdrop {
		 display: block 
	}
	 .main {
		 width: 100%;
		 margin: 0 !important 
	}
	 .content-wrap {
		 padding: 72px 12px 24px !important 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .modal, .sheet, .dialog {
		 max-width: calc(100vw - 18px) !important;
		 width: calc(100vw - 18px) !important;
		 max-height: 92vh !important;
		 overflow: auto !important 
	}
	 .track-steps {
		 grid-template-columns: 1fr 
	}
	 .track-card {
		 border-radius: 24px;
		 padding: 18px 
	}
}
/* ShopNegar Market Ready All Phases v6.0 */
 .market-kpi .kpi {
	 min-height: 110px 
}
 .kpi.warn {
	 border-color: #f59e0b 
}
 .kpi.danger {
	 border-color: #ef4444 
}
 .task-list {
	 display: grid;
	 gap: 10px 
}
 .task-row, .check-row, .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 12px;
	 border: 1px solid rgba(148, 163, 184, .22);
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .75) 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: rgba(16, 185, 129, .08);
	 border-color: rgba(16, 185, 129, .25) 
}
 .order-board {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	 gap: 14px 
}
 .order-card {
	 border: 1px solid rgba(148, 163, 184, .25);
	 border-radius: 22px;
	 padding: 16px;
	 background: #fff;
	 box-shadow: 0 10px 25px rgba(15, 23, 42, .05);
	 display: grid;
	 gap: 8px 
}
 .order-card.pro {
	 border-right: 4px solid var(--brand, #0ea5a4) 
}
 .order-top, .badges, .order-actions, .section-head, .actions {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .badges span {
	 padding: 6px 10px;
	 border-radius: 999px;
	 background: #f1f5f9;
	 font-size: .85rem 
}
 .mini {
	 padding: 8px 12px;
	 border-radius: 12px;
	 border: 0;
	 background: var(--brand, #0ea5a4);
	 color: #fff;
	 cursor: pointer 
}
 .mini.secondary, .btn.secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .copy-box {
	 display: grid;
	 grid-template-columns: max-content 1fr;
	 gap: 10px;
	 align-items: center 
}
 .switch-row {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 12px 
}
 .switch-row label {
	 padding: 10px 12px;
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 14px 
}
 .public-page {
	 background: linear-gradient(135deg, #ecfeff, #f8fafc);
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 18px 
}
 .public-card {
	 width: min(560px, 100%);
	 background: #fff;
	 border-radius: 26px;
	 padding: 24px;
	 box-shadow: 0 20px 60px rgba(15, 23, 42, .10) 
}
 .track-result {
	 margin-top: 18px;
	 padding: 16px;
	 border-radius: 18px;
	 background: #f0fdfa 
}
 .alert {
	 padding: 12px;
	 border-radius: 14px;
	 background: #fff7ed;
	 color: #9a3412 
}
 .toolbar {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin: 12px 0 
}
 .toolbar input, .toolbar select {
	 min-width: 220px;
	 flex: 1 
}
 @media(max-width:760px) {
	 .order-board {
		 grid-template-columns: 1fr 
	}
	 .copy-box {
		 grid-template-columns: 1fr 
	}
	 .page-head {
		 gap: 12px 
	}
	 .order-actions form, .order-actions button {
		 width: 100% 
	}
	 .mini {
		 width: 100% 
	}
	 .toolbar input, .toolbar select, .toolbar button {
		 width: 100%;
		 min-width: 0 
	}
	 .public-card {
		 border-radius: 20px;
		 padding: 18px 
	}
}
/* ShopNegar v7.0 self-service signup + SaaS pricing */
 .public-body-v70 {
	 min-height: 100vh;
	 background: radial-gradient(circle at top right, #dff7f4 0, #f8fafc 38%, #fff 100%);
	 color: #0f172a 
}
 .public-header-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 18px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .public-header-v70 nav {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .public-header-v70 nav a {
	 padding: 10px 14px;
	 border-radius: 14px;
	 text-decoration: none;
	 color: #0f172a;
	 font-weight: 800;
	 background: rgba(255, 255, 255, .72);
	 border: 1px solid rgba(15, 23, 42, .08) 
}
 .public-brand-v70 {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 text-decoration: none;
	 color: #0f172a;
	 font-size: 22px 
}
 .public-brand-v70 span {
	 display: grid;
	 place-items: center;
	 width: 44px;
	 height: 44px;
	 border-radius: 16px;
	 background: #0ea5a4;
	 color: #fff;
	 font-weight: 900 
}
 .public-main-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 22px 18px 60px 
}
 .landing-hero-v70 {
	 display: grid;
	 grid-template-columns: 1.4fr .8fr;
	 gap: 24px;
	 align-items: stretch;
	 padding: 42px 0 
}
 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(15, 23, 42, .08);
	 box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
	 border-radius: 28px;
	 padding: 28px 
}
 .landing-copy h1 {
	 font-size: clamp(32px, 5vw, 58px);
	 line-height: 1.25;
	 margin: 14px 0 
}
 .landing-copy p {
	 font-size: 18px;
	 color: #475569;
	 line-height: 2 
}
 .badge {
	 display: inline-flex;
	 padding: 8px 12px;
	 border-radius: 999px;
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .danger-badge {
	 background: #fee2e2;
	 color: #b91c1c 
}
 .landing-actions {
	 display: flex;
	 gap: 12px;
	 flex-wrap: wrap;
	 margin-top: 22px 
}
 .btn-primary, .btn-secondary {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: 0;
	 border-radius: 16px;
	 padding: 13px 18px;
	 text-decoration: none;
	 font-weight: 900;
	 cursor: pointer 
}
 .btn-primary {
	 background: #0ea5a4;
	 color: white 
}
 .btn-secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .full {
	 width: 100% 
}
 .landing-points {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin-top: 18px 
}
 .landing-points span {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 999px;
	 padding: 8px 10px;
	 font-weight: 700 
}
 .landing-card ol {
	 line-height: 2.4;
	 font-weight: 800 
}
 .plans-head-v70 {
	 text-align: center;
	 max-width: 760px;
	 margin: 20px auto 28px 
}
 .plans-head-v70 h1 {
	 font-size: 38px;
	 margin: 12px 0 
}
 .plans-head-v70 p {
	 color: #64748b;
	 font-size: 17px 
}
 .plans-grid-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 18px 
}
 .plan-card-v70 {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 gap: 12px 
}
 .plan-card-v70.featured {
	 outline: 3px solid #0ea5a4 
}
 .plan-ribbon {
	 position: absolute;
	 top: 16px;
	 left: 16px;
	 background: #f59e0b;
	 color: #111827;
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 900 
}
 .plan-price b {
	 font-size: 26px;
	 color: #0f766e 
}
 .plan-price small {
	 display: block;
	 color: #64748b 
}
 .plan-card-v70 ul {
	 padding-right: 18px;
	 line-height: 2;
	 color: #334155;
	 flex: 1 
}
 .form-shell-v70 {
	 max-width: 820px;
	 margin: 30px auto 
}
 .grid-form-v70 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px 
}
 .grid-form-v70 label {
	 display: flex;
	 flex-direction: column;
	 gap: 7px;
	 font-weight: 800 
}
 .grid-form-v70 input, .grid-form-v70 select, .grid-form-v70 textarea, .form-card-v70 input, .form-card-v70 textarea, .form-card-v70 select {
	 border: 1px solid #cbd5e1;
	 border-radius: 14px;
	 padding: 12px;
	 background: #fff;
	 font: inherit 
}
 .billing-box-v70 {
	 grid-column: 1/-1;
	 background: #f8fafc;
	 border: 1px dashed #cbd5e1;
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 10px 
}
 .alert {
	 padding: 12px 14px;
	 border-radius: 16px;
	 margin: 12px 0;
	 font-weight: 800 
}
 .alert.danger {
	 background: #fee2e2;
	 color: #991b1b 
}
 .alert.success {
	 background: #dcfce7;
	 color: #166534 
}
 .credential-box-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 12px;
	 margin: 20px 0 
}
 .credential-box-v70 div {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 18px;
	 padding: 14px 
}
 .credential-box-v70 small {
	 display: block;
	 color: #64748b 
}
 .credential-box-v70 b {
	 direction: ltr;
	 display: block;
	 margin-top: 6px 
}
 .plan-edit-v70 {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 20px;
	 padding: 16px 
}
 .stack-v70 {
	 display: grid;
	 gap: 16px 
}
 .table-wrap {
	 overflow: auto 
}
 .muted {
	 color: #64748b 
}
 @media(max-width:820px) {
	 .landing-hero-v70, .plans-grid-v70, .grid-form-v70, .credential-box-v70 {
		 grid-template-columns: 1fr 
	}
	 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
		 border-radius: 22px;
		 padding: 20px 
	}
	 .public-header-v70 {
		 align-items: flex-start 
	}
	 .landing-copy h1 {
		 font-size: 32px 
	}
	 .plans-head-v70 h1 {
		 font-size: 28px 
	}
}
/* ===== ShopNegar Clean UI Signature 2026-05-09 ===== */
 :root {
	 --sn-bg: #f5fbf9;
	 --sn-surface: rgba(255, 255, 255, .86);
	 --sn-surface-solid: #ffffff;
	 --sn-border: rgba(15, 118, 110, .14);
	 --sn-text: #071827;
	 --sn-muted: #64748b;
	 --sn-primary: #14d5c3;
	 --sn-primary-2: #0f9f9a;
	 --sn-accent: #f7b731;
	 --sn-radius: 26px;
	 --sn-shadow: 0 18px 54px rgba(2, 44, 45, .08);
}
 html {
	 scroll-behavior: smooth;
	 -webkit-text-size-adjust: 100% 
}
 body {
	 background: radial-gradient(circle at 95% 1%, rgba(20, 213, 195, .18), transparent 30%), radial-gradient(circle at 5% 0, rgba(247, 183, 49, .12), transparent 26%), linear-gradient(180deg, #fbfffd, #eef8f5) !important;
	 color: var(--sn-text) 
}
 * {
	 box-sizing: border-box 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 .ltr {
	 direction: ltr;
	 text-align: left;
	 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important 
}
 .app-shell {
	 align-items: stretch 
}
 .main {
	 min-width: 0 
}
 .content-wrap {
	 width: min(1480px, 100%);
	 margin-inline: auto 
}
 .sidebar {
	 border-left: 1px solid rgba(255, 255, 255, .14);
	 box-shadow: -20px 0 50px rgba(3, 18, 24, .12) 
}
 .brand-card, .nav-item, .card, .panel, .form-section, .table-wrap, .public-header-v70 {
	 backdrop-filter: blur(18px);
	 -webkit-backdrop-filter: blur(18px) 
}
 .nav-list {
	 display: grid;
	 gap: 7px 
}
 .nav-item {
	 min-height: 46px;
	 border-radius: 17px;
	 transition: transform .16s ease, background .16s ease, border-color .16s ease 
}
 .nav-item:hover {
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), 0 14px 30px rgba(20, 213, 195, .12) 
}
 .page-hero, .page-head {
	 display: flex;
	 align-items: flex-end;
	 justify-content: space-between;
	 gap: 18px;
	 margin-bottom: 18px 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(25px, 3.2vw, 42px);
	 line-height: 1.35;
	 margin: 4px 0 0 
}
 .page-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .page-kicker {
	 box-shadow: 0 10px 24px rgba(20, 213, 195, .09) 
}
 .grid, .quick-grid, .kpi-grid {
	 gap: 16px 
}
 .card, .panel, .form-card {
	 border-radius: var(--sn-radius) !important;
	 border: 1px solid var(--sn-border) !important;
	 box-shadow: var(--sn-shadow) !important 
}
 .card {
	 padding: clamp(16px, 2vw, 24px) 
}
 .compact-card {
	 padding: 18px 
}
 .metric-row, .card-header {
	 gap: 14px 
}
 .metric-icon {
	 flex: 0 0 auto 
}
 .muted, .card-subtitle, .mini-note {
	 color: var(--sn-muted) !important;
	 line-height: 1.9 
}
 .badge {
	 min-height: 28px;
	 border: 1px solid rgba(15, 23, 42, .05) 
}
 input, select, textarea {
	 max-width: 100%;
	 font-size: 15px 
}
 .form-grid, .grid-form-v70 {
	 gap: 14px 
}
 .inline {
	 align-items: center 
}
 .inline>* {
	 flex: 0 1 auto 
}
 .inline input, .inline select {
	 min-width: min(260px, 100%) 
}
 .btn, button, .button, input[type="submit"] {
	 white-space: nowrap;
	 touch-action: manipulation 
}
 .btn.secondary:hover, button.secondary:hover, .secondary:hover {
	 background: #f8fffd !important 
}
 .actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .actions form {
	 display: inline-flex;
	 margin: 0 
}
 .hidden, [hidden] {
	 display: none !important 
}
 .table-wrap {
	 max-width: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch 
}
 .table-wrap table {
	 min-width: 760px 
}
 th {
	 white-space: nowrap 
}
 td {
	 line-height: 1.75 
}
 .thumb {
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .06) 
}
 .sidebar-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(2, 8, 23, .42);
	 opacity: 0;
	 pointer-events: none;
	 z-index: 39;
	 transition: opacity .18s ease;
	 backdrop-filter: blur(3px) 
}
 .sidebar-open .sidebar-backdrop {
	 opacity: 1;
	 pointer-events: auto 
}
 .modal-open {
	 overflow: hidden 
}
 .modal-form-backdrop, .modal {
	 position: fixed;
	 inset: 0;
	 z-index: 70;
	 background: rgba(2, 8, 23, .42);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(6px) 
}
 .modal-form-backdrop.hidden, .modal:not(.open) {
	 display: none 
}
 .modal-form-card {
	 width: min(720px, 100%);
	 max-height: 88vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 28px;
	 border: 1px solid var(--sn-border);
	 box-shadow: 0 28px 80px rgba(2, 8, 23, .25) 
}
 .modal-form-head {
	 position: sticky;
	 top: 0;
	 z-index: 2;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 16px 18px;
	 background: rgba(255, 255, 255, .92);
	 border-bottom: 1px solid var(--sn-border);
	 backdrop-filter: blur(14px) 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .ghost {
	 background: transparent !important;
	 color: var(--sn-text) !important;
	 box-shadow: none !important;
	 border: 1px solid var(--sn-border) !important;
	 width: 42px;
	 height: 42px;
	 padding: 0 
}
 .public-body-v70 {
	 min-height: 100vh 
}
 .public-header-v70 {
	 position: sticky;
	 top: 0;
	 z-index: 30;
	 background: rgba(255, 255, 255, .78) !important 
}
 .public-main-v70 {
	 width: min(1180px, 100%);
	 margin-inline: auto;
	 padding: clamp(18px, 3vw, 34px) 
}
 @media (max-width:1180px) {
	 .content-wrap {
		 padding-inline: 18px 
	}
	 .grid, .quick-grid, .kpi-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
}
 @media (max-width:860px) {
	 .content-wrap {
		 padding: 16px 
	}
	 .mobile-topbar {
		 display: flex !important 
	}
	 .sidebar {
		 z-index: 50;
		 width: min(320px, 86vw) !important;
		 transform: translateX(105%) 
	}
	 .sidebar-open .sidebar, .sidebar.open {
		 transform: translateX(0) !important 
	}
	 .page-hero, .page-head, .card-header {
		 display: grid;
		 align-items: start 
	}
	 .page-actions, .inline, .actions {
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button, .inline>* {
		 width: 100% 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 border-radius: 18px !important 
	}
	 .table-wrap table {
		 min-width: 680px 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .mobile-card, .mobile-only {
		 display: block !important 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important 
	}
	 .public-header-v70 {
		 padding: 12px 16px !important 
	}
	 .public-header-v70 nav {
		 gap: 8px;
		 flex-wrap: wrap 
	}
}
 @media (max-width:520px) {
	 .content-wrap {
		 padding: 12px 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 24px 
	}
	 .card {
		 padding: 14px 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 justify-content: center 
	}
	 .table-wrap table {
		 min-width: 620px 
	}
	 th, td {
		 padding: 10px 11px 
	}
	 .modal-form-backdrop, .modal {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
	 .brand-subtitle {
		 display: none 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto 
	}
	 .public-main-v70 {
		 padding: 16px 12px 
	}
}
 @media (prefers-reduced-motion:reduce) {
	 *, *::before, *::after {
		 scroll-behavior: auto !important;
		 transition: none !important;
		 animation: none !important 
	}
}
/* ===== ShopNegar Demo/Product UI Signature 2026-05-10 ===== */
 .platform-hero {
	 position: relative;
	 overflow: hidden;
	 padding: 20px;
	 border-radius: 30px;
	 background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(231, 255, 249, .82));
	 border: 1px solid rgba(14, 165, 164, .14);
	 box-shadow: 0 18px 54px rgba(2, 44, 45, .07) 
}
 .platform-product-kpis .stat {
	 min-height: 138px 
}
 .platform-panels {
	 align-items: start 
}
 .mini-kpi-list {
	 display: grid;
	 gap: 10px 
}
 .mini-kpi-list>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12) 
}
 .mini-kpi-list b {
	 font-size: 20px;
	 color: #0f766e 
}
 .mini-kpi-list span {
	 color: #64748b;
	 font-weight: 800;
	 font-size: 13px 
}
 .mobile-topbar {
	 min-height: 62px 
}
 .mobile-topbar .icon-button {
	 flex: 0 0 44px;
	 border-radius: 16px 
}
 .sidebar {
	 will-change: transform 
}
 .sidebar-backdrop {
	 display: block !important 
}
 .sidebar-close {
	 display: none;
	 position: sticky;
	 top: 0;
	 margin: 0 0 12px auto;
	 width: 44px;
	 height: 44px;
	 padding: 0;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .10) !important;
	 color: #fff !important;
	 border: 1px solid rgba(255, 255, 255, .18) !important;
	 box-shadow: none !important;
	 z-index: 3 
}
 .sidebar-open {
	 overflow: hidden 
}
 .sidebar-open .mobile-topbar {
	 z-index: 65 
}
 .sidebar-open .sidebar-backdrop, .sidebar-backdrop.open {
	 opacity: 1 !important;
	 pointer-events: auto !important 
}
 .sidebar.open, .sidebar[data-open="true"] {
	 transform: translateX(0) !important 
}
 @media (max-width:860px) {
	 body {
		 overflow-x: hidden 
	}
	 .app-shell {
		 display: block !important 
	}
	 .main {
		 width: 100%;
		 min-width: 0 
	}
	 .mobile-topbar {
		 display: flex !important;
		 align-items: center;
		 justify-content: space-between;
		 gap: 12px;
		 position: sticky;
		 top: 0;
		 z-index: 60;
		 background: rgba(255, 255, 255, .92);
		 backdrop-filter: blur(16px);
		 border-bottom: 1px solid rgba(14, 165, 164, .14) 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0 !important;
		 right: 0 !important;
		 bottom: 0 !important;
		 height: 100dvh !important;
		 width: min(330px, 88vw) !important;
		 max-width: 88vw !important;
		 transform: translateX(110%) !important;
		 z-index: 80 !important;
		 transition: transform .22s ease !important;
		 padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important 
	}
	 .sidebar-close {
		 display: inline-flex !important;
		 align-items: center;
		 justify-content: center 
	}
	 .sidebar-backdrop {
		 position: fixed !important;
		 inset: 0 !important;
		 z-index: 70 !important;
		 background: rgba(2, 8, 23, .48) !important;
		 opacity: 0 !important;
		 pointer-events: none !important;
		 backdrop-filter: blur(4px) !important 
	}
	 .content-wrap {
		 width: 100% !important;
		 max-width: 100% !important;
		 padding: 16px 12px 84px !important;
		 overflow-x: hidden 
	}
	 .page-hero, .page-head, .topbar, .card-header {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: start !important 
	}
	 .page-actions, .actions, .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 width: 100% !important 
	}
	 .page-actions .btn, .page-actions button, .actions .btn, .actions button, .actions form, .inline>* {
		 width: 100% !important 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .platform-product-kpis, .platform-panels {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 padding: 14px !important;
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 width: 100% !important;
		 overflow-x: auto !important;
		 -webkit-overflow-scrolling: touch !important 
	}
	 .table-wrap table {
		 min-width: 680px !important 
	}
	 .searchbox input {
		 width: 100% !important;
		 min-width: 0 !important;
		 margin-top: 10px 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .brand-card {
		 margin-top: 4px 
	}
	 .mini-kpi-list>div {
		 align-items: flex-start;
		 flex-direction: column 
	}
	 .platform-hero {
		 border-radius: 24px;
		 padding: 16px 
	}
}
 @media (max-width:520px) {
	 .mobile-topbar {
		 padding: 10px 12px 
	}
	 .mobile-topbar span {
		 font-size: 14px 
	}
	 .sidebar {
		 width: min(310px, 90vw) !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 23px !important 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto !important 
	}
	 .num {
		 font-size: 26px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 min-height: 46px 
	}
	 .table-wrap table {
		 min-width: 620px !important 
	}
}
/* ===== ShopNegar Platform Pro Console v6 ===== */
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(236, 255, 250, .78));
}
 .status-stack {
	 display: grid;
	 gap: 7px;
	 align-items: start 
}
 .warning-list {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 5px;
	 margin-top: 6px 
}
 .warning-list span {
	 display: inline-flex;
	 align-items: center;
	 padding: 5px 8px;
	 border-radius: 999px;
	 background: #fff7ed;
	 border: 1px solid #fed7aa;
	 color: #9a3412;
	 font-size: 11px;
	 font-weight: 900 
}
 .inline-warnings {
	 margin: 0 
}
 .success-note {
	 display: inline-flex;
	 width: max-content;
	 padding: 6px 9px;
	 border-radius: 999px;
	 background: #dcfce7;
	 color: #166534;
	 font-size: 11px;
	 font-weight: 950 
}
 .store-mini-form {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 7px;
	 min-width: 240px 
}
 .store-mini-form label {
	 font-size: 11.5px;
	 font-weight: 950;
	 color: #40606a 
}
 .store-mini-form input, .store-mini-form select, .store-mini-form textarea {
	 margin: 0;
	 min-height: 40px;
	 border-radius: 14px 
}
 .store-mini-form button {
	 min-height: 40px;
	 border-radius: 14px 
}
 .form-grid.tight {
	 gap: 7px;
	 margin: 0 
}
 .compact-actions {
	 margin-top: 8px 
}
 .compact-actions .btn, .compact-actions button {
	 min-height: 38px;
	 padding: 8px 10px;
	 border-radius: 13px 
}
 .ops-details {
	 min-width: 260px 
}
 .ops-details summary {
	 cursor: pointer;
	 list-style: none;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 42px;
	 padding: 9px 12px;
	 border-radius: 15px;
	 background: #f0fdfa;
	 border: 1px solid rgba(14, 165, 164, .18);
	 font-weight: 950;
	 color: #0f766e 
}
 .ops-details summary::-webkit-details-marker {
	 display: none 
}
 .ops-details[open] summary {
	 margin-bottom: 10px;
	 background: #ccfbf1 
}
 .danger-zone {
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: 1px dashed rgba(190, 18, 60, .22) 
}
 .single-action {
	 margin-top: 8px 
}
 .single-action button {
	 width: 100% 
}
 .checkline {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 flex-direction: row !important;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 14px;
	 padding: 9px 
}
 .checkline input {
	 width: auto !important;
	 min-height: auto !important;
	 margin: 0 !important 
}
 .support-action-list {
	 display: grid;
	 gap: 10px 
}
 .support-action-list a {
	 display: grid;
	 gap: 3px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14);
	 transition: .15s ease 
}
 .support-action-list a:hover {
	 transform: translateY(-1px);
	 border-color: rgba(14, 165, 164, .28);
	 box-shadow: 0 12px 26px rgba(6, 25, 29, .07) 
}
 .support-action-list b {
	 font-weight: 950;
	 color: #073b3c 
}
 .support-action-list span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .checklist.compact .check-row {
	 min-height: 54px 
}
 .platform-store-table td {
	 vertical-align: top 
}
 .platform-store-table .table-copy-input {
	 min-width: 280px 
}
 @media(max-width:860px) {
	 .platform-store-table {
		 min-width: 980px !important 
	}
	 .store-mini-form {
		 min-width: 220px 
	}
	 .ops-details {
		 min-width: 240px 
	}
	 .platform-explainer {
		 grid-template-columns: 1fr !important 
	}
	 .support-action-list a {
		 padding: 12px 
	}
	 .warning-list span {
		 font-size: 10.5px 
	}
	 .platform-store-table .table-copy-input {
		 min-width: 240px 
	}
}
 @media(max-width:520px) {
	 .store-mini-form {
		 min-width: 210px 
	}
	 .compact-actions {
		 display: grid !important;
		 grid-template-columns: 1fr !important 
	}
	 .ops-details {
		 min-width: 220px 
	}
}
/* ===== ENAMAD ===== */
 .shopnegar-enamad {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 16px auto;
	 padding: 10px;
}
 .shopnegar-enamad .enamad-link {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 18px;
	 background: rgba(255, 255, 255, .75);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 transition: .25s ease;
	 text-decoration: none !important;
	 box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}
 .shopnegar-enamad .enamad-link:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}
 .shopnegar-enamad .enamad-image {
	 width: 110px;
	 height: auto;
	 object-fit: contain;
	 display: block;
}
 @media (max-width: 768px) {
	 .shopnegar-enamad .enamad-image {
		 width: 92px;
	}
}
/* ===== UX polish v1.0.1: forms, orders, dashboard readability ===== */
 .content-wrap {
	 font-size: 14.5px 
}
 .num {
	 font-size: clamp(22px, 2.4vw, 34px) !important;
	 letter-spacing: -.02em 
}
 .money-num {
	 font-size: clamp(18px, 1.8vw, 28px) !important 
}
 .label {
	 font-size: 13px;
	 color: #47606a;
	 font-weight: 900 
}
 .hint {
	 font-size: 12px;
	 color: #64748b;
	 line-height: 1.8 
}
 .ux-form {
	 gap: 12px 14px 
}
 .ux-form>div:not(.full), .product-modal-form>div:not(.full) {
	 background: rgba(248, 255, 253, .72);
	 border: 1px solid rgba(14, 165, 164, .10);
	 border-radius: 18px;
	 padding: 11px 
}
 .ux-form label, .product-modal-form label {
	 font-size: 12.5px;
	 font-weight: 950;
	 color: #24444d;
	 margin-bottom: 6px;
	 display: block 
}
 .ux-form input, .ux-form select, .ux-form textarea, .product-modal-form input, .product-modal-form select, .product-modal-form textarea {
	 min-height: 44px;
	 border-radius: 15px;
	 border: 1px solid #cfe9e6;
	 background: #fff;
	 padding: 10px 12px 
}
 .form-step {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 background: linear-gradient(135deg, #ecfffb, #fff);
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 20px;
	 padding: 12px 14px !important 
}
 .form-step b {
	 font-size: 14px;
	 color: #0f766e 
}
 .form-step span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .import-panel {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .import-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .attrs-grid, .variant-grid {
	 gap: 8px 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 8px 
}
 .variant-row {
	 grid-template-columns: 1.2fr .8fr .7fr .7fr auto 
}
 .order-summary-grid .compact-stat {
	 min-height: 126px 
}
 .pro-order-board {
	 overflow: hidden 
}
 .pro-orders-table th, .pro-orders-table td {
	 vertical-align: top 
}
 .order-items-mini {
	 display: grid;
	 gap: 4px;
	 min-width: 180px 
}
 .order-items-mini span {
	 display: inline-flex;
	 width: max-content;
	 max-width: 260px;
	 padding: 4px 8px;
	 border-radius: 999px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 font-size: 12px 
}
 .order-inline-form {
	 display: grid !important;
	 grid-template-columns: minmax(120px, 1fr) minmax(90px, .9fr) auto;
	 gap: 6px 
}
 .pro-order-card {
	 border-radius: 22px 
}
 .guide-list {
	 line-height: 2.2;
	 color: #334155 
}
 .help-grid .card {
	 min-height: 190px 
}
 .shopnegar-enamad .enamad-image {
	 max-width: 110px !important 
}
 @media(max-width:860px) {
	 .import-panel {
		 display: grid 
	}
	 .import-actions {
		 display: grid;
		 width: 100% 
	}
	 .form-step {
		 display: grid 
	}
	 .order-mobile-list {
		 display: grid !important 
	}
	 .order-inline-form {
		 grid-template-columns: 1fr !important 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr !important 
	}
	 .variant-row, .attr-row {
		 grid-template-columns: 1fr !important 
	}
	 .compact-stat {
		 min-height: auto 
	}
	 .num {
		 font-size: 25px !important 
	}
	 .money-num {
		 font-size: 21px !important 
	}
}
/* ShopNegar v1.0.2 - bot activation notices */
 .notice-board {
	 border: 1px solid rgba(34, 197, 94, .18);
	 background: linear-gradient(180deg, #ffffff, #f8fffb) 
}
 .notice-list {
	 display: grid;
	 gap: 10px;
	 margin-top: 10px 
}
 .notice-item {
	 display: flex;
	 gap: 10px;
	 align-items: flex-start;
	 border: 1px solid #e5e7eb;
	 border-radius: 16px;
	 padding: 12px 14px;
	 background: #fff 
}
 .notice-item span {
	 font-size: 20px;
	 line-height: 1 
}
 .notice-item b {
	 display: block;
	 font-size: 14px;
	 color: #111827;
	 margin-bottom: 4px 
}
 .notice-item small {
	 display: block;
	 color: #6b7280;
	 font-size: 12px;
	 direction: ltr;
	 text-align: right 
}
 .notice-item.ok {
	 border-color: rgba(34, 197, 94, .28);
	 background: #f0fdf4 
}
 .notice-item.danger {
	 border-color: rgba(239, 68, 68, .28);
	 background: #fef2f2 
}
 .alert {
	 border-radius: 16px;
	 padding: 12px 14px;
	 margin: 12px 0;
	 font-weight: 700 
}
 .alert.success {
	 background: #ecfdf5;
	 border: 1px solid #bbf7d0;
	 color: #166534 
}
 .alert.danger {
	 background: #fef2f2;
	 border: 1px solid #fecaca;
	 color: #991b1b 
}
/* ===== ShopNegar v1.0.3: plan-safe rendering, compact grids, bot guide ===== */
 html {
	 font-size: 14px 
}
 body {
	 font-size: 13.5px !important;
	 line-height: 1.65 
}
 .content-wrap {
	 font-size: 13.5px !important;
	 max-width: 1240px !important;
	 padding: 22px !important 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(20px, 2vw, 25px) !important;
	 line-height: 1.45 !important;
	 margin: 6px 0 !important 
}
 .page-hero, .page-head {
	 padding: 16px 0 12px !important;
	 margin-bottom: 12px !important 
}
 .page-kicker {
	 font-size: 10.5px !important;
	 padding: 5px 10px !important 
}
 .muted, .card-subtitle, small {
	 font-size: 12px !important;
	 line-height: 1.8 !important 
}
 .card {
	 border-radius: 22px !important;
	 padding: 15px !important;
	 margin-bottom: 12px !important;
	 box-shadow: 0 14px 38px rgba(6, 25, 29, .065) !important 
}
 .card-title, .form-section-title {
	 font-size: 15px !important;
	 line-height: 1.6 !important 
}
 .grid, .grid-2, .quick-grid, .kpi-grid {
	 gap: 11px !important;
	 margin-bottom: 12px !important 
}
 .quick-card {
	 border-radius: 20px !important;
	 padding: 13px !important;
	 gap: 10px !important 
}
 .quick-card .icon, .metric-icon {
	 width: 42px !important;
	 height: 42px !important;
	 border-radius: 16px !important;
	 font-size: 19px !important 
}
 .num {
	 font-size: clamp(20px, 1.9vw, 28px) !important;
	 margin-top: 3px !important 
}
 .label {
	 font-size: 12px !important 
}
 .hint {
	 font-size: 11.5px !important 
}
 .btn, button, .button, input[type="submit"] {
	 min-height: 39px !important;
	 border-radius: 14px !important;
	 padding: 8px 12px !important;
	 font-size: 12.5px !important;
	 box-shadow: none !important 
}
 input, select, textarea {
	 min-height: 40px !important;
	 border-radius: 13px !important;
	 padding: 9px 11px !important;
	 font-size: 13px !important 
}
 label {
	 font-size: 12.5px !important;
	 margin-bottom: 5px !important 
}
 .form-grid {
	 gap: 10px !important 
}
 .form-section {
	 border-radius: 18px !important;
	 padding: 13px !important;
	 margin-bottom: 10px !important 
}
 .table-wrap {
	 border-radius: 18px !important;
	 max-width: 100% !important;
	 overflow: auto !important 
}
 table {
	 min-width: 760px !important;
	 font-size: 12.5px !important 
}
 th, td {
	 padding: 9px 10px !important 
}
 th {
	 font-size: 11.5px !important 
}
 .badge {
	 font-size: 11px !important;
	 padding: 5px 9px !important 
}
 .thumb {
	 width: 48px !important;
	 height: 48px !important;
	 border-radius: 14px !important 
}
 .nav-item {
	 min-height: 42px !important;
	 padding: 8px 10px !important;
	 border-radius: 15px !important 
}
 .nav-item span {
	 width: 24px !important;
	 height: 24px !important;
	 border-radius: 9px !important 
}
 .nav-item b {
	 font-size: 12.5px !important 
}
 .nav-section-title {
	 font-size: 10.5px !important;
	 margin: 14px 8px 7px !important 
}
 .brand-title {
	 font-size: 17px !important 
}
 .brand-logo-wrap {
	 width: 48px !important;
	 height: 48px !important;
	 min-width: 48px !important;
	 border-radius: 18px !important 
}
 .sidebar {
	 padding: 16px 13px !important 
}
 .brand-card {
	 padding: 10px !important;
	 border-radius: 20px !important;
	 margin-bottom: 16px !important 
}
 .import-panel {
	 display: grid !important;
	 grid-template-columns: minmax(240px, 1fr) auto !important;
	 align-items: center !important;
	 background: linear-gradient(135deg, #f8fffd, #ffffff) !important;
	 overflow: hidden !important 
}
 .import-actions {
	 display: flex !important;
	 align-items: center !important;
	 justify-content: flex-end !important;
	 gap: 8px !important 
}
 .import-file-form {
	 display: flex !important;
	 align-items: center !important;
	 gap: 8px !important 
}
 .file-picker {
	 position: relative;
	 margin: 0 !important;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 39px;
	 border-radius: 14px;
	 border: 1px dashed rgba(14, 165, 164, .35);
	 background: #fff;
	 padding: 8px 12px;
	 font-weight: 900;
	 color: #0f766e;
	 cursor: pointer 
}
 .file-picker input {
	 position: absolute;
	 inset: 0;
	 opacity: 0;
	 cursor: pointer;
	 min-height: auto !important 
}
 .file-picker span {
	 white-space: nowrap 
}
 .guide-alert, .setup-callout {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 margin-bottom: 12px;
	 border-radius: 22px;
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: linear-gradient(135deg, #ecfffb, #ffffff);
	 box-shadow: 0 14px 34px rgba(6, 25, 29, .06) 
}
 .guide-alert b, .setup-callout b {
	 display: block;
	 font-size: 15px;
	 color: #073b3c;
	 margin-bottom: 2px 
}
 .guide-alert span, .setup-callout span {
	 display: block;
	 color: #64748b;
	 font-size: 12.5px;
	 line-height: 1.8 
}
 .setup-actions {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .bot-token-layout {
	 display: grid;
	 grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
	 gap: 14px;
	 align-items: start 
}
 .bot-guide-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 9px 
}
 .bot-guide-card b {
	 font-size: 14px;
	 color: #073b3c 
}
 .bot-guide-card ol {
	 margin: 0;
	 padding-right: 18px;
	 color: #334155;
	 line-height: 2 
}
 .bot-guide-card li {
	 font-size: 12.5px 
}
 .botfather-box {
	 display: grid;
	 gap: 8px;
	 padding: 12px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14) 
}
 .botfather-box code, .bot-guide-card code {
	 direction: ltr;
	 text-align: left;
	 display: inline-flex;
	 width: max-content 
}
 .onboarding-grid {
	 align-items: start 
}
 .product-attrs-head {
	 gap: 10px !important 
}
 .attr-row, .variant-row {
	 gap: 7px !important 
}
 .modal-card.wide {
	 max-width: min(980px, 96vw) !important 
}
 .modal-head h2 {
	 font-size: 18px !important;
	 margin: 0 !important 
}
 @media(max-width:980px) {
	 .import-panel, .bot-token-layout {
		 grid-template-columns: 1fr !important 
	}
	 .import-actions, .import-file-form, .setup-actions {
		 display: grid !important;
		 width: 100% !important 
	}
	 .guide-alert, .setup-callout {
		 display: grid !important 
	}
	 .guide-alert .btn, .setup-actions .btn {
		 width: 100% !important 
	}
	 .content-wrap {
		 padding: 16px 12px 76px !important 
	}
	 .card {
		 padding: 13px !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 22px !important 
	}
	 table {
		 min-width: 680px !important 
	}
}
 @media(max-width:520px) {
	 body {
		 font-size: 13px !important 
	}
	 .content-wrap {
		 padding: 12px 10px 76px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 font-size: 12.3px !important 
	}
	 .num {
		 font-size: 22px !important 
	}
	 .card-title, .form-section-title {
		 font-size: 14.5px !important 
	}
	 th, td {
		 padding: 8px !important 
	}
	 .file-picker {
		 width: 100% 
	}
}
/* ===== ShopNegar v1.0.5 - Negar default theme for all management pages ===== */
 :root {
	 --primary: #19C9C2;
	 --primary-2: #0B68C7;
	 --primary-soft: #E9FBFB;
	 --navy: #081D56;
	 --navy-2: #08337E;
	 --gold: #F7B731;
	 --bg: #F4FBFB;
	 --surface: #FFFFFF;
	 --surface-2: #F8FDFD;
	 --text: #0B1730;
	 --muted: #66788F;
	 --line: rgba(8, 37, 111, .12);
	 --panel-bg: #F4FBFB;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(8, 37, 111, .12);
	 --panel-text: #0B1730;
	 --panel-muted: #66788F;
	 --panel-primary: #19C9C2;
	 --panel-primary-2: #0B68C7;
	 --panel-gold: #F7B731;
	 --shadow: 0 22px 64px rgba(8, 37, 111, .09);
}
 html {
	 background: var(--bg) !important 
}
 body:not(.miniapp-body):not(.public-body-v104):not(.auth-body-v104) {
	 color: var(--text) !important;
	 background: radial-gradient(circle at 15% 7%, rgba(25, 201, 194, .18), transparent 28%), radial-gradient(circle at 88% 12%, rgba(8, 37, 111, .10), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f4fbfb 55%, #eef8f7 100%) !important;
}
 .sidebar {
	 background: radial-gradient(circle at 15% 5%, rgba(25, 201, 194, .22), transparent 30%), linear-gradient(180deg, #071B53 0%, #08256F 58%, #06324F 100%) !important;
	 box-shadow: -18px 0 60px rgba(8, 37, 111, .20) !important;
}
 .brand-card {
	 border-color: rgba(25, 201, 194, .24) !important;
	 background: rgba(255, 255, 255, .075) !important 
}
 .brand-subtitle, .user-pill small, .nav-section-title {
	 color: #BFF7F4 !important 
}
 .nav-item {
	 color: #E8FCFF !important 
}
 .nav-item.active, .btn:not(.secondary):not(.danger):not(.ok):not(.gold), button:not(.secondary):not(.danger):not(.ok):not(.gold), .page-kicker, .quick-card .icon {
	 background: linear-gradient(135deg, #19C9C2, #0B68C7) !important;
	 color: #fff !important;
}
 .btn.secondary, button.secondary {
	 background: #fff !important;
	 color: #0B3A70 !important;
	 border-color: rgba(8, 37, 111, .14) !important 
}
 .card, .quick-card, .form-section, .table-wrap {
	 border-color: rgba(8, 37, 111, .10) !important;
	 box-shadow: 0 18px 52px rgba(8, 37, 111, .075) !important;
}
 th {
	 background: #F5FBFD !important;
	 color: #173454 !important 
}
 input:focus, select:focus, textarea:focus {
	 border-color: #19C9C2 !important;
	 box-shadow: 0 0 0 4px rgba(25, 201, 194, .14) !important 
}
 .badge.info, .page-kicker {
	 background: #E9FBFB !important;
	 color: #086977 !important;
	 border: 1px solid rgba(25, 201, 194, .18) !important 
}
 .num, .money-num {
	 color: #0B1730 !important 
}
 .color-picker-row-v105 {
	 display: grid;
	 grid-template-columns: 72px 1fr;
	 gap: 12px;
	 align-items: center 
}
 .color-picker-row-v105 input[type="color"] {
	 width: 72px !important;
	 height: 48px !important;
	 min-height: 48px !important;
	 padding: 4px !important;
	 border-radius: 16px !important;
	 cursor: pointer;
	 background: #fff !important 
}
 .color-picker-row-v105 .color-code-v105 {
	 height: 48px;
	 display: flex;
	 align-items: center;
	 padding: 0 13px;
	 border: 1px solid rgba(8, 37, 111, .12);
	 border-radius: 16px;
	 background: #fff;
	 color: #0B1730;
	 font-weight: 900;
	 direction: ltr;
	 text-align: left 
}
 .color-help-v105 {
	 display: block;
	 margin-top: 8px;
	 color: #66788F;
	 font-size: 12px;
	 line-height: 1.85 
}
/* ===== ShopNegar v1.0.6 - Sky Blue default admin theme + platform grids ===== */
 :root {
	 --primary: #18BFD0;
	 --primary-2: #0B68C7;
	 --primary-soft: #E8F9FF;
	 --bg: #F3FBFF;
	 --surface-2: #F7FCFF;
	 --line: #D6EAF3;
	 --info: #0B68C7;
	 --info-soft: #EAF4FF;
}
 html {
	 background: #F3FBFF !important 
}
 body {
	 background: radial-gradient(circle at 100% 0%, rgba(24, 191, 208, .18), transparent 34%), radial-gradient(circle at 0% 8%, rgba(11, 104, 199, .08), transparent 30%), linear-gradient(180deg, #FBFDFF 0%, #F0F9FF 100%) !important;
}
 .card, .quick-card, .table-wrap, input, select, textarea {
	 border-color: rgba(11, 104, 199, .13) !important 
}
 th {
	 background: #F3FAFF !important;
	 color: #24445A !important 
}
 tr:hover td {
	 background: #FAFDFF !important 
}
 .page-kicker {
	 background: #E8F9FF !important;
	 color: #075985 !important 
}
 .platform-hero {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(232, 249, 255, .86)) !important;
	 border-color: rgba(11, 104, 199, .12) !important 
}
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(240, 249, 255, .82)) !important 
}
 .metric-icon {
	 background: linear-gradient(135deg, #E8F9FF, #EEF6FF) !important 
}
 .stat:after {
	 background: rgba(24, 191, 208, .10) !important 
}
 .btn.secondary, button.secondary {
	 background: #F6FCFF !important;
	 color: #16445B !important;
	 border-color: rgba(11, 104, 199, .15) !important 
}
 .empty {
	 background: linear-gradient(135deg, #fff, #F7FCFF) !important;
	 border-color: rgba(11, 104, 199, .22) !important 
}
 .store-grid-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .store-card-v106 {
	 display: flex;
	 flex-direction: column;
	 background: rgba(255, 255, 255, .90);
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 26px;
	 box-shadow: 0 16px 45px rgba(8, 47, 73, .08);
	 overflow: hidden;
	 transition: .16s ease 
}
 .store-card-v106:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(8, 47, 73, .12) 
}
 .store-card-main-v106 {
	 display: grid;
	 gap: 12px;
	 padding: 16px;
	 color: inherit 
}
 .store-card-top-v106 {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 10px 
}
 .store-card-top-v106 h3 {
	 margin: 0;
	 font-size: 17px;
	 line-height: 1.6 
}
 .store-card-top-v106 span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 2px 
}
 .store-status-v106 {
	 padding: 6px 10px;
	 border-radius: 999px;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .store-status-v106.is-ok {
	 background: #DCFCE7;
	 color: #166534 
}
 .store-status-v106.is-bad {
	 background: #FFF1F2;
	 color: #9F1239 
}
 .store-meta-v106 {
	 display: grid;
	 gap: 7px;
	 color: #475569;
	 font-size: 12.5px 
}
 .store-meta-v106 span {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 padding: 7px 9px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .08) 
}
 .store-numbers-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 8px 
}
 .store-numbers-v106 div {
	 min-height: 66px;
	 border-radius: 18px;
	 background: linear-gradient(180deg, #fff, #F5FBFF);
	 border: 1px solid rgba(11, 104, 199, .09);
	 display: grid;
	 place-items: center;
	 text-align: center 
}
 .store-numbers-v106 b {
	 font-size: 20px;
	 color: #075985 
}
 .store-numbers-v106 span {
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .store-card-actions-v106 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 padding: 12px 16px 16px;
	 border-top: 1px solid rgba(11, 104, 199, .08) 
}
 .store-card-actions-v106 .btn {
	 width: 100%;
	 min-height: 40px 
}
 .compact-warnings-v106 {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 6px 
}
 .compact-warnings-v106 span {
	 font-size: 11.5px;
	 background: #FFF7ED;
	 color: #9A3412;
	 border: 1px solid #FED7AA;
	 border-radius: 999px;
	 padding: 5px 8px 
}
 .small-num-v106 {
	 font-size: 22px !important 
}
 .store-detail-form-v106 {
	 grid-template-columns: repeat(2, minmax(0, 1fr)) 
}
 .store-detail-form-v106 .full {
	 grid-column: 1/-1 
}
 .store-edit-layout-v106 {
	 align-items: start 
}
 .store-health-grid-v106 {
	 grid-template-columns: repeat(4, minmax(0, 1fr)) 
}
 .warning-card-v106 {
	 border-color: rgba(245, 158, 11, .18) !important;
	 background: linear-gradient(135deg, #fff, #FFF7ED) !important 
}
 .stack-actions-v106 {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin-bottom: 14px 
}
 .stack-actions-v106 form {
	 display: inline-flex 
}
 .danger-zone-v106 {
	 margin-top: 12px;
	 padding-top: 14px;
	 border-top: 1px dashed rgba(225, 29, 72, .18) 
}
 .mini-log-v106 {
	 display: grid;
	 gap: 8px 
}
 .mini-log-v106>b {
	 margin-top: 8px;
	 color: #0f172a 
}
 .mini-log-v106>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 9px 11px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .09) 
}
 .mini-log-v106 em {
	 font-style: normal;
	 font-weight: 950 
}
 .ok-text {
	 color: #166534 
}
 .bad-text {
	 color: #b91c1c 
}
 .compact-form-v106 input, .compact-form-v106 select, .store-detail-form-v106 input, .store-detail-form-v106 select, .store-detail-form-v106 textarea {
	 min-height: 42px !important 
}
 .platform-store-overview-v106 .card-header {
	 align-items: center 
}
 @media(max-width:1180px) {
	 .store-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .store-health-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:760px) {
	 .store-grid-v106, .store-detail-form-v106, .store-edit-layout-v106, .store-health-grid-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-actions-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-v106 {
		 border-radius: 22px 
	}
	 .content-wrap {
		 padding: 16px 
	}
	 .page-title {
		 font-size: 23px 
	}
}
/* ===== ShopNegar v1.0.7 - plan matrix, orders grid, public spacing ===== */
 .plans-matrix-wrap-v104 {
	 max-width: 1180px;
	 margin-inline: auto;
	 overflow-x: auto;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .72);
	 box-shadow: 0 22px 70px rgba(14, 58, 98, .08) 
}
 .plans-matrix-v104 {
	 min-width: 980px;
	 font-size: 13px 
}
 .plans-matrix-v104 th, .plans-matrix-v104 td {
	 padding: 12px 14px 
}
 .plans-matrix-v104 thead th {
	 background: linear-gradient(180deg, #eef8ff, #fff) 
}
 .plans-matrix-v104 thead th.featured-col {
	 background: linear-gradient(180deg, #dff7ff, #eef9ff) 
}
 .orders-kpi-v107 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 18px 
}
 .orders-board-v107 {
	 padding: 16px !important;
	 overflow: hidden 
}
 .orders-board-head-v107 {
	 align-items: center 
}
 .orders-table-shell-v107 {
	 width: 100%;
	 overflow: auto;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 background: #fff 
}
 .orders-table-v107 {
	 width: 100%;
	 min-width: 1040px;
	 border-collapse: separate;
	 border-spacing: 0 
}
 .orders-table-v107 th {
	 font-size: 12px;
	 background: #f1f8ff;
	 color: #173b5d 
}
 .orders-table-v107 td {
	 font-size: 13px;
	 vertical-align: top 
}
 .orders-table-v107 small {
	 display: block;
	 color: #64748b;
	 line-height: 1.8 
}
 .order-no-v107 b {
	 font-size: 13px 
}
 .order-items-mini-v107 {
	 display: flex;
	 gap: 6px;
	 flex-wrap: wrap;
	 max-width: 300px 
}
 .order-items-mini-v107 span {
	 display: inline-flex;
	 max-width: 260px;
	 padding: 5px 9px;
	 border-radius: 999px;
	 background: #f7fcff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 font-size: 12px;
	 white-space: normal 
}
 .order-actions-v107 {
	 display: grid;
	 gap: 8px;
	 min-width: 260px 
}
 .order-actions-v107 form {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 7px;
	 align-items: center 
}
 .order-actions-v107 form+form {
	 grid-template-columns: 1fr 
}
 .order-actions-v107 input, .order-actions-v107 select {
	 min-height: 40px;
	 padding: 9px;
	 border-radius: 13px 
}
 .mobile-only-v107 {
	 display: none 
}
 .desktop-only-v107 {
	 display: block 
}
 .orders-card-grid-v107 {
	 display: grid;
	 gap: 12px 
}
 .order-card-v107 {
	 background: #fff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 padding: 13px;
	 box-shadow: 0 18px 45px rgba(14, 58, 98, .07) 
}
 .order-card-v107 header {
	 display: flex;
	 justify-content: space-between;
	 gap: 10px;
	 align-items: flex-start;
	 margin-bottom: 10px 
}
 .order-card-v107 header small {
	 display: block;
	 color: #64748b;
	 margin-top: 3px 
}
 .order-info-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 9px 
}
 .order-info-v107 div {
	 background: #f8fcff;
	 border: 1px solid rgba(11, 104, 199, .10);
	 border-radius: 16px;
	 padding: 9px 
}
 .order-info-v107 .full {
	 grid-column: 1/-1 
}
 .order-info-v107 span {
	 display: block;
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .order-info-v107 b {
	 font-size: 13px 
}
 .order-info-v107 p {
	 margin: 4px 0 0;
	 color: #334155;
	 line-height: 1.8 
}
 .quick-order-form-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 margin-top: 10px 
}
 .quick-order-form-v107 button {
	 grid-column: 1/-1 
}
 .quick-order-form-v107 input, .quick-order-form-v107 select {
	 min-width: 0 
}
 .public-footer-v104 {
	 margin-top: 28px !important 
}
 .public-main-v104 {
	 padding-bottom: 28px !important 
}
 @media(max-width:980px) {
	 .orders-kpi-v107 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only-v107 {
		 display: none !important 
	}
	 .mobile-only-v107 {
		 display: grid !important 
	}
	 .orders-board-v107 {
		 padding: 12px !important 
	}
	 .orders-board-head-v107 {
		 display: grid !important 
	}
	 .searchbox input {
		 width: 100%;
		 min-width: 0 
	}
	 .plans-matrix-v104 {
		 min-width: 860px 
	}
}
 @media(max-width:560px) {
	 .orders-kpi-v107 {
		 grid-template-columns: 1fr 
	}
	 .order-info-v107 {
		 grid-template-columns: 1fr 
	}
	 .quick-order-form-v107 {
		 grid-template-columns: 1fr 
	}
	 .page-actions .btn {
		 width: 100% 
	}
	 .plans-matrix-wrap-v104 {
		 margin-inline: -10px;
		 border-radius: 18px 
	}
	 .plans-matrix-v104 {
		 min-width: 820px;
		 font-size: 12px 
	}
	 .plans-matrix-v104 th, .plans-matrix-v104 td {
		 padding: 10px 
	}
}
/* ===== Patch 03: Seller workdesk UX inspired by marketplace dashboards ===== */
 .workdesk-hero-v016 {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 18px;
	 margin-bottom: 18px;
	 padding: 20px;
	 border-radius: 28px;
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(232, 249, 255, .86));
	 border: 1px solid rgba(11, 104, 199, .12);
	 box-shadow: 0 18px 52px rgba(8, 47, 73, .075) 
}
 .workdesk-hero-v016 h1 {
	 margin: 8px 0 6px;
	 font-size: 28px 
}
 .workdesk-actions-v016 {
	 display: flex;
	 gap: 9px;
	 flex-wrap: wrap;
	 justify-content: flex-end 
}
 .workdesk-kpis-v016 {
	 margin-bottom: 16px 
}
 .workdesk-grid-v016 {
	 display: grid;
	 grid-template-columns: 1.1fr .9fr;
	 gap: 16px;
	 margin-bottom: 16px 
}
 .workdesk-card-v016 {
	 border-radius: 26px !important 
}
 .workdesk-alert-v016 {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 14px;
	 margin-bottom: 16px;
	 border-color: rgba(245, 158, 11, .20) !important;
	 background: linear-gradient(135deg, #fff, #fff7ed) !important 
}
 .workdesk-alert-v016 b {
	 display: block;
	 margin-bottom: 4px 
}
 .workdesk-alert-v016 span {
	 display: block;
	 color: #64748b 
}
 .pro-task-list-v016 {
	 display: grid;
	 gap: 9px 
}
 .pro-task-list-v016 .task-row {
	 padding: 11px 12px;
	 border-radius: 17px;
	 background: #f7fcff;
	 border: 1px solid rgba(11, 104, 199, .10);
	 font-weight: 850;
	 color: #334155 
}
 .setup-progress-v016 {
	 display: grid;
	 gap: 8px 
}
 .setup-progress-v016 .check-row {
	 display: grid;
	 grid-template-columns: 28px 1fr;
	 align-items: center;
	 gap: 8px;
	 padding: 10px 11px;
	 border-radius: 16px;
	 background: #fff7ed;
	 border: 1px solid rgba(245, 158, 11, .18);
	 color: #9a3412 
}
 .setup-progress-v016 .check-row.done {
	 background: #f0fdf4;
	 border-color: rgba(34, 197, 94, .22);
	 color: #166534 
}
 .setup-progress-v016 .check-row b {
	 font-size: 13px 
}
 .workdesk-orders-v016 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 12px 
}
 .workdesk-orders-v016 .order-card {
	 display: grid;
	 gap: 6px;
	 min-height: 116px;
	 border-radius: 20px;
	 background: linear-gradient(180deg, #fff, #f8fcff);
	 border: 1px solid rgba(11, 104, 199, .10);
	 padding: 12px 
}
 .workdesk-orders-v016 .order-card b {
	 font-size: 13px 
}
 .workdesk-orders-v016 .order-card span {
	 font-weight: 950;
	 color: #0B68C7 
}
 .workdesk-orders-v016 .order-card small {
	 color: #64748b 
}
 .workdesk-orders-v016 .order-card a {
	 font-weight: 900;
	 color: #075985 
}
 .workdesk-empty-v016 {
	 grid-column: 1/-1;
	 padding: 22px;
	 text-align: center 
}
 .workdesk-empty-v016 b {
	 display: block;
	 margin-bottom: 6px 
}
 .workdesk-empty-v016 span {
	 color: #64748b 
}
 @media(max-width:1100px) {
	 .workdesk-hero-v016 {
		 display: grid 
	}
	 .workdesk-actions-v016 {
		 justify-content: flex-start 
	}
	 .workdesk-grid-v016 {
		 grid-template-columns: 1fr 
	}
	 .workdesk-orders-v016 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:620px) {
	 .workdesk-hero-v016 h1 {
		 font-size: 22px 
	}
	 .workdesk-actions-v016 .btn {
		 width: 100% 
	}
	 .workdesk-orders-v016 {
		 grid-template-columns: 1fr 
	}
	 .workdesk-alert-v016 {
		 display: grid 
	}
}
 :root {
	 --primary: #17D6BE;
	 --primary-2: #0EA5A4;
	 --primary-soft: #DFFFF8;
	 --navy: #06191D;
	 --navy-2: #0B2C31;
	 --gold: #F7B731;
	 --bg: #F5FFFC;
	 --surface: #FFFFFF;
	 --surface-2: #F8FFFD;
	 --text: #071827;
	 --muted: #64748B;
	 --line: #DDEDEA;
	 --bad: #E11D48;
	 --bad-soft: #FFF1F2;
	 --warn: #F59E0B;
	 --warn-soft: #FFF7ED;
	 --ok: #10B981;
	 --ok-soft: #ECFDF5;
	 --info: #0EA5E9;
	 --info-soft: #EFF6FF;
	 --shadow: 0 18px 55px rgba(6, 25, 29, .09);
	 --sidebar-w: 302px;
}
 * {
	 box-sizing: border-box 
}
 html {
	 background: var(--bg) 
}
 body {
	 margin: 0;
	 min-height: 100vh;
	 color: var(--text);
	 font-family: Tahoma, Arial, "Segoe UI", sans-serif;
	 background: radial-gradient(circle at 100% 0%, rgba(23, 214, 190, .20), transparent 35%), radial-gradient(circle at 0% 8%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #FBFFFD 0%, #F0FBF8 100%) 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 img {
	 max-width: 100% 
}
 .muted {
	 color: var(--muted);
	 line-height: 1.9 
}
 .ltr {
	 direction: ltr;
	 text-align: left 
}
 .app-shell {
	 display: grid;
	 grid-template-columns: var(--sidebar-w) 1fr;
	 min-height: 100vh 
}
 .sidebar {
	 position: sticky;
	 top: 0;
	 height: 100vh;
	 overflow: auto;
	 padding: 20px 16px;
	 display: flex;
	 flex-direction: column;
	 background: radial-gradient(circle at 20% 0%, rgba(23, 214, 190, .22), transparent 32%), linear-gradient(180deg, var(--navy), var(--navy-2));
	 color: #fff;
	 box-shadow: -18px 0 60px rgba(6, 25, 29, .20);
	 z-index: 30 
}
 .brand-card {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 13px;
	 border-radius: 26px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
	 margin-bottom: 22px 
}
 .brand-logo-wrap {
	 width: 60px;
	 height: 60px;
	 min-width: 60px;
	 display: grid;
	 place-items: center;
	 border-radius: 22px;
	 background: rgba(255, 255, 255, .06);
	 border: 1px solid rgba(23, 214, 190, .30);
	 overflow: hidden 
}
 .brand-logo-wrap img {
	 width: 84%;
	 height: 84%;
	 object-fit: contain 
}
 .brand-logo-wrap span {
	 display: none;
	 color: var(--primary);
	 font-weight: 950 
}
 .brand-title {
	 font-size: 20px;
	 font-weight: 950;
	 letter-spacing: -.02em 
}
 .brand-subtitle {
	 color: #A7F3E7;
	 font-size: 11.5px;
	 line-height: 1.7;
	 margin-top: 2px 
}
 .nav-section-title {
	 color: #BCEFE7;
	 font-size: 11px;
	 font-weight: 900;
	 margin: 17px 10px 8px;
	 letter-spacing: .02em 
}
 .nav-list {
	 display: grid;
	 gap: 6px 
}
 .nav-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 min-height: 48px;
	 padding: 10px 12px;
	 border-radius: 18px;
	 color: #DDFCF6;
	 transition: .15s ease 
}
 .nav-item span {
	 width: 28px;
	 height: 28px;
	 display: grid;
	 place-items: center;
	 border-radius: 11px;
	 background: rgba(255, 255, 255, .07) 
}
 .nav-item b {
	 font-size: 13px 
}
 .nav-item:hover {
	 background: rgba(255, 255, 255, .08);
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 box-shadow: 0 14px 34px rgba(23, 214, 190, .22) 
}
 .nav-item.active span {
	 background: rgba(6, 25, 29, .08) 
}
 .sidebar-footer {
	 margin-top: auto;
	 padding-top: 18px 
}
 .user-pill {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 padding: 12px;
	 border-radius: 20px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(255, 255, 255, .10) 
}
 .user-pill span {
	 width: 38px;
	 height: 38px;
	 display: grid;
	 place-items: center;
	 border-radius: 15px;
	 background: rgba(23, 214, 190, .14) 
}
 .user-pill b {
	 display: block 
}
 .user-pill small {
	 color: #A7F3E7 
}
 .logout-link {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-top: 10px;
	 height: 44px;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .08);
	 color: #FEE2E2;
	 font-weight: 900 
}
 .main {
	 min-width: 0 
}
 .mobile-topbar {
	 display: none 
}
 .content-wrap {
	 padding: 26px;
	 max-width: 1400px;
	 margin: 0 auto 
}
 .page-hero {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 16px;
	 margin-bottom: 18px 
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: var(--primary-soft);
	 color: #08756D;
	 font-size: 11px;
	 font-weight: 950 
}
 .page-title {
	 font-size: 28px;
	 line-height: 1.45;
	 margin: 8px 0 4px;
	 letter-spacing: -.03em 
}
 .page-actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .topbar {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 14px;
	 margin-bottom: 18px 
}
 .grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .grid-2 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .quick-grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin: 16px 0 
}
 .card, .quick-card {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 28px;
	 box-shadow: var(--shadow);
	 backdrop-filter: blur(8px) 
}
 .card {
	 padding: 18px;
	 margin-bottom: 16px 
}
 .glass {
	 background: rgba(255, 255, 255, .70) 
}
 .quick-card {
	 padding: 16px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 transition: .15s ease 
}
 .quick-card:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(6, 25, 29, .12) 
}
 .quick-card .icon {
	 width: 48px;
	 height: 48px;
	 display: grid;
	 place-items: center;
	 border-radius: 18px;
	 background: linear-gradient(135deg, var(--primary), var(--gold));
	 color: var(--navy);
	 font-size: 22px 
}
 .stat {
	 position: relative;
	 overflow: hidden 
}
 .stat:after {
	 content: "";
	 position: absolute;
	 left: -45px;
	 bottom: -55px;
	 width: 140px;
	 height: 140px;
	 border-radius: 999px;
	 background: rgba(23, 214, 190, .10) 
}
 .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px 
}
 .label {
	 font-size: 12px;
	 color: var(--muted);
	 font-weight: 900 
}
 .num {
	 font-size: 28px;
	 font-weight: 950;
	 margin-top: 6px 
}
 .hint {
	 font-size: 11.5px;
	 color: #7c9290;
	 line-height: 1.8 
}
 .metric-icon {
	 width: 56px;
	 height: 56px;
	 display: grid;
	 place-items: center;
	 border-radius: 21px;
	 background: linear-gradient(135deg, #E6FFFA, #FFF7DF);
	 font-size: 24px 
}
 .card-header {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 14px 
}
 .card-title {
	 font-size: 18px;
	 font-weight: 950 
}
 .card-subtitle {
	 font-size: 12px;
	 color: var(--muted);
	 margin-top: 4px 
}
 .searchbox input {
	 min-width: 240px 
}
 .table-wrap {
	 overflow: auto;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 background: #fff 
}
 table {
	 width: 100%;
	 border-collapse: collapse;
	 min-width: 720px 
}
 th, td {
	 padding: 13px 14px;
	 border-bottom: 1px solid #edf4f2;
	 text-align: right;
	 vertical-align: middle 
}
 th {
	 background: #f5fffc;
	 color: #315c5a;
	 font-size: 12px;
	 font-weight: 950;
	 position: sticky;
	 top: 0 
}
 tr:hover td {
	 background: #fbfffd 
}
 .btn, button {
	 border: 0;
	 border-radius: 17px;
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 padding: 11px 15px;
	 min-height: 44px;
	 cursor: pointer;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 7px;
	 font-family: inherit;
	 font-weight: 950;
	 box-shadow: 0 12px 26px rgba(23, 214, 190, .18);
	 transition: .15s ease 
}
 .btn:hover, button:hover {
	 transform: translateY(-1px);
	 box-shadow: 0 18px 35px rgba(23, 214, 190, .22) 
}
 .btn.secondary, button.secondary {
	 background: #F3FFFC;
	 color: #174346;
	 border: 1px solid rgba(14, 165, 164, .16);
	 box-shadow: none 
}
 .btn.danger, button.danger {
	 background: var(--bad);
	 color: #fff 
}
 .btn.ok, button.ok {
	 background: var(--ok);
	 color: #fff 
}
 .btn.gold, button.gold {
	 background: linear-gradient(135deg, var(--gold), #F97316);
	 color: #211407 
}
 button:disabled {
	 opacity: .58;
	 cursor: not-allowed;
	 transform: none 
}
 .form-grid {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .form-grid .full {
	 grid-column: 1/-1 
}
 .form-section {
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 padding: 16px;
	 background: var(--surface-2);
	 margin-bottom: 14px 
}
 .form-section-title {
	 font-weight: 950;
	 margin-bottom: 10px 
}
 input, select, textarea {
	 width: 100%;
	 border: 1px solid var(--line);
	 border-radius: 16px;
	 padding: 12px;
	 background: white;
	 font-family: inherit;
	 color: var(--text);
	 outline: none;
	 transition: .15s ease;
	 min-height: 45px 
}
 input:focus, select:focus, textarea:focus {
	 border-color: var(--primary);
	 box-shadow: 0 0 0 4px rgba(23, 214, 190, .13) 
}
 input[type="checkbox"] {
	 width: 20px;
	 height: 20px;
	 min-height: 20px;
	 accent-color: var(--primary) 
}
 label {
	 font-size: 13px;
	 color: #334155;
	 margin-bottom: 7px;
	 display: block;
	 font-weight: 900 
}
 .badge {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: #e5e7eb;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .badge.ok {
	 background: var(--ok-soft);
	 color: #166534 
}
 .badge.warn {
	 background: var(--warn-soft);
	 color: #92400e 
}
 .badge.bad {
	 background: var(--bad-soft);
	 color: #991b1b 
}
 .badge.info {
	 background: var(--info-soft);
	 color: #075985 
}
 .empty {
	 padding: 36px 20px;
	 text-align: center;
	 color: var(--muted);
	 background: linear-gradient(135deg, #fff, #f7fffc);
	 border: 1px dashed rgba(14, 165, 164, .24);
	 border-radius: 24px;
	 line-height: 1.9 
}
 .thumb {
	 width: 62px;
	 height: 62px;
	 object-fit: cover;
	 border-radius: 18px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd 
}
 .preview {
	 max-width: 260px;
	 max-height: 210px;
	 border-radius: 20px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd;
	 object-fit: cover 
}
 .inline {
	 display: flex;
	 gap: 8px;
	 align-items: end;
	 flex-wrap: wrap 
}
 .inline input {
	 min-width: 220px 
}
 .chart {
	 display: grid;
	 gap: 12px 
}
 .bar-row {
	 display: grid;
	 grid-template-columns: 120px 1fr 150px;
	 gap: 12px;
	 align-items: center 
}
 .bar-track {
	 height: 18px;
	 background: #E6FFFA;
	 border-radius: 999px;
	 overflow: hidden 
}
 .bar {
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--primary-2), var(--gold));
	 border-radius: 999px 
}
 .progress {
	 height: 10px;
	 background: #e2e8f0;
	 border-radius: 999px;
	 overflow: hidden 
}
 .progress span {
	 display: block;
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--gold));
	 border-radius: 999px 
}
 code {
	 background: #effaf7;
	 padding: 3px 7px;
	 border-radius: 8px;
	 color: #0f3c3f 
}
 .mini-note {
	 font-size: 12px;
	 color: var(--muted);
	 line-height: 1.8 
}
 .status-dot {
	 width: 9px;
	 height: 9px;
	 border-radius: 99px;
	 background: var(--ok);
	 display: inline-block;
	 box-shadow: 0 0 0 4px rgba(16, 185, 129, .12) 
}
 .login {
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 20px;
	 background: radial-gradient(circle at 12% 12%, rgba(23, 214, 190, .24), transparent 34%), radial-gradient(circle at 92% 0%, rgba(247, 183, 49, .15), transparent 26%), linear-gradient(180deg, #FBFFFD, #ECFAF6) 
}
 .login-shell {
	 width: min(980px, 100%);
	 display: grid;
	 grid-template-columns: 1.05fr .95fr;
	 gap: 20px;
	 align-items: stretch 
}
 .login-hero {
	 position: relative;
	 overflow: hidden;
	 border-radius: 34px;
	 padding: 34px;
	 color: white;
	 background: radial-gradient(circle at 18% 18%, rgba(23, 214, 190, .30), transparent 34%), linear-gradient(135deg, var(--navy), var(--navy-2) 62%, var(--primary-2));
	 box-shadow: var(--shadow) 
}
 .login-hero:after {
	 content: "";
	 position: absolute;
	 left: -60px;
	 bottom: -60px;
	 width: 210px;
	 height: 210px;
	 border-radius: 999px;
	 background: rgba(255, 255, 255, .11) 
}
 .login-hero h1 {
	 font-size: 34px;
	 color: white;
	 line-height: 1.45;
	 margin: 26px 0 10px 
}
 .login-hero p {
	 color: #D5FFF8;
	 line-height: 2 
}
 .login .card {
	 width: 100%;
	 margin: 0 
}
 .hero-bullets {
	 display: grid;
	 gap: 10px;
	 margin-top: 28px 
}
 .hero-bullets div {
	 background: rgba(255, 255, 255, .12);
	 border: 1px solid rgba(255, 255, 255, .15);
	 padding: 11px 13px;
	 border-radius: 18px;
	 color: #F5FFFC 
}
 .login form button {
	 width: 100% 
}
 @media(max-width:1180px) {
	 .grid, .quick-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .form-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .bar-row {
		 grid-template-columns: 90px 1fr 120px 
	}
	 .sidebar {
		 --sidebar-w: 282px 
	}
}
 @media(max-width:860px) {
	 .app-shell {
		 display: block 
	}
	 .sidebar {
		 position: fixed;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 width: 290px;
		 height: auto;
		 transform: translateX(105%);
		 transition: .2s ease 
	}
	 .sidebar-open .sidebar {
		 transform: translateX(0) 
	}
	 .mobile-topbar {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 padding: 12px 16px;
		 background: rgba(255, 255, 255, .88);
		 border-bottom: 1px solid rgba(14, 165, 164, .12);
		 position: sticky;
		 top: 0;
		 z-index: 20;
		 backdrop-filter: blur(14px);
		 font-weight: 950 
	}
	 .icon-button {
		 width: 42px;
		 height: 42px;
		 padding: 0 
	}
	 .content-wrap {
		 padding: 18px 
	}
	 .grid, .grid-2, .quick-grid, .form-grid {
		 grid-template-columns: 1fr 
	}
	 .page-hero, .topbar, .card-header {
		 display: block 
	}
	 .page-actions {
		 margin-top: 12px 
	}
	 .login-shell {
		 grid-template-columns: 1fr 
	}
	 .login-hero {
		 display: none 
	}
	 .table-wrap {
		 border-radius: 18px 
	}
	 th, td {
		 padding: 11px 
	}
	 .bar-row {
		 grid-template-columns: 1fr 
	}
	 .sidebar-footer {
		 padding-bottom: 20px 
	}
	 .searchbox input {
		 min-width: 100%;
		 margin-top: 10px 
	}
}
/* ===== ShopNegar Panel UX v2 ===== */
 :root {
	 --panel-bg: #F4FFFC;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(14, 165, 164, .16);
	 --panel-text: #071827;
	 --panel-muted: #64748b;
	 --panel-primary: #13CFC0;
	 --panel-primary-2: #0EA5A4;
	 --panel-gold: #F7B731;
	 --panel-danger: #EF4444;
}
 body {
	 color: var(--panel-text);
	 background: radial-gradient(circle at 94% 4%, rgba(19, 207, 192, .18), transparent 32%), radial-gradient(circle at 8% 2%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #F9FFFD 0%, #F1FBF8 100%) !important;
}
 .main, .content, .page, .page-content {
	 min-height: 100vh;
}
 .page-hero, .header, .page-header {
	 position: relative;
	 padding: 22px 0 18px;
}
 .page-title, h1 {
	 letter-spacing: -.035em;
	 font-weight: 950;
	 color: #071827;
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 font-weight: 950;
	 background: #E1FFF9;
	 color: #08756D;
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .card, .panel, .form-card {
	 background: rgba(255, 255, 255, .88);
	 border: 1px solid var(--panel-border);
	 border-radius: 28px;
	 box-shadow: 0 20px 55px rgba(6, 25, 29, .08);
	 backdrop-filter: blur(18px);
}
 .card-title, .form-title, h2, h3 {
	 letter-spacing: -.025em;
	 font-weight: 950;
	 color: #071827;
}
 .card-subtitle, .muted, small {
	 color: var(--panel-muted);
}
 form {
	 accent-color: var(--panel-primary);
}
 label {
	 font-weight: 900;
	 color: #26394a;
	 margin-bottom: 7px;
}
 input, select, textarea {
	 min-height: 50px;
	 border-radius: 17px !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 background: rgba(255, 255, 255, .84);
	 color: #071827;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .035);
}
 textarea {
	 min-height: 120px;
	 line-height: 1.9;
}
 input:hover, select:hover, textarea:hover {
	 border-color: rgba(14, 165, 164, .34) !important;
}
 input:focus, select:focus, textarea:focus {
	 outline: 0;
	 border-color: var(--panel-primary) !important;
	 box-shadow: 0 0 0 4px rgba(19, 207, 192, .14), 0 10px 26px rgba(6, 25, 29, .06) !important;
	 background: #fff;
}
 input[type="file"] {
	 padding: 12px;
	 background: #FBFFFE;
}
 input[type="date"] {
	 direction: ltr;
	 text-align: right;
	 font-feature-settings: "tnum";
}
 input[type="date"]::before {
	 color: #94a3b8;
}
 button, .btn, .button, input[type="submit"] {
	 min-height: 46px;
	 border-radius: 16px !important;
	 font-weight: 950;
	 border: 0;
	 background: linear-gradient(135deg, var(--panel-primary), var(--panel-primary-2));
	 color: #041316;
	 box-shadow: 0 14px 32px rgba(19, 207, 192, .20);
	 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
 button:hover, .btn:hover, .button:hover {
	 filter: saturate(1.08);
	 transform: translateY(-1px);
	 box-shadow: 0 18px 40px rgba(19, 207, 192, .25);
}
 button:active, .btn:active, .button:active {
	 transform: translateY(0) scale(.99);
}
 button.secondary, .btn.secondary, .secondary {
	 background: #FFFFFF !important;
	 color: #0f766e !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 box-shadow: 0 10px 24px rgba(6, 25, 29, .045) !important;
}
 button.danger, .btn.danger, .danger {
	 background: #fff1f2 !important;
	 color: #be123c !important;
	 border: 1px solid #fecdd3 !important;
}
 .table-wrap {
	 border-radius: 24px;
	 border: 1px solid rgba(14, 165, 164, .12);
	 overflow: hidden;
	 background: #fff;
	 box-shadow: 0 16px 44px rgba(6, 25, 29, .06);
}
 table {
	 border-collapse: separate;
	 border-spacing: 0;
}
 thead th {
	 background: #F0FFFB;
	 color: #0f3c3f;
	 font-weight: 950;
}
 tbody tr {
	 transition: background .15s ease;
}
 tbody tr:hover {
	 background: #FAFFFD;
}
 .badge {
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 950;
}
 .badge.ok {
	 background: #DCFCE7;
	 color: #166534;
}
 .badge.warn {
	 background: #FEF3C7;
	 color: #92400e;
}
 .badge.bad {
	 background: #FFE4E6;
	 color: #be123c;
}
 .searchbox input, input[type="search"] {
	 background: #fff;
	 border-radius: 18px !important;
}
 .form-grid {
	 gap: 20px !important;
}
 .form-grid>div {
	 position: relative;
}
 .form-grid .full {
	 grid-column: 1 / -1;
}
 .product-form-hint {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 color: #64748b;
}
 .panel-helper-box {
	 margin: 14px 0;
	 padding: 14px;
	 border-radius: 20px;
	 background: linear-gradient(135deg, #F4FFFC, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
	 color: #345;
}
 .date-help {
	 display: block;
	 margin-top: 6px;
	 color: #64748b;
	 font-size: 12px;
}
 @media (max-width:900px) {
	 .form-grid {
		 grid-template-columns: 1fr !important;
	}
	 .card, .panel, .form-card {
		 border-radius: 22px;
	}
	 input, select, textarea {
		 min-height: 48px;
	}
}
/* ===== Product Professional Fields v1 ===== */
 .product-form-hint {
	 display: block;
	 margin-top: 7px;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 #products-table td b {
	 font-weight: 950;
}
 #products-table .badge {
	 white-space: nowrap;
}
 .form-grid select[name="product_type"], .form-grid select[name="unit"], .form-grid select[name="stock_mode"] {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96));
}
/* ===== Product Form Cleanup & Attributes v1 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 grid-template-columns: 1fr;
		 display: grid;
	}
}
/* ===== Product Form Cleanup & Attributes v2 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Jalali Date Inputs v1 ===== */
 .jalali-date-input {
	 direction: ltr !important;
	 text-align: right !important;
	 font-feature-settings: "tnum";
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96)) !important;
}
 .jalali-date-input.jalali-invalid {
	 border-color: #fb7185 !important;
	 box-shadow: 0 0 0 4px rgba(244, 63, 94, .12) !important;
	 background: #fff7f7 !important;
}
 .jalali-date-help {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 line-height: 1.7;
	 color: #64748b;
}
/* ===== Product Edit UX v1 ===== */
 .edit-product-pro-grid {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 padding: 14px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .13);
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row .attr-remove-btn, .attr-row [data-remove-attr-row] {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .edit-product-pro-grid, .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Product Attribute Inputs v3 ===== */
 .attr-row input[data-attr-name], .attr-row input[data-attr-value] {
	 direction: rtl;
}
 .attr-row input[data-attr-name] {
	 font-weight: 900;
}
 .attr-row input[data-attr-value] {
	 color: #071827;
}
 .product-attrs-head span::after {
	 content: " نام ویژگی حداکثر ۳۲ کاراکتر و مقدار حداکثر ۹۰ کاراکتر است.";
	 display: block;
	 margin-top: 3px;
	 color: #0f766e;
	 font-weight: 800;
}
/* ===== ShopNegar Patch v2: compact UI + modal forms ===== */
 .content-wrap {
	 max-width: 1180px 
}
 .card {
	 padding: 18px;
	 border-radius: 24px 
}
 .compact-card {
	 padding: 16px !important 
}
 .grid, .grid-2 {
	 gap: 14px 
}
 .page-hero {
	 margin-bottom: 18px 
}
 .form-grid {
	 gap: 12px 
}
 .table-wrap table th, .table-wrap table td {
	 padding: 11px 12px 
}
 .page-actions {
	 gap: 8px 
}
 .btn, button, .secondary {
	 min-height: 40px 
}
 .form-section {
	 padding: 12px;
	 border-radius: 18px 
}
 .form-section-title {
	 margin-bottom: 10px 
}
 .logo-upload-row {
	 display: flex;
	 align-items: center;
	 gap: 14px 
}
 .logo-preview {
	 width: 76px;
	 height: 76px;
	 border-radius: 22px;
	 object-fit: contain;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .18);
	 padding: 8px 
}
 .inline-check {
	 display: flex !important;
	 align-items: center;
	 gap: 8px 
}
 .inline-check input {
	 width: auto;
	 min-height: auto;
	 margin: 0 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 100;
	 background: rgba(6, 25, 29, .45);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(4px) 
}
 .modal-form-card {
	 width: min(760px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 26px;
	 box-shadow: 0 30px 80px rgba(6, 25, 29, .28);
	 padding: 16px 
}
 .modal-form-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px 
}
 .modal-form-head b {
	 font-size: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .modalized-card>.card-title:first-child {
	 display: none 
}
 .provider-fields {
	 display: grid;
	 gap: 10px 
}
 .provider-custom-field textarea {
	 font-family: ui-monospace, Consolas, monospace;
	 direction: ltr 
}
 .hidden {
	 display: none !important 
}
 @media(max-width:760px) {
	 .logo-upload-row {
		 display: grid 
	}
	 .card {
		 padding: 14px 
	}
	 .modal-form-backdrop {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
}
/* ===== ShopNegar Safe Mega Patch v4.2: professional popup grids ===== */
 .data-tabs {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin: 0 0 16px 
}
 .data-tab {
	 padding: 10px 13px;
	 border-radius: 16px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 font-weight: 900;
	 color: #174346;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .04) 
}
 .data-tab.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: #062024 
}
 .data-grid-card {
	 overflow: hidden 
}
 .pro-grid-wrap {
	 max-height: 70vh 
}
 .pro-grid-table th {
	 z-index: 2 
}
 .row-actions {
	 white-space: nowrap 
}
 .data-modal-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .54);
	 backdrop-filter: blur(7px);
	 display: grid;
	 place-items: center;
	 padding: 22px;
	 z-index: 9999 
}
 .data-modal-backdrop.hidden {
	 display: none 
}
 .data-modal-card {
	 width: min(980px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 30px;
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 35px 100px rgba(0, 0, 0, .28) 
}
 .data-modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 position: sticky;
	 top: 0;
	 background: rgba(255, 255, 255, .94);
	 backdrop-filter: blur(14px);
	 padding: 18px 20px;
	 border-bottom: 1px solid #e7f5f2;
	 z-index: 2 
}
 .data-modal-head b {
	 font-size: 18px 
}
 .data-entry-form {
	 padding: 20px 
}
 .data-modal-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-start 
}
 .ghost {
	 background: #F3FFFC !important;
	 color: #174346 !important;
	 border: 1px solid rgba(14, 165, 164, .16) !important;
	 box-shadow: none !important 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .48);
	 z-index: 9998;
	 display: grid;
	 place-items: center;
	 padding: 20px 
}
 .modal-form-backdrop.hidden {
	 display: none 
}
 .modal-form-card {
	 width: min(920px, 100%);
	 max-height: 90vh;
	 overflow: auto;
	 border-radius: 28px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 box-shadow: 0 30px 90px rgba(0, 0, 0, .24) 
}
 .modal-form-head {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 16px 18px;
	 border-bottom: 1px solid #e7f5f2;
	 position: sticky;
	 top: 0;
	 background: white;
	 z-index: 2 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 margin: 0 !important;
	 padding: 0 !important 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .security-callout {
	 border: 1px solid rgba(16, 185, 129, .22);
	 background: #ecfdf5;
	 color: #065f46;
	 border-radius: 20px;
	 padding: 12px 14px;
	 font-weight: 900 
}
/* ===== ShopNegar hotfix v4.3 ===== */
 .product-attrs-card {
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: #fbfffe;
	 border-radius: 22px;
	 padding: 14px;
	 margin-top: 8px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #123 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 4px 
}
 .attrs-grid, .variant-grid {
	 display: grid;
	 gap: 8px 
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1.5fr auto;
	 gap: 8px;
	 align-items: center 
}
 .variant-row {
	 display: grid;
	 grid-template-columns: .2fr 1.4fr 1fr .8fr .7fr .8fr auto;
	 gap: 8px;
	 align-items: center 
}
 .danger-lite {
	 color: #be123c !important;
	 border-color: #fecdd3 !important;
	 background: #fff1f2 !important 
}
 .data-modal-card {
	 width: min(1120px, 96vw) !important 
}
 @media(max-width:860px) {
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr 
	}
	 .product-attrs-head {
		 align-items: flex-start;
		 flex-direction: column 
	}
}
/* HOTFIX_V45_MOBILE_ADMIN */
 .copy-row {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .copy-row input {
	 flex: 1 
}
 .table-copy-input {
	 min-width: 240px;
	 font-size: 12px 
}
 .sticky-actions {
	 position: sticky;
	 bottom: 10px;
	 z-index: 4;
	 background: rgba(255, 255, 255, .82);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 border-radius: 18px 
}
 @media (max-width: 900px) {
	 .app-shell {
		 display: block;
		 min-height: 100dvh 
	}
	 .sidebar {
		 position: fixed;
		 inset: 0 auto 0 0;
		 width: min(84vw, 320px);
		 z-index: 50;
		 transform: translateX(-105%);
		 transition: .22s ease;
		 box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
		 overflow: auto 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 html[dir="rtl"] .sidebar {
		 left: auto;
		 right: 0;
		 transform: translateX(105%) 
	}
	 html[dir="rtl"] .sidebar.open {
		 transform: translateX(0) 
	}
	 .main {
		 margin: 0 !important;
		 width: 100% 
	}
	 .mobile-topbar {
		 display: flex !important;
		 position: sticky;
		 top: 0;
		 z-index: 30;
		 background: rgba(255, 255, 255, .88);
		 backdrop-filter: blur(12px);
		 border-bottom: 1px solid rgba(14, 165, 164, .18) 
	}
	 .content-wrap {
		 padding: 14px !important;
		 max-width: 100% !important 
	}
	 .page-hero {
		 display: block;
		 padding: 16px 
	}
	 .page-title {
		 font-size: 22px 
	}
	 .card {
		 border-radius: 18px;
		 padding: 14px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-section {
		 padding: 12px 
	}
	 .table-wrap {
		 overflow: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .actions {
		 white-space: normal 
	}
	 .modal, .modal-card, .data-modal, .drawer-card {
		 width: calc(100vw - 20px) !important;
		 max-width: calc(100vw - 20px) !important;
		 max-height: 88dvh !important;
		 overflow: auto !important 
	}
	 .data-form-grid, .modal-grid {
		 grid-template-columns: 1fr !important 
	}
	 .copy-row {
		 display: block 
	}
	 .copy-row button {
		 width: 100%;
		 margin-top: 8px 
	}
	 .sticky-actions button {
		 width: 100% 
	}
}
 @media (max-width: 520px) {
	 body {
		 font-size: 14px 
	}
	 .page-hero, .card {
		 margin-inline: 0 
	}
	 .btn, button, input, select, textarea {
		 font-size: 15px 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important;
		 padding: 14px 
	}
	 .login-hero {
		 display: none 
	}
	 .login .card {
		 width: 100% 
	}
	 .brand-card {
		 max-width: 100% 
	}
	 .stat-grid, .kpi-grid {
		 grid-template-columns: 1fr !important 
	}
	 .data-toolbar {
		 display: block 
	}
	 .data-toolbar>* {
		 width: 100%;
		 margin-block: 6px 
	}
	 .table-copy-input {
		 min-width: 190px 
	}
}
/* HOTFIX_V46_PRODUCT_MODAL */
 .modal-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 1000;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 background: rgba(4, 22, 22, .55);
	 backdrop-filter: blur(6px);
	 padding: 18px 
}
 .modal-backdrop.show {
	 display: flex 
}
 .modal-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 28px;
	 box-shadow: 0 24px 80px rgba(0, 0, 0, .24);
	 width: min(880px, calc(100vw - 24px));
	 max-height: 92dvh;
	 overflow: auto;
	 padding: 22px 
}
 .modal-card.wide {
	 width: min(1100px, calc(100vw - 24px)) 
}
 .modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 18px 
}
 .modal-head h2 {
	 margin: 0 
}
 .modal-open {
	 overflow: hidden 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: end;
	 margin: 8px 0 
}
 .variant-row {
	 grid-template-columns: 1.2fr 1fr .8fr .7fr .7fr auto 
}
 .danger {
	 background: #ffe8ec !important;
	 color: #be123c !important;
	 border-color: #fecdd3 !important 
}
 .product-attrs-card {
	 background: rgba(14, 165, 164, .04);
	 border: 1px solid rgba(14, 165, 164, .14);
	 border-radius: 18px;
	 padding: 14px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px 
}
 .sticky-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-end;
	 position: sticky;
	 bottom: 0;
	 background: linear-gradient(180deg, rgba(255, 255, 255, .78), #fff);
	 padding-top: 12px 
}
 .full {
	 grid-column: 1/-1 
}
 @media (max-width: 760px) {
	 .modal-backdrop {
		 align-items: flex-end;
		 padding: 0 
	}
	 .modal-card, .modal-card.wide {
		 width: 100% !important;
		 max-width: 100% !important;
		 max-height: 92dvh;
		 border-radius: 24px 24px 0 0;
		 padding: 14px 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr !important 
	}
	 .sticky-actions {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .page-actions {
		 display: grid;
		 grid-template-columns: 1fr;
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button {
		 width: 100% 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .content-wrap {
		 padding: 12px !important 
	}
	 .page-hero {
		 display: block !important 
	}
	 .page-title {
		 font-size: 22px !important 
	}
}
/* ===== ShopNegar Hotfix v49: mobile panel and product tables ===== */
 .sidebar-backdrop {
	 display: none 
}
 @media(max-width:860px) {
	 body.sidebar-open {
		 overflow: hidden;
		 touch-action: none 
	}
	 .sidebar {
		 z-index: 70 !important;
		 max-width: 86vw;
		 width: 300px;
		 box-shadow: -22px 0 60px rgba(6, 25, 29, .35) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 60;
		 opacity: 0;
		 pointer-events: none;
		 transition: .18s ease;
		 display: block 
	}
	 body.sidebar-open .sidebar-backdrop {
		 opacity: 1;
		 pointer-events: auto 
	}
	 .mobile-topbar {
		 z-index: 55 !important 
	}
	 .content-wrap {
		 max-width: 100%;
		 overflow-x: hidden;
		 padding: 16px 12px 80px 
	}
	 .page-title {
		 font-size: 22px;
		 line-height: 1.65 
	}
	 .card {
		 border-radius: 22px;
		 padding: 14px 
	}
	 .table-wrap {
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 table {
		 min-width: 680px 
	}
	 .product-admin-table {
		 min-width: 760px 
	}
	 .modal-form-card, .data-modal-card {
		 width: min(96vw, 720px) !important;
		 max-height: 88vh !important;
		 overflow: auto !important;
		 border-radius: 22px !important 
	}
	 .modal-form-backdrop, .data-modal {
		 align-items: flex-end !important;
		 padding: 8px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: stretch !important 
	}
	 .inline input, .searchbox input {
		 min-width: 0 !important;
		 width: 100% !important 
	}
}
/* ===== ShopNegar v5.2 Market Ready UX ===== */
 .market-layout {
	 display: grid;
	 grid-template-columns: 1.2fr .8fr;
	 gap: 18px;
	 margin: 18px 0 
}
 .todo-list, .checklist {
	 display: grid;
	 gap: 10px 
}
 .todo-item, .check-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 border-radius: 20px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 text-decoration: none;
	 color: inherit 
}
 .todo-item.hot {
	 background: #fff8e7;
	 border-color: #ffd878 
}
 .todo-item b, .check-row b {
	 display: block 
}
 .todo-item span, .check-row small {
	 color: #64748b;
	 font-size: 12px 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: #ecfdf5 
}
 .order-mobile-list {
	 display: none;
	 gap: 12px 
}
 .order-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 24px;
	 padding: 14px;
	 box-shadow: 0 12px 30px rgba(6, 25, 29, .06) 
}
 .order-card-top {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 8px 
}
 .order-card-body {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 9px;
	 margin: 12px 0 
}
 .order-card-body small, .order-card-body span {
	 display: block;
	 color: #64748b 
}
 .quick-order-form {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr auto;
	 gap: 8px;
	 align-items: end 
}
 .quick-order-form input, .quick-order-form select {
	 min-height: 42px;
	 border-radius: 16px;
	 border: 1px solid #cfe9e6;
	 padding: 0 12px 
}
 .payment-help {
	 font-size: 12px;
	 color: #64748b;
	 background: #f7fffd;
	 border-radius: 14px;
	 padding: 9px;
	 margin-bottom: 10px 
}
 .market-settings-form textarea {
	 min-height: 86px 
}
 .switch-line {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 background: #f6fffc;
	 border: 1px solid #d8efec;
	 border-radius: 18px;
	 padding: 14px 
}
 .copy-grid {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 12px 
}
 .public-track {
	 background: linear-gradient(135deg, #ecfffb, #fff8e7);
	 min-height: 100vh 
}
 .track-shell {
	 max-width: 680px;
	 margin: 0 auto;
	 padding: 28px 14px 
}
 .track-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 32px;
	 padding: 24px;
	 box-shadow: 0 24px 70px rgba(6, 25, 29, .10) 
}
 .track-brand {
	 display: flex;
	 justify-content: space-between;
	 gap: 12px;
	 color: #0f766e 
}
 .track-form {
	 display: grid;
	 gap: 12px 
}
 .track-form input {
	 width: 100%;
	 min-height: 52px;
	 border-radius: 18px;
	 border: 1px solid #cfe9e6;
	 padding: 0 14px 
}
 .track-result {
	 margin-top: 18px;
	 border-top: 1px solid #e2f3f0;
	 padding-top: 18px 
}
 .track-steps {
	 display: grid;
	 grid-template-columns: repeat(5, 1fr);
	 gap: 7px;
	 margin: 12px 0 
}
 .step {
	 font-size: 11px;
	 text-align: center;
	 padding: 9px 4px;
	 border-radius: 14px;
	 background: #f1f5f9;
	 color: #64748b 
}
 .step.done {
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .sidebar-backdrop {
	 display: none 
}
 .desktop-only {
	 display: block 
}
 .notice.success {
	 background: #ecfdf5;
	 border: 1px solid #a7f3d0;
	 color: #047857 
}
 .notice.danger {
	 background: #fff1f2;
	 border: 1px solid #fecdd3;
	 color: #be123c 
}
 @media(max-width:760px) {
	 .market-layout, .copy-grid {
		 grid-template-columns: 1fr 
	}
	 .market-stats {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .order-mobile-list {
		 display: grid 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr 
	}
	 .order-card-body {
		 grid-template-columns: 1fr 
	}
	 .page-hero {
		 padding: 18px !important 
	}
	 .page-actions {
		 width: 100%;
		 display: grid;
		 grid-template-columns: 1fr;
		 gap: 8px 
	}
	 .card {
		 border-radius: 24px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-grid .wide {
		 grid-column: auto !important 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0;
		 right: 0;
		 height: 100vh;
		 width: min(86vw, 330px);
		 transform: translateX(110%);
		 transition: .22s ease;
		 z-index: 1200 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 1190 
	}
	 .sidebar-open .sidebar-backdrop {
		 display: block 
	}
	 .main {
		 width: 100%;
		 margin: 0 !important 
	}
	 .content-wrap {
		 padding: 72px 12px 24px !important 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .modal, .sheet, .dialog {
		 max-width: calc(100vw - 18px) !important;
		 width: calc(100vw - 18px) !important;
		 max-height: 92vh !important;
		 overflow: auto !important 
	}
	 .track-steps {
		 grid-template-columns: 1fr 
	}
	 .track-card {
		 border-radius: 24px;
		 padding: 18px 
	}
}
/* ShopNegar Market Ready All Phases v6.0 */
 .market-kpi .kpi {
	 min-height: 110px 
}
 .kpi.warn {
	 border-color: #f59e0b 
}
 .kpi.danger {
	 border-color: #ef4444 
}
 .task-list {
	 display: grid;
	 gap: 10px 
}
 .task-row, .check-row, .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 12px;
	 border: 1px solid rgba(148, 163, 184, .22);
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .75) 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: rgba(16, 185, 129, .08);
	 border-color: rgba(16, 185, 129, .25) 
}
 .order-board {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	 gap: 14px 
}
 .order-card {
	 border: 1px solid rgba(148, 163, 184, .25);
	 border-radius: 22px;
	 padding: 16px;
	 background: #fff;
	 box-shadow: 0 10px 25px rgba(15, 23, 42, .05);
	 display: grid;
	 gap: 8px 
}
 .order-card.pro {
	 border-right: 4px solid var(--brand, #0ea5a4) 
}
 .order-top, .badges, .order-actions, .section-head, .actions {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .badges span {
	 padding: 6px 10px;
	 border-radius: 999px;
	 background: #f1f5f9;
	 font-size: .85rem 
}
 .mini {
	 padding: 8px 12px;
	 border-radius: 12px;
	 border: 0;
	 background: var(--brand, #0ea5a4);
	 color: #fff;
	 cursor: pointer 
}
 .mini.secondary, .btn.secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .copy-box {
	 display: grid;
	 grid-template-columns: max-content 1fr;
	 gap: 10px;
	 align-items: center 
}
 .switch-row {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 12px 
}
 .switch-row label {
	 padding: 10px 12px;
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 14px 
}
 .public-page {
	 background: linear-gradient(135deg, #ecfeff, #f8fafc);
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 18px 
}
 .public-card {
	 width: min(560px, 100%);
	 background: #fff;
	 border-radius: 26px;
	 padding: 24px;
	 box-shadow: 0 20px 60px rgba(15, 23, 42, .10) 
}
 .track-result {
	 margin-top: 18px;
	 padding: 16px;
	 border-radius: 18px;
	 background: #f0fdfa 
}
 .alert {
	 padding: 12px;
	 border-radius: 14px;
	 background: #fff7ed;
	 color: #9a3412 
}
 .toolbar {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin: 12px 0 
}
 .toolbar input, .toolbar select {
	 min-width: 220px;
	 flex: 1 
}
 @media(max-width:760px) {
	 .order-board {
		 grid-template-columns: 1fr 
	}
	 .copy-box {
		 grid-template-columns: 1fr 
	}
	 .page-head {
		 gap: 12px 
	}
	 .order-actions form, .order-actions button {
		 width: 100% 
	}
	 .mini {
		 width: 100% 
	}
	 .toolbar input, .toolbar select, .toolbar button {
		 width: 100%;
		 min-width: 0 
	}
	 .public-card {
		 border-radius: 20px;
		 padding: 18px 
	}
}
/* ShopNegar v7.0 self-service signup + SaaS pricing */
 .public-body-v70 {
	 min-height: 100vh;
	 background: radial-gradient(circle at top right, #dff7f4 0, #f8fafc 38%, #fff 100%);
	 color: #0f172a 
}
 .public-header-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 18px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .public-header-v70 nav {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .public-header-v70 nav a {
	 padding: 10px 14px;
	 border-radius: 14px;
	 text-decoration: none;
	 color: #0f172a;
	 font-weight: 800;
	 background: rgba(255, 255, 255, .72);
	 border: 1px solid rgba(15, 23, 42, .08) 
}
 .public-brand-v70 {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 text-decoration: none;
	 color: #0f172a;
	 font-size: 22px 
}
 .public-brand-v70 span {
	 display: grid;
	 place-items: center;
	 width: 44px;
	 height: 44px;
	 border-radius: 16px;
	 background: #0ea5a4;
	 color: #fff;
	 font-weight: 900 
}
 .public-main-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 22px 18px 60px 
}
 .landing-hero-v70 {
	 display: grid;
	 grid-template-columns: 1.4fr .8fr;
	 gap: 24px;
	 align-items: stretch;
	 padding: 42px 0 
}
 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(15, 23, 42, .08);
	 box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
	 border-radius: 28px;
	 padding: 28px 
}
 .landing-copy h1 {
	 font-size: clamp(32px, 5vw, 58px);
	 line-height: 1.25;
	 margin: 14px 0 
}
 .landing-copy p {
	 font-size: 18px;
	 color: #475569;
	 line-height: 2 
}
 .badge {
	 display: inline-flex;
	 padding: 8px 12px;
	 border-radius: 999px;
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .danger-badge {
	 background: #fee2e2;
	 color: #b91c1c 
}
 .landing-actions {
	 display: flex;
	 gap: 12px;
	 flex-wrap: wrap;
	 margin-top: 22px 
}
 .btn-primary, .btn-secondary {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: 0;
	 border-radius: 16px;
	 padding: 13px 18px;
	 text-decoration: none;
	 font-weight: 900;
	 cursor: pointer 
}
 .btn-primary {
	 background: #0ea5a4;
	 color: white 
}
 .btn-secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .full {
	 width: 100% 
}
 .landing-points {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin-top: 18px 
}
 .landing-points span {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 999px;
	 padding: 8px 10px;
	 font-weight: 700 
}
 .landing-card ol {
	 line-height: 2.4;
	 font-weight: 800 
}
 .plans-head-v70 {
	 text-align: center;
	 max-width: 760px;
	 margin: 20px auto 28px 
}
 .plans-head-v70 h1 {
	 font-size: 38px;
	 margin: 12px 0 
}
 .plans-head-v70 p {
	 color: #64748b;
	 font-size: 17px 
}
 .plans-grid-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 18px 
}
 .plan-card-v70 {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 gap: 12px 
}
 .plan-card-v70.featured {
	 outline: 3px solid #0ea5a4 
}
 .plan-ribbon {
	 position: absolute;
	 top: 16px;
	 left: 16px;
	 background: #f59e0b;
	 color: #111827;
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 900 
}
 .plan-price b {
	 font-size: 26px;
	 color: #0f766e 
}
 .plan-price small {
	 display: block;
	 color: #64748b 
}
 .plan-card-v70 ul {
	 padding-right: 18px;
	 line-height: 2;
	 color: #334155;
	 flex: 1 
}
 .form-shell-v70 {
	 max-width: 820px;
	 margin: 30px auto 
}
 .grid-form-v70 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px 
}
 .grid-form-v70 label {
	 display: flex;
	 flex-direction: column;
	 gap: 7px;
	 font-weight: 800 
}
 .grid-form-v70 input, .grid-form-v70 select, .grid-form-v70 textarea, .form-card-v70 input, .form-card-v70 textarea, .form-card-v70 select {
	 border: 1px solid #cbd5e1;
	 border-radius: 14px;
	 padding: 12px;
	 background: #fff;
	 font: inherit 
}
 .billing-box-v70 {
	 grid-column: 1/-1;
	 background: #f8fafc;
	 border: 1px dashed #cbd5e1;
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 10px 
}
 .alert {
	 padding: 12px 14px;
	 border-radius: 16px;
	 margin: 12px 0;
	 font-weight: 800 
}
 .alert.danger {
	 background: #fee2e2;
	 color: #991b1b 
}
 .alert.success {
	 background: #dcfce7;
	 color: #166534 
}
 .credential-box-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 12px;
	 margin: 20px 0 
}
 .credential-box-v70 div {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 18px;
	 padding: 14px 
}
 .credential-box-v70 small {
	 display: block;
	 color: #64748b 
}
 .credential-box-v70 b {
	 direction: ltr;
	 display: block;
	 margin-top: 6px 
}
 .plan-edit-v70 {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 20px;
	 padding: 16px 
}
 .stack-v70 {
	 display: grid;
	 gap: 16px 
}
 .table-wrap {
	 overflow: auto 
}
 .muted {
	 color: #64748b 
}
 @media(max-width:820px) {
	 .landing-hero-v70, .plans-grid-v70, .grid-form-v70, .credential-box-v70 {
		 grid-template-columns: 1fr 
	}
	 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
		 border-radius: 22px;
		 padding: 20px 
	}
	 .public-header-v70 {
		 align-items: flex-start 
	}
	 .landing-copy h1 {
		 font-size: 32px 
	}
	 .plans-head-v70 h1 {
		 font-size: 28px 
	}
}
/* ===== ShopNegar Clean UI Signature 2026-05-09 ===== */
 :root {
	 --sn-bg: #f5fbf9;
	 --sn-surface: rgba(255, 255, 255, .86);
	 --sn-surface-solid: #ffffff;
	 --sn-border: rgba(15, 118, 110, .14);
	 --sn-text: #071827;
	 --sn-muted: #64748b;
	 --sn-primary: #14d5c3;
	 --sn-primary-2: #0f9f9a;
	 --sn-accent: #f7b731;
	 --sn-radius: 26px;
	 --sn-shadow: 0 18px 54px rgba(2, 44, 45, .08);
}
 html {
	 scroll-behavior: smooth;
	 -webkit-text-size-adjust: 100% 
}
 body {
	 background: radial-gradient(circle at 95% 1%, rgba(20, 213, 195, .18), transparent 30%), radial-gradient(circle at 5% 0, rgba(247, 183, 49, .12), transparent 26%), linear-gradient(180deg, #fbfffd, #eef8f5) !important;
	 color: var(--sn-text) 
}
 * {
	 box-sizing: border-box 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 .ltr {
	 direction: ltr;
	 text-align: left;
	 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important 
}
 .app-shell {
	 align-items: stretch 
}
 .main {
	 min-width: 0 
}
 .content-wrap {
	 width: min(1480px, 100%);
	 margin-inline: auto 
}
 .sidebar {
	 border-left: 1px solid rgba(255, 255, 255, .14);
	 box-shadow: -20px 0 50px rgba(3, 18, 24, .12) 
}
 .brand-card, .nav-item, .card, .panel, .form-section, .table-wrap, .public-header-v70 {
	 backdrop-filter: blur(18px);
	 -webkit-backdrop-filter: blur(18px) 
}
 .nav-list {
	 display: grid;
	 gap: 7px 
}
 .nav-item {
	 min-height: 46px;
	 border-radius: 17px;
	 transition: transform .16s ease, background .16s ease, border-color .16s ease 
}
 .nav-item:hover {
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), 0 14px 30px rgba(20, 213, 195, .12) 
}
 .page-hero, .page-head {
	 display: flex;
	 align-items: flex-end;
	 justify-content: space-between;
	 gap: 18px;
	 margin-bottom: 18px 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(25px, 3.2vw, 42px);
	 line-height: 1.35;
	 margin: 4px 0 0 
}
 .page-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .page-kicker {
	 box-shadow: 0 10px 24px rgba(20, 213, 195, .09) 
}
 .grid, .quick-grid, .kpi-grid {
	 gap: 16px 
}
 .card, .panel, .form-card {
	 border-radius: var(--sn-radius) !important;
	 border: 1px solid var(--sn-border) !important;
	 box-shadow: var(--sn-shadow) !important 
}
 .card {
	 padding: clamp(16px, 2vw, 24px) 
}
 .compact-card {
	 padding: 18px 
}
 .metric-row, .card-header {
	 gap: 14px 
}
 .metric-icon {
	 flex: 0 0 auto 
}
 .muted, .card-subtitle, .mini-note {
	 color: var(--sn-muted) !important;
	 line-height: 1.9 
}
 .badge {
	 min-height: 28px;
	 border: 1px solid rgba(15, 23, 42, .05) 
}
 input, select, textarea {
	 max-width: 100%;
	 font-size: 15px 
}
 .form-grid, .grid-form-v70 {
	 gap: 14px 
}
 .inline {
	 align-items: center 
}
 .inline>* {
	 flex: 0 1 auto 
}
 .inline input, .inline select {
	 min-width: min(260px, 100%) 
}
 .btn, button, .button, input[type="submit"] {
	 white-space: nowrap;
	 touch-action: manipulation 
}
 .btn.secondary:hover, button.secondary:hover, .secondary:hover {
	 background: #f8fffd !important 
}
 .actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .actions form {
	 display: inline-flex;
	 margin: 0 
}
 .hidden, [hidden] {
	 display: none !important 
}
 .table-wrap {
	 max-width: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch 
}
 .table-wrap table {
	 min-width: 760px 
}
 th {
	 white-space: nowrap 
}
 td {
	 line-height: 1.75 
}
 .thumb {
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .06) 
}
 .sidebar-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(2, 8, 23, .42);
	 opacity: 0;
	 pointer-events: none;
	 z-index: 39;
	 transition: opacity .18s ease;
	 backdrop-filter: blur(3px) 
}
 .sidebar-open .sidebar-backdrop {
	 opacity: 1;
	 pointer-events: auto 
}
 .modal-open {
	 overflow: hidden 
}
 .modal-form-backdrop, .modal {
	 position: fixed;
	 inset: 0;
	 z-index: 70;
	 background: rgba(2, 8, 23, .42);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(6px) 
}
 .modal-form-backdrop.hidden, .modal:not(.open) {
	 display: none 
}
 .modal-form-card {
	 width: min(720px, 100%);
	 max-height: 88vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 28px;
	 border: 1px solid var(--sn-border);
	 box-shadow: 0 28px 80px rgba(2, 8, 23, .25) 
}
 .modal-form-head {
	 position: sticky;
	 top: 0;
	 z-index: 2;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 16px 18px;
	 background: rgba(255, 255, 255, .92);
	 border-bottom: 1px solid var(--sn-border);
	 backdrop-filter: blur(14px) 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .ghost {
	 background: transparent !important;
	 color: var(--sn-text) !important;
	 box-shadow: none !important;
	 border: 1px solid var(--sn-border) !important;
	 width: 42px;
	 height: 42px;
	 padding: 0 
}
 .public-body-v70 {
	 min-height: 100vh 
}
 .public-header-v70 {
	 position: sticky;
	 top: 0;
	 z-index: 30;
	 background: rgba(255, 255, 255, .78) !important 
}
 .public-main-v70 {
	 width: min(1180px, 100%);
	 margin-inline: auto;
	 padding: clamp(18px, 3vw, 34px) 
}
 @media (max-width:1180px) {
	 .content-wrap {
		 padding-inline: 18px 
	}
	 .grid, .quick-grid, .kpi-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
}
 @media (max-width:860px) {
	 .content-wrap {
		 padding: 16px 
	}
	 .mobile-topbar {
		 display: flex !important 
	}
	 .sidebar {
		 z-index: 50;
		 width: min(320px, 86vw) !important;
		 transform: translateX(105%) 
	}
	 .sidebar-open .sidebar, .sidebar.open {
		 transform: translateX(0) !important 
	}
	 .page-hero, .page-head, .card-header {
		 display: grid;
		 align-items: start 
	}
	 .page-actions, .inline, .actions {
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button, .inline>* {
		 width: 100% 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 border-radius: 18px !important 
	}
	 .table-wrap table {
		 min-width: 680px 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .mobile-card, .mobile-only {
		 display: block !important 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important 
	}
	 .public-header-v70 {
		 padding: 12px 16px !important 
	}
	 .public-header-v70 nav {
		 gap: 8px;
		 flex-wrap: wrap 
	}
}
 @media (max-width:520px) {
	 .content-wrap {
		 padding: 12px 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 24px 
	}
	 .card {
		 padding: 14px 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 justify-content: center 
	}
	 .table-wrap table {
		 min-width: 620px 
	}
	 th, td {
		 padding: 10px 11px 
	}
	 .modal-form-backdrop, .modal {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
	 .brand-subtitle {
		 display: none 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto 
	}
	 .public-main-v70 {
		 padding: 16px 12px 
	}
}
 @media (prefers-reduced-motion:reduce) {
	 *, *::before, *::after {
		 scroll-behavior: auto !important;
		 transition: none !important;
		 animation: none !important 
	}
}
/* ===== ShopNegar Demo/Product UI Signature 2026-05-10 ===== */
 .platform-hero {
	 position: relative;
	 overflow: hidden;
	 padding: 20px;
	 border-radius: 30px;
	 background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(231, 255, 249, .82));
	 border: 1px solid rgba(14, 165, 164, .14);
	 box-shadow: 0 18px 54px rgba(2, 44, 45, .07) 
}
 .platform-product-kpis .stat {
	 min-height: 138px 
}
 .platform-panels {
	 align-items: start 
}
 .mini-kpi-list {
	 display: grid;
	 gap: 10px 
}
 .mini-kpi-list>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12) 
}
 .mini-kpi-list b {
	 font-size: 20px;
	 color: #0f766e 
}
 .mini-kpi-list span {
	 color: #64748b;
	 font-weight: 800;
	 font-size: 13px 
}
 .mobile-topbar {
	 min-height: 62px 
}
 .mobile-topbar .icon-button {
	 flex: 0 0 44px;
	 border-radius: 16px 
}
 .sidebar {
	 will-change: transform 
}
 .sidebar-backdrop {
	 display: block !important 
}
 .sidebar-close {
	 display: none;
	 position: sticky;
	 top: 0;
	 margin: 0 0 12px auto;
	 width: 44px;
	 height: 44px;
	 padding: 0;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .10) !important;
	 color: #fff !important;
	 border: 1px solid rgba(255, 255, 255, .18) !important;
	 box-shadow: none !important;
	 z-index: 3 
}
 .sidebar-open {
	 overflow: hidden 
}
 .sidebar-open .mobile-topbar {
	 z-index: 65 
}
 .sidebar-open .sidebar-backdrop, .sidebar-backdrop.open {
	 opacity: 1 !important;
	 pointer-events: auto !important 
}
 .sidebar.open, .sidebar[data-open="true"] {
	 transform: translateX(0) !important 
}
 @media (max-width:860px) {
	 body {
		 overflow-x: hidden 
	}
	 .app-shell {
		 display: block !important 
	}
	 .main {
		 width: 100%;
		 min-width: 0 
	}
	 .mobile-topbar {
		 display: flex !important;
		 align-items: center;
		 justify-content: space-between;
		 gap: 12px;
		 position: sticky;
		 top: 0;
		 z-index: 60;
		 background: rgba(255, 255, 255, .92);
		 backdrop-filter: blur(16px);
		 border-bottom: 1px solid rgba(14, 165, 164, .14) 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0 !important;
		 right: 0 !important;
		 bottom: 0 !important;
		 height: 100dvh !important;
		 width: min(330px, 88vw) !important;
		 max-width: 88vw !important;
		 transform: translateX(110%) !important;
		 z-index: 80 !important;
		 transition: transform .22s ease !important;
		 padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important 
	}
	 .sidebar-close {
		 display: inline-flex !important;
		 align-items: center;
		 justify-content: center 
	}
	 .sidebar-backdrop {
		 position: fixed !important;
		 inset: 0 !important;
		 z-index: 70 !important;
		 background: rgba(2, 8, 23, .48) !important;
		 opacity: 0 !important;
		 pointer-events: none !important;
		 backdrop-filter: blur(4px) !important 
	}
	 .content-wrap {
		 width: 100% !important;
		 max-width: 100% !important;
		 padding: 16px 12px 84px !important;
		 overflow-x: hidden 
	}
	 .page-hero, .page-head, .topbar, .card-header {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: start !important 
	}
	 .page-actions, .actions, .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 width: 100% !important 
	}
	 .page-actions .btn, .page-actions button, .actions .btn, .actions button, .actions form, .inline>* {
		 width: 100% !important 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .platform-product-kpis, .platform-panels {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 padding: 14px !important;
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 width: 100% !important;
		 overflow-x: auto !important;
		 -webkit-overflow-scrolling: touch !important 
	}
	 .table-wrap table {
		 min-width: 680px !important 
	}
	 .searchbox input {
		 width: 100% !important;
		 min-width: 0 !important;
		 margin-top: 10px 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .brand-card {
		 margin-top: 4px 
	}
	 .mini-kpi-list>div {
		 align-items: flex-start;
		 flex-direction: column 
	}
	 .platform-hero {
		 border-radius: 24px;
		 padding: 16px 
	}
}
 @media (max-width:520px) {
	 .mobile-topbar {
		 padding: 10px 12px 
	}
	 .mobile-topbar span {
		 font-size: 14px 
	}
	 .sidebar {
		 width: min(310px, 90vw) !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 23px !important 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto !important 
	}
	 .num {
		 font-size: 26px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 min-height: 46px 
	}
	 .table-wrap table {
		 min-width: 620px !important 
	}
}
/* ===== ShopNegar Platform Pro Console v6 ===== */
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(236, 255, 250, .78));
}
 .status-stack {
	 display: grid;
	 gap: 7px;
	 align-items: start 
}
 .warning-list {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 5px;
	 margin-top: 6px 
}
 .warning-list span {
	 display: inline-flex;
	 align-items: center;
	 padding: 5px 8px;
	 border-radius: 999px;
	 background: #fff7ed;
	 border: 1px solid #fed7aa;
	 color: #9a3412;
	 font-size: 11px;
	 font-weight: 900 
}
 .inline-warnings {
	 margin: 0 
}
 .success-note {
	 display: inline-flex;
	 width: max-content;
	 padding: 6px 9px;
	 border-radius: 999px;
	 background: #dcfce7;
	 color: #166534;
	 font-size: 11px;
	 font-weight: 950 
}
 .store-mini-form {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 7px;
	 min-width: 240px 
}
 .store-mini-form label {
	 font-size: 11.5px;
	 font-weight: 950;
	 color: #40606a 
}
 .store-mini-form input, .store-mini-form select, .store-mini-form textarea {
	 margin: 0;
	 min-height: 40px;
	 border-radius: 14px 
}
 .store-mini-form button {
	 min-height: 40px;
	 border-radius: 14px 
}
 .form-grid.tight {
	 gap: 7px;
	 margin: 0 
}
 .compact-actions {
	 margin-top: 8px 
}
 .compact-actions .btn, .compact-actions button {
	 min-height: 38px;
	 padding: 8px 10px;
	 border-radius: 13px 
}
 .ops-details {
	 min-width: 260px 
}
 .ops-details summary {
	 cursor: pointer;
	 list-style: none;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 42px;
	 padding: 9px 12px;
	 border-radius: 15px;
	 background: #f0fdfa;
	 border: 1px solid rgba(14, 165, 164, .18);
	 font-weight: 950;
	 color: #0f766e 
}
 .ops-details summary::-webkit-details-marker {
	 display: none 
}
 .ops-details[open] summary {
	 margin-bottom: 10px;
	 background: #ccfbf1 
}
 .danger-zone {
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: 1px dashed rgba(190, 18, 60, .22) 
}
 .single-action {
	 margin-top: 8px 
}
 .single-action button {
	 width: 100% 
}
 .checkline {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 flex-direction: row !important;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 14px;
	 padding: 9px 
}
 .checkline input {
	 width: auto !important;
	 min-height: auto !important;
	 margin: 0 !important 
}
 .support-action-list {
	 display: grid;
	 gap: 10px 
}
 .support-action-list a {
	 display: grid;
	 gap: 3px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14);
	 transition: .15s ease 
}
 .support-action-list a:hover {
	 transform: translateY(-1px);
	 border-color: rgba(14, 165, 164, .28);
	 box-shadow: 0 12px 26px rgba(6, 25, 29, .07) 
}
 .support-action-list b {
	 font-weight: 950;
	 color: #073b3c 
}
 .support-action-list span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .checklist.compact .check-row {
	 min-height: 54px 
}
 .platform-store-table td {
	 vertical-align: top 
}
 .platform-store-table .table-copy-input {
	 min-width: 280px 
}
 @media(max-width:860px) {
	 .platform-store-table {
		 min-width: 980px !important 
	}
	 .store-mini-form {
		 min-width: 220px 
	}
	 .ops-details {
		 min-width: 240px 
	}
	 .platform-explainer {
		 grid-template-columns: 1fr !important 
	}
	 .support-action-list a {
		 padding: 12px 
	}
	 .warning-list span {
		 font-size: 10.5px 
	}
	 .platform-store-table .table-copy-input {
		 min-width: 240px 
	}
}
 @media(max-width:520px) {
	 .store-mini-form {
		 min-width: 210px 
	}
	 .compact-actions {
		 display: grid !important;
		 grid-template-columns: 1fr !important 
	}
	 .ops-details {
		 min-width: 220px 
	}
}
/* ===== ENAMAD ===== */
 .shopnegar-enamad {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 16px auto;
	 padding: 10px;
}
 .shopnegar-enamad .enamad-link {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 18px;
	 background: rgba(255, 255, 255, .75);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 transition: .25s ease;
	 text-decoration: none !important;
	 box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}
 .shopnegar-enamad .enamad-link:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}
 .shopnegar-enamad .enamad-image {
	 width: 110px;
	 height: auto;
	 object-fit: contain;
	 display: block;
}
 @media (max-width: 768px) {
	 .shopnegar-enamad .enamad-image {
		 width: 92px;
	}
}
/* ===== UX polish v1.0.1: forms, orders, dashboard readability ===== */
 .content-wrap {
	 font-size: 14.5px 
}
 .num {
	 font-size: clamp(22px, 2.4vw, 34px) !important;
	 letter-spacing: -.02em 
}
 .money-num {
	 font-size: clamp(18px, 1.8vw, 28px) !important 
}
 .label {
	 font-size: 13px;
	 color: #47606a;
	 font-weight: 900 
}
 .hint {
	 font-size: 12px;
	 color: #64748b;
	 line-height: 1.8 
}
 .ux-form {
	 gap: 12px 14px 
}
 .ux-form>div:not(.full), .product-modal-form>div:not(.full) {
	 background: rgba(248, 255, 253, .72);
	 border: 1px solid rgba(14, 165, 164, .10);
	 border-radius: 18px;
	 padding: 11px 
}
 .ux-form label, .product-modal-form label {
	 font-size: 12.5px;
	 font-weight: 950;
	 color: #24444d;
	 margin-bottom: 6px;
	 display: block 
}
 .ux-form input, .ux-form select, .ux-form textarea, .product-modal-form input, .product-modal-form select, .product-modal-form textarea {
	 min-height: 44px;
	 border-radius: 15px;
	 border: 1px solid #cfe9e6;
	 background: #fff;
	 padding: 10px 12px 
}
 .form-step {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 background: linear-gradient(135deg, #ecfffb, #fff);
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 20px;
	 padding: 12px 14px !important 
}
 .form-step b {
	 font-size: 14px;
	 color: #0f766e 
}
 .form-step span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .import-panel {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .import-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .attrs-grid, .variant-grid {
	 gap: 8px 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 8px 
}
 .variant-row {
	 grid-template-columns: 1.2fr .8fr .7fr .7fr auto 
}
 .order-summary-grid .compact-stat {
	 min-height: 126px 
}
 .pro-order-board {
	 overflow: hidden 
}
 .pro-orders-table th, .pro-orders-table td {
	 vertical-align: top 
}
 .order-items-mini {
	 display: grid;
	 gap: 4px;
	 min-width: 180px 
}
 .order-items-mini span {
	 display: inline-flex;
	 width: max-content;
	 max-width: 260px;
	 padding: 4px 8px;
	 border-radius: 999px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 font-size: 12px 
}
 .order-inline-form {
	 display: grid !important;
	 grid-template-columns: minmax(120px, 1fr) minmax(90px, .9fr) auto;
	 gap: 6px 
}
 .pro-order-card {
	 border-radius: 22px 
}
 .guide-list {
	 line-height: 2.2;
	 color: #334155 
}
 .help-grid .card {
	 min-height: 190px 
}
 .shopnegar-enamad .enamad-image {
	 max-width: 110px !important 
}
 @media(max-width:860px) {
	 .import-panel {
		 display: grid 
	}
	 .import-actions {
		 display: grid;
		 width: 100% 
	}
	 .form-step {
		 display: grid 
	}
	 .order-mobile-list {
		 display: grid !important 
	}
	 .order-inline-form {
		 grid-template-columns: 1fr !important 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr !important 
	}
	 .variant-row, .attr-row {
		 grid-template-columns: 1fr !important 
	}
	 .compact-stat {
		 min-height: auto 
	}
	 .num {
		 font-size: 25px !important 
	}
	 .money-num {
		 font-size: 21px !important 
	}
}
/* ShopNegar v1.0.2 - bot activation notices */
 .notice-board {
	 border: 1px solid rgba(34, 197, 94, .18);
	 background: linear-gradient(180deg, #ffffff, #f8fffb) 
}
 .notice-list {
	 display: grid;
	 gap: 10px;
	 margin-top: 10px 
}
 .notice-item {
	 display: flex;
	 gap: 10px;
	 align-items: flex-start;
	 border: 1px solid #e5e7eb;
	 border-radius: 16px;
	 padding: 12px 14px;
	 background: #fff 
}
 .notice-item span {
	 font-size: 20px;
	 line-height: 1 
}
 .notice-item b {
	 display: block;
	 font-size: 14px;
	 color: #111827;
	 margin-bottom: 4px 
}
 .notice-item small {
	 display: block;
	 color: #6b7280;
	 font-size: 12px;
	 direction: ltr;
	 text-align: right 
}
 .notice-item.ok {
	 border-color: rgba(34, 197, 94, .28);
	 background: #f0fdf4 
}
 .notice-item.danger {
	 border-color: rgba(239, 68, 68, .28);
	 background: #fef2f2 
}
 .alert {
	 border-radius: 16px;
	 padding: 12px 14px;
	 margin: 12px 0;
	 font-weight: 700 
}
 .alert.success {
	 background: #ecfdf5;
	 border: 1px solid #bbf7d0;
	 color: #166534 
}
 .alert.danger {
	 background: #fef2f2;
	 border: 1px solid #fecaca;
	 color: #991b1b 
}
/* ===== ShopNegar v1.0.3: plan-safe rendering, compact grids, bot guide ===== */
 html {
	 font-size: 14px 
}
 body {
	 font-size: 13.5px !important;
	 line-height: 1.65 
}
 .content-wrap {
	 font-size: 13.5px !important;
	 max-width: 1240px !important;
	 padding: 22px !important 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(20px, 2vw, 25px) !important;
	 line-height: 1.45 !important;
	 margin: 6px 0 !important 
}
 .page-hero, .page-head {
	 padding: 16px 0 12px !important;
	 margin-bottom: 12px !important 
}
 .page-kicker {
	 font-size: 10.5px !important;
	 padding: 5px 10px !important 
}
 .muted, .card-subtitle, small {
	 font-size: 12px !important;
	 line-height: 1.8 !important 
}
 .card {
	 border-radius: 22px !important;
	 padding: 15px !important;
	 margin-bottom: 12px !important;
	 box-shadow: 0 14px 38px rgba(6, 25, 29, .065) !important 
}
 .card-title, .form-section-title {
	 font-size: 15px !important;
	 line-height: 1.6 !important 
}
 .grid, .grid-2, .quick-grid, .kpi-grid {
	 gap: 11px !important;
	 margin-bottom: 12px !important 
}
 .quick-card {
	 border-radius: 20px !important;
	 padding: 13px !important;
	 gap: 10px !important 
}
 .quick-card .icon, .metric-icon {
	 width: 42px !important;
	 height: 42px !important;
	 border-radius: 16px !important;
	 font-size: 19px !important 
}
 .num {
	 font-size: clamp(20px, 1.9vw, 28px) !important;
	 margin-top: 3px !important 
}
 .label {
	 font-size: 12px !important 
}
 .hint {
	 font-size: 11.5px !important 
}
 .btn, button, .button, input[type="submit"] {
	 min-height: 39px !important;
	 border-radius: 14px !important;
	 padding: 8px 12px !important;
	 font-size: 12.5px !important;
	 box-shadow: none !important 
}
 input, select, textarea {
	 min-height: 40px !important;
	 border-radius: 13px !important;
	 padding: 9px 11px !important;
	 font-size: 13px !important 
}
 label {
	 font-size: 12.5px !important;
	 margin-bottom: 5px !important 
}
 .form-grid {
	 gap: 10px !important 
}
 .form-section {
	 border-radius: 18px !important;
	 padding: 13px !important;
	 margin-bottom: 10px !important 
}
 .table-wrap {
	 border-radius: 18px !important;
	 max-width: 100% !important;
	 overflow: auto !important 
}
 table {
	 min-width: 760px !important;
	 font-size: 12.5px !important 
}
 th, td {
	 padding: 9px 10px !important 
}
 th {
	 font-size: 11.5px !important 
}
 .badge {
	 font-size: 11px !important;
	 padding: 5px 9px !important 
}
 .thumb {
	 width: 48px !important;
	 height: 48px !important;
	 border-radius: 14px !important 
}
 .nav-item {
	 min-height: 42px !important;
	 padding: 8px 10px !important;
	 border-radius: 15px !important 
}
 .nav-item span {
	 width: 24px !important;
	 height: 24px !important;
	 border-radius: 9px !important 
}
 .nav-item b {
	 font-size: 12.5px !important 
}
 .nav-section-title {
	 font-size: 10.5px !important;
	 margin: 14px 8px 7px !important 
}
 .brand-title {
	 font-size: 17px !important 
}
 .brand-logo-wrap {
	 width: 48px !important;
	 height: 48px !important;
	 min-width: 48px !important;
	 border-radius: 18px !important 
}
 .sidebar {
	 padding: 16px 13px !important 
}
 .brand-card {
	 padding: 10px !important;
	 border-radius: 20px !important;
	 margin-bottom: 16px !important 
}
 .import-panel {
	 display: grid !important;
	 grid-template-columns: minmax(240px, 1fr) auto !important;
	 align-items: center !important;
	 background: linear-gradient(135deg, #f8fffd, #ffffff) !important;
	 overflow: hidden !important 
}
 .import-actions {
	 display: flex !important;
	 align-items: center !important;
	 justify-content: flex-end !important;
	 gap: 8px !important 
}
 .import-file-form {
	 display: flex !important;
	 align-items: center !important;
	 gap: 8px !important 
}
 .file-picker {
	 position: relative;
	 margin: 0 !important;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 39px;
	 border-radius: 14px;
	 border: 1px dashed rgba(14, 165, 164, .35);
	 background: #fff;
	 padding: 8px 12px;
	 font-weight: 900;
	 color: #0f766e;
	 cursor: pointer 
}
 .file-picker input {
	 position: absolute;
	 inset: 0;
	 opacity: 0;
	 cursor: pointer;
	 min-height: auto !important 
}
 .file-picker span {
	 white-space: nowrap 
}
 .guide-alert, .setup-callout {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 margin-bottom: 12px;
	 border-radius: 22px;
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: linear-gradient(135deg, #ecfffb, #ffffff);
	 box-shadow: 0 14px 34px rgba(6, 25, 29, .06) 
}
 .guide-alert b, .setup-callout b {
	 display: block;
	 font-size: 15px;
	 color: #073b3c;
	 margin-bottom: 2px 
}
 .guide-alert span, .setup-callout span {
	 display: block;
	 color: #64748b;
	 font-size: 12.5px;
	 line-height: 1.8 
}
 .setup-actions {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .bot-token-layout {
	 display: grid;
	 grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
	 gap: 14px;
	 align-items: start 
}
 .bot-guide-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 9px 
}
 .bot-guide-card b {
	 font-size: 14px;
	 color: #073b3c 
}
 .bot-guide-card ol {
	 margin: 0;
	 padding-right: 18px;
	 color: #334155;
	 line-height: 2 
}
 .bot-guide-card li {
	 font-size: 12.5px 
}
 .botfather-box {
	 display: grid;
	 gap: 8px;
	 padding: 12px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14) 
}
 .botfather-box code, .bot-guide-card code {
	 direction: ltr;
	 text-align: left;
	 display: inline-flex;
	 width: max-content 
}
 .onboarding-grid {
	 align-items: start 
}
 .product-attrs-head {
	 gap: 10px !important 
}
 .attr-row, .variant-row {
	 gap: 7px !important 
}
 .modal-card.wide {
	 max-width: min(980px, 96vw) !important 
}
 .modal-head h2 {
	 font-size: 18px !important;
	 margin: 0 !important 
}
 @media(max-width:980px) {
	 .import-panel, .bot-token-layout {
		 grid-template-columns: 1fr !important 
	}
	 .import-actions, .import-file-form, .setup-actions {
		 display: grid !important;
		 width: 100% !important 
	}
	 .guide-alert, .setup-callout {
		 display: grid !important 
	}
	 .guide-alert .btn, .setup-actions .btn {
		 width: 100% !important 
	}
	 .content-wrap {
		 padding: 16px 12px 76px !important 
	}
	 .card {
		 padding: 13px !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 22px !important 
	}
	 table {
		 min-width: 680px !important 
	}
}
 @media(max-width:520px) {
	 body {
		 font-size: 13px !important 
	}
	 .content-wrap {
		 padding: 12px 10px 76px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 font-size: 12.3px !important 
	}
	 .num {
		 font-size: 22px !important 
	}
	 .card-title, .form-section-title {
		 font-size: 14.5px !important 
	}
	 th, td {
		 padding: 8px !important 
	}
	 .file-picker {
		 width: 100% 
	}
}
/* ===== ShopNegar v1.0.5 - Negar default theme for all management pages ===== */
 :root {
	 --primary: #19C9C2;
	 --primary-2: #0B68C7;
	 --primary-soft: #E9FBFB;
	 --navy: #081D56;
	 --navy-2: #08337E;
	 --gold: #F7B731;
	 --bg: #F4FBFB;
	 --surface: #FFFFFF;
	 --surface-2: #F8FDFD;
	 --text: #0B1730;
	 --muted: #66788F;
	 --line: rgba(8, 37, 111, .12);
	 --panel-bg: #F4FBFB;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(8, 37, 111, .12);
	 --panel-text: #0B1730;
	 --panel-muted: #66788F;
	 --panel-primary: #19C9C2;
	 --panel-primary-2: #0B68C7;
	 --panel-gold: #F7B731;
	 --shadow: 0 22px 64px rgba(8, 37, 111, .09);
}
 html {
	 background: var(--bg) !important 
}
 body:not(.miniapp-body):not(.public-body-v104):not(.auth-body-v104) {
	 color: var(--text) !important;
	 background: radial-gradient(circle at 15% 7%, rgba(25, 201, 194, .18), transparent 28%), radial-gradient(circle at 88% 12%, rgba(8, 37, 111, .10), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f4fbfb 55%, #eef8f7 100%) !important;
}
 .sidebar {
	 background: radial-gradient(circle at 15% 5%, rgba(25, 201, 194, .22), transparent 30%), linear-gradient(180deg, #071B53 0%, #08256F 58%, #06324F 100%) !important;
	 box-shadow: -18px 0 60px rgba(8, 37, 111, .20) !important;
}
 .brand-card {
	 border-color: rgba(25, 201, 194, .24) !important;
	 background: rgba(255, 255, 255, .075) !important 
}
 .brand-subtitle, .user-pill small, .nav-section-title {
	 color: #BFF7F4 !important 
}
 .nav-item {
	 color: #E8FCFF !important 
}
 .nav-item.active, .btn:not(.secondary):not(.danger):not(.ok):not(.gold), button:not(.secondary):not(.danger):not(.ok):not(.gold), .page-kicker, .quick-card .icon {
	 background: linear-gradient(135deg, #19C9C2, #0B68C7) !important;
	 color: #fff !important;
}
 .btn.secondary, button.secondary {
	 background: #fff !important;
	 color: #0B3A70 !important;
	 border-color: rgba(8, 37, 111, .14) !important 
}
 .card, .quick-card, .form-section, .table-wrap {
	 border-color: rgba(8, 37, 111, .10) !important;
	 box-shadow: 0 18px 52px rgba(8, 37, 111, .075) !important;
}
 th {
	 background: #F5FBFD !important;
	 color: #173454 !important 
}
 input:focus, select:focus, textarea:focus {
	 border-color: #19C9C2 !important;
	 box-shadow: 0 0 0 4px rgba(25, 201, 194, .14) !important 
}
 .badge.info, .page-kicker {
	 background: #E9FBFB !important;
	 color: #086977 !important;
	 border: 1px solid rgba(25, 201, 194, .18) !important 
}
 .num, .money-num {
	 color: #0B1730 !important 
}
 .color-picker-row-v105 {
	 display: grid;
	 grid-template-columns: 72px 1fr;
	 gap: 12px;
	 align-items: center 
}
 .color-picker-row-v105 input[type="color"] {
	 width: 72px !important;
	 height: 48px !important;
	 min-height: 48px !important;
	 padding: 4px !important;
	 border-radius: 16px !important;
	 cursor: pointer;
	 background: #fff !important 
}
 .color-picker-row-v105 .color-code-v105 {
	 height: 48px;
	 display: flex;
	 align-items: center;
	 padding: 0 13px;
	 border: 1px solid rgba(8, 37, 111, .12);
	 border-radius: 16px;
	 background: #fff;
	 color: #0B1730;
	 font-weight: 900;
	 direction: ltr;
	 text-align: left 
}
 .color-help-v105 {
	 display: block;
	 margin-top: 8px;
	 color: #66788F;
	 font-size: 12px;
	 line-height: 1.85 
}
/* ===== ShopNegar v1.0.6 - Sky Blue default admin theme + platform grids ===== */
 :root {
	 --primary: #18BFD0;
	 --primary-2: #0B68C7;
	 --primary-soft: #E8F9FF;
	 --bg: #F3FBFF;
	 --surface-2: #F7FCFF;
	 --line: #D6EAF3;
	 --info: #0B68C7;
	 --info-soft: #EAF4FF;
}
 html {
	 background: #F3FBFF !important 
}
 body {
	 background: radial-gradient(circle at 100% 0%, rgba(24, 191, 208, .18), transparent 34%), radial-gradient(circle at 0% 8%, rgba(11, 104, 199, .08), transparent 30%), linear-gradient(180deg, #FBFDFF 0%, #F0F9FF 100%) !important;
}
 .card, .quick-card, .table-wrap, input, select, textarea {
	 border-color: rgba(11, 104, 199, .13) !important 
}
 th {
	 background: #F3FAFF !important;
	 color: #24445A !important 
}
 tr:hover td {
	 background: #FAFDFF !important 
}
 .page-kicker {
	 background: #E8F9FF !important;
	 color: #075985 !important 
}
 .platform-hero {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(232, 249, 255, .86)) !important;
	 border-color: rgba(11, 104, 199, .12) !important 
}
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(240, 249, 255, .82)) !important 
}
 .metric-icon {
	 background: linear-gradient(135deg, #E8F9FF, #EEF6FF) !important 
}
 .stat:after {
	 background: rgba(24, 191, 208, .10) !important 
}
 .btn.secondary, button.secondary {
	 background: #F6FCFF !important;
	 color: #16445B !important;
	 border-color: rgba(11, 104, 199, .15) !important 
}
 .empty {
	 background: linear-gradient(135deg, #fff, #F7FCFF) !important;
	 border-color: rgba(11, 104, 199, .22) !important 
}
 .store-grid-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .store-card-v106 {
	 display: flex;
	 flex-direction: column;
	 background: rgba(255, 255, 255, .90);
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 26px;
	 box-shadow: 0 16px 45px rgba(8, 47, 73, .08);
	 overflow: hidden;
	 transition: .16s ease 
}
 .store-card-v106:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(8, 47, 73, .12) 
}
 .store-card-main-v106 {
	 display: grid;
	 gap: 12px;
	 padding: 16px;
	 color: inherit 
}
 .store-card-top-v106 {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 10px 
}
 .store-card-top-v106 h3 {
	 margin: 0;
	 font-size: 17px;
	 line-height: 1.6 
}
 .store-card-top-v106 span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 2px 
}
 .store-status-v106 {
	 padding: 6px 10px;
	 border-radius: 999px;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .store-status-v106.is-ok {
	 background: #DCFCE7;
	 color: #166534 
}
 .store-status-v106.is-bad {
	 background: #FFF1F2;
	 color: #9F1239 
}
 .store-meta-v106 {
	 display: grid;
	 gap: 7px;
	 color: #475569;
	 font-size: 12.5px 
}
 .store-meta-v106 span {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 padding: 7px 9px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .08) 
}
 .store-numbers-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 8px 
}
 .store-numbers-v106 div {
	 min-height: 66px;
	 border-radius: 18px;
	 background: linear-gradient(180deg, #fff, #F5FBFF);
	 border: 1px solid rgba(11, 104, 199, .09);
	 display: grid;
	 place-items: center;
	 text-align: center 
}
 .store-numbers-v106 b {
	 font-size: 20px;
	 color: #075985 
}
 .store-numbers-v106 span {
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .store-card-actions-v106 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 padding: 12px 16px 16px;
	 border-top: 1px solid rgba(11, 104, 199, .08) 
}
 .store-card-actions-v106 .btn {
	 width: 100%;
	 min-height: 40px 
}
 .compact-warnings-v106 {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 6px 
}
 .compact-warnings-v106 span {
	 font-size: 11.5px;
	 background: #FFF7ED;
	 color: #9A3412;
	 border: 1px solid #FED7AA;
	 border-radius: 999px;
	 padding: 5px 8px 
}
 .small-num-v106 {
	 font-size: 22px !important 
}
 .store-detail-form-v106 {
	 grid-template-columns: repeat(2, minmax(0, 1fr)) 
}
 .store-detail-form-v106 .full {
	 grid-column: 1/-1 
}
 .store-edit-layout-v106 {
	 align-items: start 
}
 .store-health-grid-v106 {
	 grid-template-columns: repeat(4, minmax(0, 1fr)) 
}
 .warning-card-v106 {
	 border-color: rgba(245, 158, 11, .18) !important;
	 background: linear-gradient(135deg, #fff, #FFF7ED) !important 
}
 .stack-actions-v106 {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin-bottom: 14px 
}
 .stack-actions-v106 form {
	 display: inline-flex 
}
 .danger-zone-v106 {
	 margin-top: 12px;
	 padding-top: 14px;
	 border-top: 1px dashed rgba(225, 29, 72, .18) 
}
 .mini-log-v106 {
	 display: grid;
	 gap: 8px 
}
 .mini-log-v106>b {
	 margin-top: 8px;
	 color: #0f172a 
}
 .mini-log-v106>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 9px 11px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .09) 
}
 .mini-log-v106 em {
	 font-style: normal;
	 font-weight: 950 
}
 .ok-text {
	 color: #166534 
}
 .bad-text {
	 color: #b91c1c 
}
 .compact-form-v106 input, .compact-form-v106 select, .store-detail-form-v106 input, .store-detail-form-v106 select, .store-detail-form-v106 textarea {
	 min-height: 42px !important 
}
 .platform-store-overview-v106 .card-header {
	 align-items: center 
}
 @media(max-width:1180px) {
	 .store-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .store-health-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:760px) {
	 .store-grid-v106, .store-detail-form-v106, .store-edit-layout-v106, .store-health-grid-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-actions-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-v106 {
		 border-radius: 22px 
	}
	 .content-wrap {
		 padding: 16px 
	}
	 .page-title {
		 font-size: 23px 
	}
}
/* ===== ShopNegar v1.0.7 - plan matrix, orders grid, public spacing ===== */
 .plans-matrix-wrap-v104 {
	 max-width: 1180px;
	 margin-inline: auto;
	 overflow-x: auto;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .72);
	 box-shadow: 0 22px 70px rgba(14, 58, 98, .08) 
}
 .plans-matrix-v104 {
	 min-width: 980px;
	 font-size: 13px 
}
 .plans-matrix-v104 th, .plans-matrix-v104 td {
	 padding: 12px 14px 
}
 .plans-matrix-v104 thead th {
	 background: linear-gradient(180deg, #eef8ff, #fff) 
}
 .plans-matrix-v104 thead th.featured-col {
	 background: linear-gradient(180deg, #dff7ff, #eef9ff) 
}
 .orders-kpi-v107 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 18px 
}
 .orders-board-v107 {
	 padding: 16px !important;
	 overflow: hidden 
}
 .orders-board-head-v107 {
	 align-items: center 
}
 .orders-table-shell-v107 {
	 width: 100%;
	 overflow: auto;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 background: #fff 
}
 .orders-table-v107 {
	 width: 100%;
	 min-width: 1040px;
	 border-collapse: separate;
	 border-spacing: 0 
}
 .orders-table-v107 th {
	 font-size: 12px;
	 background: #f1f8ff;
	 color: #173b5d 
}
 .orders-table-v107 td {
	 font-size: 13px;
	 vertical-align: top 
}
 .orders-table-v107 small {
	 display: block;
	 color: #64748b;
	 line-height: 1.8 
}
 .order-no-v107 b {
	 font-size: 13px 
}
 .order-items-mini-v107 {
	 display: flex;
	 gap: 6px;
	 flex-wrap: wrap;
	 max-width: 300px 
}
 .order-items-mini-v107 span {
	 display: inline-flex;
	 max-width: 260px;
	 padding: 5px 9px;
	 border-radius: 999px;
	 background: #f7fcff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 font-size: 12px;
	 white-space: normal 
}
 .order-actions-v107 {
	 display: grid;
	 gap: 8px;
	 min-width: 260px 
}
 .order-actions-v107 form {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 7px;
	 align-items: center 
}
 .order-actions-v107 form+form {
	 grid-template-columns: 1fr 
}
 .order-actions-v107 input, .order-actions-v107 select {
	 min-height: 40px;
	 padding: 9px;
	 border-radius: 13px 
}
 .mobile-only-v107 {
	 display: none 
}
 .desktop-only-v107 {
	 display: block 
}
 .orders-card-grid-v107 {
	 display: grid;
	 gap: 12px 
}
 .order-card-v107 {
	 background: #fff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 padding: 13px;
	 box-shadow: 0 18px 45px rgba(14, 58, 98, .07) 
}
 .order-card-v107 header {
	 display: flex;
	 justify-content: space-between;
	 gap: 10px;
	 align-items: flex-start;
	 margin-bottom: 10px 
}
 .order-card-v107 header small {
	 display: block;
	 color: #64748b;
	 margin-top: 3px 
}
 .order-info-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 9px 
}
 .order-info-v107 div {
	 background: #f8fcff;
	 border: 1px solid rgba(11, 104, 199, .10);
	 border-radius: 16px;
	 padding: 9px 
}
 .order-info-v107 .full {
	 grid-column: 1/-1 
}
 .order-info-v107 span {
	 display: block;
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .order-info-v107 b {
	 font-size: 13px 
}
 .order-info-v107 p {
	 margin: 4px 0 0;
	 color: #334155;
	 line-height: 1.8 
}
 .quick-order-form-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 margin-top: 10px 
}
 .quick-order-form-v107 button {
	 grid-column: 1/-1 
}
 .quick-order-form-v107 input, .quick-order-form-v107 select {
	 min-width: 0 
}
 .public-footer-v104 {
	 margin-top: 28px !important 
}
 .public-main-v104 {
	 padding-bottom: 28px !important 
}
 @media(max-width:980px) {
	 .orders-kpi-v107 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only-v107 {
		 display: none !important 
	}
	 .mobile-only-v107 {
		 display: grid !important 
	}
	 .orders-board-v107 {
		 padding: 12px !important 
	}
	 .orders-board-head-v107 {
		 display: grid !important 
	}
	 .searchbox input {
		 width: 100%;
		 min-width: 0 
	}
	 .plans-matrix-v104 {
		 min-width: 860px 
	}
}
 @media(max-width:560px) {
	 .orders-kpi-v107 {
		 grid-template-columns: 1fr 
	}
	 .order-info-v107 {
		 grid-template-columns: 1fr 
	}
	 .quick-order-form-v107 {
		 grid-template-columns: 1fr 
	}
	 .page-actions .btn {
		 width: 100% 
	}
	 .plans-matrix-wrap-v104 {
		 margin-inline: -10px;
		 border-radius: 18px 
	}
	 .plans-matrix-v104 {
		 min-width: 820px;
		 font-size: 12px 
	}
	 .plans-matrix-v104 th, .plans-matrix-v104 td {
		 padding: 10px 
	}
}
/* ===== ShopNegar v1.1.2 complete documentation/catalog pages ===== */
 .doc-hero-v112 {
	 display: grid;
	 grid-template-columns: minmax(0, 1fr) 280px;
	 gap: 18px;
	 align-items: stretch;
	 margin: 10px 0 22px;
	 padding: 26px;
	 border-radius: 32px;
	 background: radial-gradient(circle at 15% 20%, rgba(30, 198, 214, .22), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(235, 249, 255, .9));
	 border: 1px solid rgba(18, 124, 165, .12);
	 box-shadow: 0 26px 70px rgba(13, 65, 102, .09);
}
 .doc-hero-v112 h1 {
	 margin: 12px 0 10px;
	 font-size: clamp(24px, 3vw, 38px);
	 line-height: 1.55;
	 color: #071b3a;
}
 .doc-hero-v112 p {
	 max-width: 850px;
	 color: #52677f;
	 line-height: 2.1;
	 margin: 0;
}
 .doc-pill-v112 {
	 display: inline-flex;
	 padding: 8px 13px;
	 border-radius: 999px;
	 background: #e5fbff;
	 border: 1px solid rgba(23, 181, 198, .28);
	 color: #007f91;
	 font-weight: 900;
	 font-size: 12px;
}
 .doc-hero-card-v112 {
	 border-radius: 26px;
	 padding: 20px;
	 color: #fff;
	 background: radial-gradient(circle at 15% 85%, rgba(30, 213, 195, .45), transparent 35%), linear-gradient(135deg, #0d2f6d, #087fc1);
	 box-shadow: 0 22px 55px rgba(13, 47, 109, .18);
	 display: grid;
	 align-content: center;
	 gap: 8px;
}
 .doc-hero-card-v112 b {
	 font-size: 13px;
	 opacity: .85 
}
 .doc-hero-card-v112 strong {
	 font-size: 25px 
}
 .doc-hero-card-v112 span {
	 font-size: 12px;
	 line-height: 1.9;
	 opacity: .9 
}
 .doc-layout-v112 {
	 display: grid;
	 grid-template-columns: 260px minmax(0, 1fr);
	 gap: 18px;
	 align-items: start;
}
 .doc-toc-v112 {
	 position: sticky;
	 top: 18px;
	 display: grid;
	 gap: 8px;
	 padding: 14px;
	 border-radius: 24px;
	 background: rgba(255, 255, 255, .82);
	 border: 1px solid rgba(18, 124, 165, .12);
	 box-shadow: 0 18px 45px rgba(13, 65, 102, .07);
}
 .doc-toc-v112 a {
	 text-decoration: none;
	 color: #173b5d;
	 font-weight: 900;
	 font-size: 13px;
	 padding: 10px 12px;
	 border-radius: 16px;
	 background: rgba(239, 250, 255, .7);
	 border: 1px solid transparent;
}
 .doc-toc-v112 a:hover {
	 background: #e0f8ff;
	 border-color: rgba(23, 181, 198, .28);
	 color: #007f91;
}
 .doc-content-v112 {
	 display: grid;
	 gap: 18px 
}
 .doc-section-v112 {
	 padding: 24px;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(18, 124, 165, .12);
	 box-shadow: 0 20px 55px rgba(13, 65, 102, .07);
}
 .doc-section-v112 h2 {
	 margin: 0 0 14px;
	 color: #071b3a;
	 font-size: 22px;
	 line-height: 1.7;
}
 .doc-section-v112 h3 {
	 margin: 22px 0 8px;
	 color: #0b315c;
	 font-size: 16px;
}
 .doc-section-v112 p, .doc-section-v112 li {
	 color: #42556d;
	 line-height: 2.15;
	 font-size: 14px;
}
 .doc-grid-v112, .catalog-cards-v112, .module-grid-v112 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 12px;
	 margin-top: 16px;
}
 .doc-grid-v112 div, .catalog-cards-v112 div, .module-grid-v112 div {
	 padding: 15px;
	 border-radius: 20px;
	 background: #f6fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
}
 .doc-grid-v112 b, .catalog-cards-v112 b, .module-grid-v112 h3 {
	 display: block;
	 margin: 0 0 8px;
	 color: #073763;
	 font-weight: 1000;
}
 .doc-grid-v112 span, .catalog-cards-v112 span, .module-grid-v112 p {
	 display: block;
	 margin: 0;
	 color: #586d84;
	 font-size: 13px;
	 line-height: 2;
}
 .module-grid-v112 {
	 grid-template-columns: repeat(3, minmax(0, 1fr)) 
}
 .doc-table-v112 {
	 width: 100%;
	 border-collapse: separate;
	 border-spacing: 0;
	 overflow: hidden;
	 border-radius: 20px;
	 border: 1px solid rgba(18, 124, 165, .14);
	 background: #fff;
	 margin-top: 14px;
}
 .doc-table-v112 th, .doc-table-v112 td {
	 padding: 13px 14px;
	 text-align: right;
	 border-bottom: 1px solid rgba(18, 124, 165, .1);
	 border-left: 1px solid rgba(18, 124, 165, .08);
	 vertical-align: top;
	 line-height: 2;
	 font-size: 13px;
}
 .doc-table-v112 th {
	 background: #eef9ff;
	 color: #0a315d;
	 font-weight: 1000;
}
 .doc-table-v112 tr:last-child td {
	 border-bottom: 0 
}
 .doc-list-v112, .doc-steps-v112 {
	 padding-right: 22px;
}
 .doc-code-v112 {
	 direction: ltr;
	 text-align: left;
	 white-space: pre-wrap;
	 background: #071b3a;
	 color: #e9fbff;
	 padding: 16px;
	 border-radius: 18px;
	 overflow: auto;
	 line-height: 1.8;
}
 .doc-badge-v112 {
	 display: inline-flex;
	 margin-right: 6px;
	 padding: 4px 9px;
	 border-radius: 999px;
	 background: #d8fbef;
	 color: #00856c;
	 font-size: 11px;
	 font-weight: 1000;
}
 .sales-script-v112 {
	 display: grid;
	 gap: 12px;
}
 .sales-script-v112 h3 {
	 margin: 0 
}
 .sales-script-v112 p {
	 margin: 0;
	 background: #f7fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
	 border-radius: 18px;
	 padding: 14px;
}
 .catalog-hero-v112 {
	 background: radial-gradient(circle at 20% 25%, rgba(29, 207, 191, .24), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(235, 248, 255, .92));
}
 @media(max-width:1100px) {
	 .doc-layout-v112 {
		 grid-template-columns: 1fr 
	}
	 .doc-toc-v112 {
		 position: relative;
		 top: auto;
		 grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	 .doc-grid-v112, .catalog-cards-v112, .module-grid-v112 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:720px) {
	 .doc-hero-v112 {
		 grid-template-columns: 1fr;
		 padding: 18px;
		 border-radius: 24px 
	}
	 .doc-section-v112 {
		 padding: 17px;
		 border-radius: 22px 
	}
	 .doc-toc-v112 {
		 grid-template-columns: 1fr 
	}
	 .doc-grid-v112, .catalog-cards-v112, .module-grid-v112 {
		 grid-template-columns: 1fr 
	}
	 .doc-table-v112 {
		 display: block;
		 overflow-x: auto;
		 white-space: nowrap;
	}
}
/* ===== ShopNegar v1.1.3 understandable highlighted sidebar ===== */
 .sn-sidebar-v113 {
	 --sn-sidebar-soft: #f3fbff;
	 --sn-sidebar-border: rgba(14, 116, 144, .13);
}
 .sn-sidebar-guide-v113 {
	 margin: 10px 10px 14px;
	 padding: 12px 13px;
	 border-radius: 18px;
	 background: linear-gradient(135deg, #e8f9ff, #ffffff);
	 border: 1px solid rgba(14, 116, 144, .14);
	 box-shadow: 0 12px 28px rgba(13, 65, 102, .06);
}
 .sn-sidebar-guide-v113 strong {
	 display: block;
	 color: #073763;
	 font-size: 13px;
	 font-weight: 1000;
	 margin-bottom: 4px;
}
 .sn-sidebar-guide-v113 span {
	 display: block;
	 color: #64748b;
	 font-size: 11px;
	 line-height: 1.8;
}
 .sn-nav-group-v113 {
	 margin: 16px 12px 7px;
	 padding: 0 4px;
	 color: #0f7a95;
	 font-size: 11px;
	 font-weight: 1000;
	 letter-spacing: -.2px;
	 opacity: .9;
}
 .sn-nav-group-v113::before {
	 content: "";
	 display: inline-block;
	 width: 7px;
	 height: 7px;
	 border-radius: 999px;
	 margin-left: 7px;
	 background: #1ecad3;
	 box-shadow: 0 0 0 4px rgba(30, 202, 211, .13);
}
 .sn-nav-item-v113 {
	 position: relative;
	 min-height: 56px;
	 align-items: flex-start !important;
	 gap: 10px !important;
	 padding-top: 10px !important;
	 padding-bottom: 10px !important;
	 border: 1px solid transparent;
}
 .sn-nav-item-v113:hover {
	 background: linear-gradient(135deg, #effbff, #ffffff) !important;
	 border-color: rgba(14, 116, 144, .13) !important;
}
 .sn-nav-item-v113.active, .sn-nav-item-v113[aria-current="page"] {
	 background: linear-gradient(135deg, #dff7ff, #ffffff) !important;
	 border-color: rgba(14, 116, 144, .22) !important;
	 box-shadow: 0 12px 30px rgba(13, 65, 102, .08);
}
 .sn-nav-copy-v113 {
	 display: grid;
	 gap: 3px;
	 min-width: 0;
	 flex: 1;
}
 .sn-nav-copy-v113 b, .sn-nav-item-v113>b {
	 font-size: 13px !important;
	 line-height: 1.45;
}
 .sn-nav-desc-v113 {
	 display: block;
	 color: #6b7d92;
	 font-size: 10.5px;
	 line-height: 1.65;
	 font-weight: 600;
	 white-space: normal;
}
 .sn-nav-badge-v113 {
	 position: absolute;
	 left: 9px;
	 top: 9px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-width: 38px;
	 max-width: 78px;
	 height: 20px;
	 padding: 0 7px;
	 border-radius: 999px;
	 font-size: 10px;
	 font-weight: 1000;
	 font-style: normal;
	 color: #075985;
	 background: #e0f2fe;
	 border: 1px solid rgba(14, 116, 144, .13);
}
 .sn-nav-tone-important .sn-nav-badge-v113 {
	 color: #9a3412;
	 background: #ffedd5;
	 border-color: rgba(249, 115, 22, .22);
}
 .sn-nav-tone-docs .sn-nav-badge-v113 {
	 color: #166534;
	 background: #dcfce7;
	 border-color: rgba(34, 197, 94, .22);
}
 .sn-nav-tone-payment .sn-nav-badge-v113 {
	 color: #6d28d9;
	 background: #ede9fe;
	 border-color: rgba(124, 58, 237, .2);
}
 .sn-nav-tone-growth .sn-nav-badge-v113 {
	 color: #047857;
	 background: #d1fae5;
}
 .sn-nav-tone-pro .sn-nav-badge-v113 {
	 color: #be123c;
	 background: #ffe4e6;
}
 .sn-nav-tone-enterprise .sn-nav-badge-v113 {
	 color: #312e81;
	 background: #e0e7ff;
}
 .sn-nav-tone-support .sn-nav-badge-v113 {
	 color: #0e7490;
	 background: #cffafe;
}
 .sn-nav-tone-settings .sn-nav-badge-v113 {
	 color: #475569;
	 background: #f1f5f9;
}
 @media(max-width:980px) {
	 .sn-sidebar-guide-v113, .sn-nav-desc-v113, .sn-nav-badge-v113 {
		 display: none !important;
	}
	 .sn-nav-item-v113 {
		 min-height: auto;
	}
}
/* ===== ShopNegar v1.1.4 complete documentation/catalog pack ===== */
 .doc-hero-v114 {
	 display: grid;
	 grid-template-columns: minmax(0, 1fr) 300px;
	 gap: 18px;
	 align-items: stretch;
	 margin: 10px 0 18px;
	 padding: 28px;
	 border-radius: 32px;
	 background: radial-gradient(circle at 14% 16%, rgba(30, 198, 214, .22), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(234, 248, 255, .92));
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 28px 80px rgba(13, 65, 102, .10);
}
 .doc-hero-v114 h1 {
	 margin: 12px 0 10px;
	 font-size: clamp(25px, 3vw, 40px);
	 color: #071b3a;
	 line-height: 1.55;
}
 .doc-hero-v114 p {
	 max-width: 900px;
	 color: #52677f;
	 line-height: 2.15;
	 margin: 0;
}
 .doc-pill-v114 {
	 display: inline-flex;
	 padding: 8px 14px;
	 border-radius: 999px;
	 background: #e5fbff;
	 border: 1px solid rgba(23, 181, 198, .28);
	 color: #007f91;
	 font-weight: 1000;
	 font-size: 12px;
}
 .doc-hero-card-v114 {
	 border-radius: 26px;
	 padding: 22px;
	 color: #fff;
	 background: radial-gradient(circle at 15% 85%, rgba(30, 213, 195, .45), transparent 35%), linear-gradient(135deg, #0d2f6d, #087fc1);
	 box-shadow: 0 24px 60px rgba(13, 47, 109, .2);
	 display: grid;
	 align-content: center;
	 gap: 8px;
}
 .doc-hero-card-v114 b {
	 font-size: 13px;
	 opacity: .86 
}
 .doc-hero-card-v114 strong {
	 font-size: 26px 
}
 .doc-hero-card-v114 span {
	 font-size: 12px;
	 line-height: 1.9;
	 opacity: .92 
}
 .doc-audience-grid-v114 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 12px;
	 margin-bottom: 18px;
}
 .doc-audience-grid-v114 a {
	 text-decoration: none;
	 display: grid;
	 gap: 7px;
	 padding: 17px;
	 border-radius: 22px;
	 background: #fff;
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 18px 45px rgba(13, 65, 102, .06);
}
 .doc-audience-grid-v114 b {
	 color: #073763;
	 font-weight: 1000 
}
 .doc-audience-grid-v114 span {
	 color: #64748b;
	 line-height: 1.9;
	 font-size: 13px 
}
 .doc-layout-v114 {
	 display: grid;
	 grid-template-columns: 270px minmax(0, 1fr);
	 gap: 18px;
	 align-items: start;
}
 .doc-toc-v114 {
	 position: sticky;
	 top: 18px;
	 display: grid;
	 gap: 8px;
	 padding: 14px;
	 border-radius: 24px;
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 20px 50px rgba(13, 65, 102, .07);
}
 .doc-toc-v114 strong {
	 color: #073763;
	 font-size: 14px;
	 margin: 4px 8px 8px;
}
 .doc-toc-v114 a {
	 text-decoration: none;
	 color: #173b5d;
	 font-weight: 900;
	 font-size: 13px;
	 padding: 10px 12px;
	 border-radius: 16px;
	 background: rgba(239, 250, 255, .72);
	 border: 1px solid transparent;
}
 .doc-toc-v114 a:hover {
	 background: #e0f8ff;
	 border-color: rgba(23, 181, 198, .28);
	 color: #007f91;
}
 .doc-content-v114 {
	 display: grid;
	 gap: 18px 
}
 .doc-section-v114 {
	 padding: 24px;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .9);
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 22px 60px rgba(13, 65, 102, .07);
}
 .doc-section-v114 h2 {
	 margin: 0 0 14px;
	 color: #071b3a;
	 font-size: 22px;
	 line-height: 1.7;
}
 .doc-section-v114 h3 {
	 margin: 22px 0 9px;
	 color: #0b315c;
	 font-size: 16px;
}
 .doc-section-v114 p, .doc-section-v114 li {
	 color: #42556d;
	 line-height: 2.15;
	 font-size: 14px;
}
 .doc-cards-v114, .module-grid-v114 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 12px;
	 margin-top: 16px;
}
 .module-grid-v114 {
	 grid-template-columns: repeat(3, minmax(0, 1fr)) 
}
 .doc-cards-v114 div, .module-grid-v114 div {
	 padding: 16px;
	 border-radius: 20px;
	 background: #f6fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
}
 .doc-cards-v114 b, .module-grid-v114 h3 {
	 display: block;
	 margin: 0 0 8px;
	 color: #073763;
	 font-weight: 1000;
}
 .doc-cards-v114 span, .module-grid-v114 p {
	 display: block;
	 margin: 0;
	 color: #586d84;
	 font-size: 13px;
	 line-height: 2;
}
 .doc-table-v114 {
	 width: 100%;
	 border-collapse: separate;
	 border-spacing: 0;
	 overflow: hidden;
	 border-radius: 20px;
	 border: 1px solid rgba(18, 124, 165, .14);
	 background: #fff;
	 margin-top: 14px;
}
 .doc-table-v114 th, .doc-table-v114 td {
	 padding: 13px 14px;
	 text-align: right;
	 border-bottom: 1px solid rgba(18, 124, 165, .1);
	 border-left: 1px solid rgba(18, 124, 165, .08);
	 vertical-align: top;
	 line-height: 2;
	 font-size: 13px;
}
 .doc-table-v114 th {
	 background: #eef9ff;
	 color: #0a315d;
	 font-weight: 1000;
}
 .doc-table-v114 tr:last-child td {
	 border-bottom: 0 
}
 .doc-list-v114, .doc-steps-v114 {
	 padding-right: 22px 
}
 .doc-code-v114 {
	 direction: ltr;
	 text-align: left;
	 white-space: pre-wrap;
	 background: #071b3a;
	 color: #e9fbff;
	 padding: 16px;
	 border-radius: 18px;
	 overflow: auto;
	 line-height: 1.8;
}
 .doc-alert-v114 {
	 padding: 16px;
	 border-radius: 20px;
	 background: #fff7ed;
	 border: 1px solid rgba(249, 115, 22, .22);
	 color: #7c2d12;
	 line-height: 2;
}
 .doc-alert-v114 b {
	 display: block;
	 margin-bottom: 6px 
}
 .doc-badge-v114 {
	 display: inline-flex;
	 margin-right: 6px;
	 padding: 4px 9px;
	 border-radius: 999px;
	 background: #d8fbef;
	 color: #00856c;
	 font-size: 11px;
	 font-weight: 1000;
}
 .sales-script-v114 {
	 display: grid;
	 gap: 12px;
}
 .sales-script-v114 h3 {
	 margin: 0 
}
 .sales-script-v114 p {
	 margin: 0;
	 background: #f7fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
	 border-radius: 18px;
	 padding: 14px;
}
 .catalog-hero-v114 {
	 background: radial-gradient(circle at 20% 25%, rgba(29, 207, 191, .24), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(235, 248, 255, .92));
}
 @media(max-width:1120px) {
	 .doc-layout-v114 {
		 grid-template-columns: 1fr 
	}
	 .doc-toc-v114 {
		 position: relative;
		 top: auto;
		 grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	 .doc-cards-v114, .module-grid-v114, .doc-audience-grid-v114 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:720px) {
	 .doc-hero-v114 {
		 grid-template-columns: 1fr;
		 padding: 18px;
		 border-radius: 24px 
	}
	 .doc-section-v114 {
		 padding: 17px;
		 border-radius: 22px 
	}
	 .doc-toc-v114 {
		 grid-template-columns: 1fr 
	}
	 .doc-cards-v114, .module-grid-v114, .doc-audience-grid-v114 {
		 grid-template-columns: 1fr 
	}
	 .doc-table-v114 {
		 display: block;
		 overflow-x: auto;
		 white-space: nowrap;
	}
}