.notification-page{--nd-bg:transparent;--nd-card-bg:#fff;--nd-soft-bg:#f8fafc;--nd-border:#e5e7eb;--nd-border-strong:#d7dee8;--nd-text:#111827;--nd-muted:#6b7280;--nd-soft-text:#374151;--nd-primary:#15803d;--nd-primary-hover:#166534;--nd-danger:#dc2626;--nd-shadow:0 18px 45px #0f172a14;background:var(--nd-bg);min-height:100%;color:var(--nd-text);padding:28px}body.dark .notification-page,.dark .notification-page,html.dark .notification-page,body[data-theme=dark] .notification-page,html[data-theme=dark] .notification-page,.dark-theme .notification-page{--nd-bg:transparent;--nd-card-bg:#111827;--nd-soft-bg:#1f2937;--nd-border:#2f3a4a;--nd-border-strong:#374151;--nd-text:#f9fafb;--nd-muted:#9ca3af;--nd-soft-text:#d1d5db;--nd-primary:#22c55e;--nd-primary-hover:#16a34a;--nd-shadow:0 18px 45px #00000040}.notification-page-header{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1280px;margin:0 auto 24px;display:flex}.notification-page-header h1{color:var(--nd-text);margin:10px 0 4px;font-size:30px;font-weight:900}.notification-page-header p{color:var(--nd-muted);margin:0;font-weight:600}.back-button{color:var(--nd-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.back-button:hover{color:var(--nd-primary-hover)}.notification-page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.page-action-button{border:1px solid var(--nd-border-strong);background:var(--nd-card-bg);color:var(--nd-text);cursor:pointer;border-radius:14px;padding:11px 16px;font-weight:800;text-decoration:none;box-shadow:0 8px 18px #0f172a0f}.page-action-button:hover{background:var(--nd-soft-bg)}.page-action-button.primary{background:var(--nd-primary);border-color:var(--nd-primary);color:#fff}.page-action-button.primary:hover{background:var(--nd-primary-hover)}.page-action-button:disabled{opacity:.6;cursor:not-allowed}.invoice-card{background:var(--nd-card-bg);border:1px solid var(--nd-border);max-width:1280px;box-shadow:var(--nd-shadow);border-radius:24px;margin:0 auto;padding:34px}.invoice-top{border-bottom:1px solid var(--nd-border);justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:26px;padding-bottom:26px;display:flex}.invoice-top h2{color:var(--nd-text);margin:0;font-size:34px;font-weight:950;line-height:1.05}.invoice-top p{color:var(--nd-muted);margin:10px 0 0;font-weight:600}.invoice-meta{text-align:right;min-width:260px}.invoice-meta strong{color:var(--nd-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:14px;display:block}.invoice-meta span{color:var(--nd-text);margin-bottom:6px;font-size:24px;font-weight:950;display:block}.invoice-meta small{color:var(--nd-muted);font-weight:600}.invoice-section-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.invoice-section{border:1px solid var(--nd-border);background:var(--nd-card-bg);border-radius:20px;margin-bottom:24px;padding:22px}.invoice-section h3{color:var(--nd-text);margin:0 0 16px;font-size:20px;font-weight:900}.invoice-section p{color:var(--nd-soft-text);margin:9px 0;font-weight:600;line-height:1.45}.invoice-section strong{color:var(--nd-text);font-weight:900}.invoice-table{border:1px solid var(--nd-border);background:var(--nd-card-bg);border-radius:18px;width:100%;overflow:hidden}.invoice-table-header,.invoice-table-row{grid-template-columns:2fr 1fr .7fr 1fr;align-items:center;gap:14px;display:grid}.invoice-table-header{background:var(--nd-soft-bg);color:var(--nd-soft-text);border-bottom:1px solid var(--nd-border);padding:15px 18px;font-size:14px;font-weight:900}.invoice-table-row{border-bottom:1px solid var(--nd-border);padding:18px}.invoice-table-row:last-child{border-bottom:none}.invoice-table-row span{color:var(--nd-text);font-weight:800}.invoice-table-row small{color:var(--nd-muted);margin-top:4px;font-weight:600;display:block}.invoice-table-empty{color:var(--nd-muted);padding:18px}.invoice-summary{border:1px solid var(--nd-border);background:var(--nd-soft-bg);border-radius:20px;width:400px;margin-top:24px;margin-left:auto;padding:18px 20px}.invoice-summary div{color:var(--nd-soft-text);justify-content:space-between;gap:20px;padding:10px 0;display:flex}.invoice-summary div:not(:last-child){border-bottom:1px solid var(--nd-border)}.invoice-summary span{font-weight:800}.invoice-summary strong{color:var(--nd-text);font-weight:950}.invoice-total{font-size:22px}.invoice-total strong{color:var(--nd-primary)}.invoice-footer{border-top:1px solid var(--nd-border);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;padding-top:20px;display:grid}.invoice-footer p{color:var(--nd-soft-text);margin:0;font-weight:700}.invoice-footer strong{color:var(--nd-text);font-weight:900}@media (width<=900px){.notification-page{padding:18px}.notification-page-header{flex-direction:column}.notification-page-actions{justify-content:flex-start}.invoice-top{flex-direction:column}.invoice-meta{text-align:left}.invoice-card{padding:24px}.invoice-section-grid{grid-template-columns:1fr}.invoice-summary{width:100%}.invoice-footer{grid-template-columns:1fr}.invoice-table-header,.invoice-table-row{grid-template-columns:1.5fr .8fr .6fr .8fr}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.invoice-card,.invoice-card *{visibility:visible}.invoice-card{width:100%;max-width:none;box-shadow:none;border:none;border-radius:0;margin:0;padding:0;position:absolute;top:0;left:0;color:#111827!important;background:#fff!important}.invoice-card *{color:#111827!important}.no-print,.notification-page-header,.sidebar,.topbar{display:none!important}.notification-page{background:#fff!important;padding:0!important}.invoice-top{margin-bottom:18px;padding-bottom:16px}.invoice-top h2{font-size:28px}.invoice-meta span{font-size:20px}.invoice-section-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.invoice-section{page-break-inside:avoid;border-radius:10px;margin-bottom:14px;padding:12px}.invoice-section h3{margin-bottom:8px;font-size:15px}.invoice-section p{margin:5px 0;font-size:12px}.invoice-table{page-break-inside:avoid;border-radius:8px}.invoice-table-header,.invoice-table-row{grid-template-columns:2fr 1fr .7fr 1fr;gap:8px;padding:9px 10px;font-size:12px}.invoice-table-row small{font-size:11px}.invoice-summary{page-break-inside:avoid;border-radius:10px;width:310px;margin-top:14px;padding:10px 12px;background:#fff!important}.invoice-summary div{padding:6px 0;font-size:12px}.invoice-total{font-size:16px}.invoice-footer{page-break-inside:avoid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:12px;font-size:12px}}.notification-bell-button{cursor:pointer;background:#f4f6f8;border:none;border-radius:12px;width:42px;height:42px;font-size:20px;position:relative}.notification-bell-button:hover{background:#e9edf2}.notification-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notification-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:390px;max-height:560px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.notification-header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h3{color:#111827;margin:0;font-size:16px}.notification-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.notification-mark-all{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.notification-list{max-height:480px;overflow-y:auto}.notification-empty{text-align:center;color:#6b7280;padding:28px 16px;font-size:14px}.notification-item{background:#fff;border-bottom:1px solid #f0f2f5;padding:14px 16px}.notification-item.unread{background:#f8fbff}.notification-item-top{justify-content:space-between;gap:12px;display:flex}.notification-item-top h4{color:#111827;margin:0;font-size:14px}.notification-item-top button{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:12px;font-weight:600}.notification-message{color:#4b5563;margin:6px 0 10px;font-size:13px}.notification-details{gap:4px;display:grid}.notification-details p{color:#374151;margin:0;font-size:13px;line-height:1.4}.notification-date{color:#9ca3af;margin-top:10px;font-size:12px;display:block}.notification-invoice-item{justify-content:space-between;gap:12px;margin-top:6px;font-size:13px;display:flex}.notification-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.notification-action-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:10px;padding:8px 12px;font-weight:700}.notification-action-button:hover{background:#f3f6f9}.notification-action-button.primary{color:#fff;background:#15803d;border-color:#15803d}.notification-action-button.primary:hover{background:#166534}.notification-action-button:disabled{opacity:.6;cursor:not-allowed}.notification-invoice{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.notification-invoice-item{grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:6px;font-size:14px;display:grid}.notification-product-name{overflow-wrap:anywhere;min-width:0}.notification-product-quantity{color:#6b7280;white-space:nowrap}.notification-product-total{white-space:nowrap;font-weight:700}.notification-dropdown{z-index:9999;width:420px;max-width:calc(100vw - 24px);max-height:calc(100vh - 110px);position:absolute;top:calc(100% + 12px);left:auto;right:0;overflow:hidden auto}.notification-wrapper[dir=rtl] .notification-dropdown{text-align:right;left:0;right:auto}.notification-wrapper[dir=rtl] .notification-header,.notification-wrapper[dir=rtl] .notification-item-top,.notification-wrapper[dir=rtl] .notification-actions,.notification-wrapper[dir=rtl] .notification-invoice-item{direction:rtl}@media (width<=600px){.notification-dropdown{width:auto;max-width:none;max-height:calc(100vh - 100px);position:fixed;top:82px;left:12px!important;right:12px!important}}.notification-wrapper{position:relative}.notification-dropdown.compact{z-index:9999;width:390px;max-width:calc(100vw - 24px);max-height:calc(100vh - 120px);position:absolute;top:calc(100% + 12px);left:auto;right:0;overflow:hidden auto}.notification-wrapper[dir=rtl] .notification-dropdown.compact{left:0;right:auto}.notification-item.compact{cursor:pointer;padding:16px}.notification-compact-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.notification-compact-top h4{margin:0;font-size:15px;font-weight:900}.notification-compact-top p{color:var(--text-muted,#6b7280);margin:4px 0 0;font-size:12px}.notification-unread-dot{background:#15803d;border-radius:999px;flex:none;width:10px;height:10px;margin-top:4px}.notification-compact-body{gap:6px;display:grid}.notification-compact-body p{color:var(--text-secondary,#374151);margin:0;font-size:13px;line-height:1.4}.notification-compact-body strong{color:var(--text-primary,#111827);font-weight:800}.notification-actions.compact{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.notification-actions.compact .notification-action-button{white-space:nowrap;justify-content:center;width:100%}.notification-wrapper[dir=rtl] .notification-dropdown.compact{text-align:right}.notification-wrapper[dir=rtl] .notification-compact-top,.notification-wrapper[dir=rtl] .notification-compact-body{direction:rtl}@media (width<=600px){.notification-dropdown.compact{width:auto;max-width:none;position:fixed;top:82px;left:12px!important;right:12px!important}}:root{--primary-green:#177245;--dark-green:#0f5132;--light-green:#eaf6ef;--soft-green:#ddf0e6;--primary-red:#b1113b;--dark-red:#8f0d2f;--light-red:#fff1f5;--cream:#fbf7ee;--background:#f8faf7;--card-bg:#fff;--border:#e5e7eb;--text-dark:#1f2937;--text-muted:#6b7280;--danger:#dc2626;--warning:#f59e0b;--success:#16a34a;--shadow-soft:0 12px 30px #0f172a0a;--shadow-medium:0 18px 45px #0f172a14}[data-theme=dark]{--primary-green:#38b979;--dark-green:#0b3d27;--light-green:#38b97926;--soft-green:#38b97933;--primary-red:#ff5c86;--dark-red:#b1113b;--light-red:#ff5c8624;--cream:#101713;--background:#0e1511;--card-bg:#17211b;--border:#ffffff1a;--text-dark:#f5f7f6;--text-muted:#a8b4ad;--danger:#fb7185;--warning:#fbbf24;--success:#4ade80;--shadow-soft:0 16px 40px #00000047;--shadow-medium:0 24px 65px #00000061}[data-theme=dark] body{background:var(--background);color:var(--text-dark)}html,body,#root{min-height:100%}body{background:var(--background);color:var(--text-dark);margin:0;font-family:Inter,system-ui,Arial,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}html[dir=rtl] body{direction:rtl}html[dir=rtl] input,html[dir=rtl] textarea{text-align:right}.fresh-login-page{background:radial-gradient(circle at 0 0,#ffffffe6,#0000 34%),linear-gradient(135deg,#fbf7ee 0%,#f5efe3 45%,#e9f1e7 100%);flex-direction:column;height:100vh;padding:14px;display:flex;position:relative;overflow:hidden}.fresh-login-shell{background:linear-gradient(135deg,#ffffffd1,#fffdf7e6);border:1px solid #ffffffd9;border-radius:28px;flex:1;grid-template-columns:1fr 1.08fr;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #12412724}.brand-story{z-index:4;max-width:500px;position:relative}.brand-story h1{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.05}.brand-story h1 span{color:#b3262e;font-size:58px;font-weight:800;display:block}.brand-story h1 strong{color:#14532d;font-size:58px;font-weight:800;display:block}.gold-divider{color:#c79a43;align-items:center;gap:14px;margin:30px 0 26px;display:flex}.gold-divider span{opacity:.75;background:#c79a43;width:82px;height:1px}.gold-divider.small{justify-content:center;margin:14px 0 16px}.gold-divider.small span{width:62px}.brand-story p{color:#5f665f;max-width:390px;margin:0;font-size:17px;line-height:1.8}.arabic-signature{flex-direction:column;gap:10px;margin-top:36px;display:flex}.arabic-signature strong{color:#14532d;font-size:24px;font-weight:800}.arabic-signature span{color:#6d746d;font-size:16px}.produce-scene{z-index:2;height:340px;position:absolute;bottom:0;left:0;right:0}.red-curve{background:linear-gradient(135deg,#c92d35,#9f1f28);border-radius:58% 42% 0 0;width:560px;height:270px;position:absolute;bottom:-74px;left:-80px;transform:rotate(-7deg)}.green-curve{opacity:.95;background:linear-gradient(135deg,#1e6f47,#0f5132);border-radius:70% 30% 0 0;width:420px;height:180px;position:absolute;bottom:-56px;right:-120px}.pepper{filter:drop-shadow(0 24px 28px #0000002e);z-index:7;position:absolute}.pepper-red{font-size:190px;bottom:145px;left:110px;transform:rotate(-8deg)}.pepper-green{font-size:185px;bottom:128px;left:310px;transform:rotate(8deg)}.quality-card{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7eb;border:1px solid #d8bd8473;border-radius:24px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;width:520px;padding:18px 22px;display:grid;position:absolute;bottom:34px;left:48px;box-shadow:0 18px 40px #3a362629}.quality-item{text-align:center}.quality-icon{color:#1f7a4c;border:1px solid #1f7a4c40;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;display:flex}.quality-item strong{color:#14532d;font-size:14px;display:block}.quality-item span{color:#6b7280;margin-top:3px;font-size:13px;display:block}.quality-line{background:#e6ded1;width:1px;height:54px}.fresh-right-panel{justify-content:center;align-items:center;padding:66px;display:flex;position:relative;overflow:hidden}.fresh-right-panel:before{content:"";background:linear-gradient(135deg,#ffffffe6,#edf6eca3);border-radius:50%;width:780px;height:780px;position:absolute;top:-180px;right:-140px}.tomato-card,.cabbage-card{z-index:2;background:#fffdf7b3;border:1px solid #ffffffe6;border-radius:34px;justify-content:center;align-items:center;width:210px;height:260px;display:flex;position:absolute;transform:rotate(-12deg);box-shadow:0 22px 60px #14532d1f}.tomato-card{top:70px;right:-36px}.cabbage-card{bottom:76px;right:8px;transform:rotate(12deg)}.tomato-card span,.cabbage-card span{filter:drop-shadow(0 18px 18px #0000001f);font-size:124px}.fresh-login-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf7db;border:1px solid #ffffffeb;border-radius:34px;width:100%;max-width:560px;min-height:680px;padding:54px 64px;position:relative;box-shadow:0 36px 90px #14532d26,inset 0 1px #ffffffe6}.login-logo-box img{object-fit:contain;width:330px;max-width:100%;height:auto}.fresh-login-card h2{text-align:center;color:#14532d;margin:0;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:800}.login-subtitle{text-align:center;color:#6b7280;margin:0 0 34px;font-size:15px}.form-group label,.password-row label{color:#39443a;font-size:14px;font-weight:800}.password-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.forgot-button{color:#1f7a4c;cursor:pointer;background:0 0;border:none;font-weight:700}.input-wrapper{background:#fffc;border:1px solid #d8d8d2;border-radius:16px;align-items:center;gap:14px;height:58px;padding:0 16px;transition:all .2s;display:flex}.input-wrapper:focus-within{background:#fff;border-color:#1f7a4c;box-shadow:0 0 0 5px #1f7a4c1f}.input-wrapper svg{color:#8a8f89;flex-shrink:0}.input-wrapper input{color:#243127;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:15px}.eye-icon{cursor:pointer}.remember-row{color:#5f665f;justify-content:space-between;align-items:center;margin:6px 0 26px;font-size:14px;display:flex}.remember-row label{align-items:center;gap:9px;display:flex}.check-box{color:#fff;background:#1f7a4c;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.signin-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d33a40,#a51f28);border:none;border-radius:16px;justify-content:center;align-items:center;gap:14px;width:100%;height:62px;font-size:16px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 18px 32px #ae262d38}.signin-button:hover{transform:translateY(-2px);box-shadow:0 22px 38px #ae262d47}.signin-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer-line{color:#6b7280;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:28px 0 8px;display:grid}.login-footer-line span{background:#ddd8cf;height:1px}.continue-text{text-align:center;color:#6b7280;margin:0;font-size:14px}.mini-logo-button{background:#fff;border:1px solid #e4dfd6;border-radius:17px;justify-content:center;align-items:center;width:54px;height:54px;margin:18px auto 0;display:flex;box-shadow:0 12px 26px #14532d1f}.mini-logo-button img{object-fit:contain;width:38px;height:38px}.login-error{color:#b42318;background:#fde8e8;border:1px solid #f6c7c7;border-radius:14px;margin-bottom:18px;padding:12px 14px;font-weight:600}.floating-leaf{opacity:.6;filter:blur(.2px);font-size:34px;position:absolute}.leaf-one{top:74px;left:42px;transform:rotate(-20deg)}.leaf-two{top:300px;right:82px;transform:rotate(25deg)}.fresh-footer{color:#14532dd1;justify-content:center;align-items:center;gap:18px;height:64px;font-size:14px;display:flex}.fresh-footer b{background:#14532d59;width:1px;height:16px}@media (width<=1180px){.fresh-login-shell{grid-template-columns:1fr}.fresh-left-panel{min-height:520px}.fresh-right-panel{padding:40px 24px 70px}.tomato-card,.cabbage-card{display:none}}@media (width<=700px){.fresh-login-page{padding:14px}.fresh-left-panel{min-height:460px;padding:44px 28px}.brand-story h1 span,.brand-story h1 strong{font-size:40px}.quality-card{display:none}.pepper-red{font-size:100px;left:30px}.pepper-green{font-size:100px;left:150px}.fresh-login-card{min-height:auto;padding:34px 24px}.login-logo-box img{width:260px}.leaf-left{z-index:6;filter:drop-shadow(0 20px 24px #00000029);font-size:128px;position:absolute;bottom:102px;left:455px;transform:rotate(-6deg)}}.fresh-login-page{background:#f8f6f0;flex-direction:column;min-height:100vh;padding:24px;display:flex;overflow-x:hidden}.fresh-login-shell{background:#fff;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);width:min(1180px,100%);min-height:calc(100vh - 100px);margin:auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #1d4d2e1f}.fresh-left-panel,.fresh-right-panel{min-width:0}.fresh-left-panel{padding:64px 56px 40px;position:relative;overflow:hidden}.fresh-right-panel{background:#fffdf8;justify-content:center;align-items:center;padding:50px;display:flex;position:relative}.fresh-login-card{z-index:2;background:#fffffff5;border:1px solid #1d4d2e1f;border-radius:24px;width:min(100%,460px);padding:36px;position:relative;box-shadow:0 20px 50px #1d4d2e1a}.login-logo-box{justify-content:center;margin-bottom:18px;display:flex}.login-logo-box img{object-fit:contain;width:min(220px,75%);height:auto;display:block}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;display:block}.input-wrapper{background:#fff;border:1px solid #d9dedb;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrapper:focus-within{border-color:#2d7d46;box-shadow:0 0 0 3px #2d7d461f}.input-wrapper input{min-width:0;height:50px;font:inherit;background:0 0;border:none;outline:none;flex:1}.password-toggle{color:#66706a;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.password-toggle:hover{color:#2d7d46;background:#2d7d4614}.password-toggle:focus-visible{outline-offset:2px;outline:2px solid #2d7d46}.signin-button{justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;display:flex}.fresh-footer{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px 12px 0;display:flex}@media (width<=900px){.fresh-login-page{padding:16px}.fresh-login-shell{grid-template-columns:1fr;min-height:auto}.fresh-left-panel{min-height:420px;padding:44px 32px}.fresh-right-panel{padding:40px 24px}.fresh-login-card{width:min(100%,560px)}}@media (width<=600px){.fresh-login-page{background:#fff;padding:0}.fresh-login-shell{width:100%;min-height:100vh;box-shadow:none;border-radius:0;display:block}.fresh-left-panel{display:none}.fresh-right-panel{align-items:center;min-height:calc(100vh - 60px);padding:24px 16px}.fresh-login-card{width:100%;box-shadow:none;border-radius:20px;padding:28px 20px}.login-logo-box img{width:min(190px,70%)}.fresh-login-card h2{text-align:center;font-size:25px}.login-subtitle{text-align:center}.password-row{gap:10px}.forgot-button{font-size:12px}.remember-row{flex-wrap:wrap;gap:12px}.tomato-card,.cabbage-card,.leaf-card{display:none}.fresh-footer{padding:16px;font-size:12px}}@media (width<=380px){.fresh-login-card{padding:24px 16px}.input-wrapper{padding:0 12px}.login-logo-box img{width:160px}.remember-row{font-size:12px}}:root{--brand-green:#0f7a45;--brand-green-dark:#0f5c38;--brand-green-soft:#e8f5ee;--brand-red:#b1113b;--brand-red-soft:#fff1f4;--layout-bg-light-1:#fbf7ee;--layout-bg-light-2:#f8faf8;--layout-bg-light-3:#f3f8f4;--sidebar-bg:#fffffff5;--sidebar-bg-soft:#faf7eff0;--card-bg:#fff;--card-soft:#f8faf9;--border:#0f5c381f;--text-dark:#111827;--text-muted:#667085;--primary-green:#0f7a45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.admin-layout{background:radial-gradient(circle at top left, #0f5c3814, transparent 30%), radial-gradient(circle at top right, #b1113b0d, transparent 26%), linear-gradient(135deg, var(--layout-bg-light-1) 0%, var(--layout-bg-light-2) 45%, var(--layout-bg-light-3) 100%);min-height:100vh;color:var(--text-dark);grid-template-columns:280px minmax(0,1fr);display:grid}html[dir=rtl] .admin-layout,.admin-layout[dir=rtl]{direction:rtl}.sidebar{z-index:60;background:linear-gradient(180deg, var(--sidebar-bg), var(--sidebar-bg-soft));border-right:1px solid var(--border);flex-direction:column;gap:24px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:12px 0 35px #0f172a0a}.sidebar[dir=rtl]{text-align:right;border-right:none;border-left:1px solid var(--border);direction:rtl}.sidebar-logo{width:100%;min-height:86px;color:inherit;align-items:center;gap:12px;padding:9px 7px;text-decoration:none;display:flex}.sidebar-logo-icon{background:#fff;border:1px solid #0f5c3821;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:68px;min-width:68px;height:68px;display:flex;overflow:hidden;box-shadow:0 8px 20px #0f5c381f}.sidebar-logo-image{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.sidebar-brand-content{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.sidebar-brand-title{letter-spacing:-.25px;flex-wrap:nowrap;align-items:center;gap:6px;margin:0;font-size:18px;font-weight:900;line-height:1.15;display:flex}.brand-main,.brand-accent{white-space:nowrap}.brand-main{color:var(--text-dark)!important}.brand-accent{color:var(--brand-red)!important}.sidebar-brand-subtitle{max-width:100%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:700;line-height:1.35;display:block;overflow:hidden}.sidebar[dir=rtl] .sidebar-logo{text-align:right;flex-direction:row;justify-content:flex-start}.sidebar[dir=rtl] .sidebar-brand-content{text-align:right;align-items:flex-start}.sidebar[dir=rtl] .sidebar-brand-title{text-align:right;flex-direction:row;justify-content:flex-start}.sidebar-nav{flex-direction:column;gap:7px;display:flex}.sidebar-nav a{color:#475467;border-radius:15px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-weight:850;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:flex;position:relative}.sidebar-nav a:hover{color:var(--primary-green);background:#0f5c3812;transform:translate(3px)}.sidebar-nav a.active{color:var(--primary-green);background:linear-gradient(135deg,#0f5c381f,#b1113b0f);box-shadow:inset 0 0 0 1px #0f5c381f}.sidebar-nav a.active:before{content:"";background:var(--brand-red);border-radius:999px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.sidebar[dir=rtl] .sidebar-nav a{text-align:right;flex-direction:row;justify-content:flex-start}.sidebar[dir=rtl] .sidebar-nav a:hover{transform:translate(-3px)}.sidebar[dir=rtl] .sidebar-nav a.active:before{left:auto;right:0}.sidebar-bottom-card{display:none}.logout-button{background:var(--brand-red-soft);width:100%;min-height:48px;color:var(--brand-red);cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:10px;margin-top:auto;font-weight:900;transition:background-color .2s,color .2s,transform .2s;display:flex}.logout-button:hover{color:#fff;background:var(--brand-red);transform:translateY(-1px)}.sidebar[dir=rtl] .logout-button{flex-direction:row}.admin-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #0f5c381a;justify-content:space-between;align-items:center;gap:22px;min-height:92px;padding:20px 30px;display:flex;position:sticky;top:0}.topbar-title{min-width:0}.topbar-kicker{background:var(--brand-green-soft);width:fit-content;color:var(--primary-green);border-radius:999px;align-items:center;gap:7px;margin-bottom:7px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.topbar-title h1{color:var(--text-dark);letter-spacing:-.6px;margin:0;font-size:28px;font-weight:950;line-height:1.1}.topbar-title p{color:var(--text-muted);margin:5px 0 0;font-size:14px;font-weight:600}.topbar-actions{align-items:center;gap:13px;display:flex}.topbar-search{border:1px solid var(--border);background:var(--card-soft);width:260px;height:46px;color:var(--text-muted);border-radius:15px;align-items:center;gap:10px;padding:0 14px;display:flex}.topbar-search input{width:100%;color:var(--text-dark);background:0 0;border:none;outline:none;font-weight:600}.topbar-icon-button,.topbar-language-button{border:1px solid var(--border);background:var(--card-soft);height:46px;color:var(--primary-green);cursor:pointer;border-radius:15px;justify-content:center;align-items:center;display:inline-flex}.topbar-icon-button{width:46px}.topbar-language-button{gap:7px;padding:0 13px;font-weight:900}.topbar-user{border:1px solid var(--border);background:var(--card-bg);border-radius:18px;align-items:center;gap:11px;min-width:210px;height:54px;padding:0 12px;display:flex;box-shadow:0 10px 24px #0f172a0a}.topbar-avatar{background:radial-gradient(circle at top right, #b1113b29, transparent 46%), var(--brand-green-soft);width:38px;height:38px;color:var(--primary-green);border-radius:14px;justify-content:center;align-items:center;font-weight:950;display:flex}.topbar-user strong{color:var(--text-dark);font-size:13px;font-weight:900;display:block}.topbar-user span{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.admin-content{padding:28px 30px 40px}[data-theme=dark]{--brand-green:#38b979;--brand-green-dark:#167348;--brand-green-soft:#38b97921;--brand-red:#ff4d6d;--brand-red-soft:#ff4d6d1a;--card-bg:#152018;--card-soft:#111a14;--border:#ffffff1a;--text-dark:#f8fafc;--text-muted:#94a3b8;--primary-green:#38b979}[data-theme=dark] .admin-layout{background:radial-gradient(circle at 0 0,#38b9791a,#0000 30%),radial-gradient(circle at 100% 0,#ff4d6d14,#0000 26%),linear-gradient(135deg,#0f1512 0%,#121713 55%,#101412 100%)}[data-theme=dark] .sidebar{border-color:var(--border);background:#152018;box-shadow:12px 0 35px #0000002e}[data-theme=dark] .sidebar-logo-icon{background:#fff;border-color:#ffffff1f}[data-theme=dark] .topbar,[data-theme=dark] .topbar-user,[data-theme=dark] .topbar-search,[data-theme=dark] .topbar-icon-button,[data-theme=dark] .topbar-language-button{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .sidebar-nav a{color:var(--text-muted)}[data-theme=dark] .sidebar-nav a:hover{color:var(--primary-green);background:#38b9791a}[data-theme=dark] .sidebar-nav a.active{color:var(--primary-green);background:linear-gradient(135deg,#38b97926,#ff4d6d14)}[data-theme=dark] .brand-main{color:#f9fafb!important}[data-theme=dark] .brand-accent{color:var(--brand-red)!important}[data-theme=dark] .logout-button{color:var(--brand-red);background:#ff4d6d1a}[data-theme=dark] .logout-button:hover{color:#fff;background:var(--brand-red)}@media (width<=1100px){.admin-layout{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:18px 12px}.sidebar-brand-content,.sidebar-nav a span,.sidebar-bottom-card,.logout-button span{display:none}.sidebar-logo{justify-content:center;padding:8px 0}.sidebar-logo-icon{border-radius:17px;width:54px;min-width:54px;height:54px}.sidebar-nav a{justify-content:center;padding:0}.logout-button{width:48px;min-height:48px;margin-left:auto;margin-right:auto;padding:0}.sidebar-nav a.active:before{left:0}.sidebar[dir=rtl] .sidebar-nav a.active:before{left:auto;right:0}}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap;width:100%}.topbar-search{flex:1;width:auto;min-width:180px}.topbar-user{min-width:auto}.admin-content{padding:22px 18px 34px}}@media (width<=640px){.admin-layout{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:16px 10px}.sidebar-logo-icon{border-radius:15px;width:48px;min-width:48px;height:48px}.sidebar-nav a{min-height:46px}.topbar{padding:16px}.topbar-title h1{font-size:23px}.topbar-actions{gap:8px}.topbar-search{flex-basis:100%;order:3;width:100%}.topbar-user{flex:1}.admin-content{padding:18px 14px 28px}}.dashboard-page{flex-direction:column;gap:22px;display:flex}.dashboard-command{background:radial-gradient(circle at top left, #17724529, transparent 35%), radial-gradient(circle at top right, #b1113b1f, transparent 32%), var(--card-bg);border:1px solid var(--border);min-height:220px;box-shadow:var(--shadow-soft);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex}.dashboard-kicker{background:var(--light-green);width:fit-content;color:var(--primary-green);border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.dashboard-command h2{max-width:620px;color:var(--text-dark);margin:0;font-size:38px;font-weight:950;line-height:1.1}.dashboard-command p{max-width:680px;color:var(--text-muted);margin:14px 0 0;font-size:15px;line-height:1.7}.dashboard-command-actions{align-items:center;gap:10px;display:flex}.dashboard-command-actions select,.dashboard-command-actions button{border:1px solid var(--border);background:var(--card-bg);height:44px;color:var(--text-dark);border-radius:14px;padding:0 14px;font-weight:800}.dashboard-command-actions button{background:var(--primary-green);color:#fff;border:none;align-items:center;gap:8px;display:inline-flex}.dashboard-loading-card,.dashboard-empty{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-soft);border-radius:24px;padding:28px}.dashboard-loading-card{align-items:center;gap:10px;font-weight:900;display:flex}.dashboard-empty h3{color:var(--text-dark);margin:0 0 8px}.dashboard-empty p{color:var(--text-muted);margin:0}.dashboard-financial-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.dashboard-money-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:24px;padding:20px;position:relative;overflow:hidden}.dashboard-money-card.main{background:radial-gradient(circle at top right, #17724524, transparent 42%), var(--card-bg)}.dashboard-money-card.profit{background:radial-gradient(circle at top right, #38b9792e, transparent 42%), var(--card-bg)}.dashboard-card-icon{background:var(--light-green);width:44px;height:44px;color:var(--primary-green);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.dashboard-money-card span{color:var(--text-muted);font-size:13px;font-weight:900;display:block}.dashboard-money-card strong{color:var(--text-dark);margin-top:8px;font-size:25px;font-weight:950;display:block}.dashboard-money-card small{color:var(--text-muted);margin-top:8px;font-size:12px;font-weight:700;display:block}.dashboard-summary-grid,.dashboard-main-grid{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.dashboard-section-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:24px;padding:22px}.dashboard-section-card.large{min-height:380px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-heading h3{color:var(--text-dark);margin:0;font-size:20px;font-weight:950}.section-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.section-heading>svg{color:var(--primary-green)}.mini-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mini-metrics-grid div,.inventory-alert-row div{border:1px solid var(--border);background:var(--background);border-radius:18px;padding:16px}.mini-metrics-grid strong,.inventory-alert-row strong{color:var(--text-dark);font-size:24px;font-weight:950;display:block}.mini-metrics-grid span,.inventory-alert-row span{color:var(--text-muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.inventory-value-list{flex-direction:column;gap:12px;display:flex}.inventory-value-list div{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding-bottom:12px;display:flex}.inventory-value-list div:last-child{border-bottom:none}.inventory-value-list span{color:var(--text-muted);font-weight:800}.inventory-value-list strong{color:var(--text-dark);font-weight:950}.inventory-alert-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.sales-chart{align-items:flex-end;gap:12px;min-height:280px;padding-top:10px;display:flex;overflow-x:auto}.sales-chart-item{grid-template-rows:1fr auto auto;gap:8px;min-width:72px;height:260px;display:grid}.sales-bar-wrap{background:var(--background);border:1px solid var(--border);border-radius:18px;align-items:flex-end;height:190px;padding:6px;display:flex}.sales-bar{background:linear-gradient(180deg, var(--primary-green), var(--dark-green));border-radius:14px;width:100%}.sales-chart-item span{color:var(--text-dark);text-align:center;font-size:12px;font-weight:900}.sales-chart-item small{color:var(--text-muted);text-align:center;font-size:11px}.low-stock-list,.top-products-list,.recent-orders-list{flex-direction:column;gap:12px;display:flex}.low-stock-row,.top-product-row,.recent-order-row{border:1px solid var(--border);background:var(--background);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.low-stock-row strong,.top-product-row strong,.recent-order-row strong{color:var(--text-dark);font-weight:950;display:block}.low-stock-row span,.top-product-row span,.recent-order-row span{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:750;display:block}.top-product-row{justify-content:flex-start}.top-product-rank{background:var(--light-green);width:34px;height:34px;color:var(--primary-green);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:950;display:flex}.top-product-info{flex:1;min-width:0}.top-product-values{text-align:right}html[dir=rtl] .top-product-values{text-align:left}.dashboard-empty-small{border:1px dashed var(--border);background:var(--background);color:var(--text-muted);text-align:center;border-radius:18px;padding:24px;font-weight:800}[data-theme=dark] .dashboard-command,[data-theme=dark] .dashboard-money-card,[data-theme=dark] .dashboard-section-card,[data-theme=dark] .dashboard-loading-card,[data-theme=dark] .dashboard-empty{background-color:var(--card-bg);border-color:var(--border)}[data-theme=dark] .mini-metrics-grid div,[data-theme=dark] .inventory-alert-row div,[data-theme=dark] .low-stock-row,[data-theme=dark] .top-product-row,[data-theme=dark] .recent-order-row,[data-theme=dark] .sales-bar-wrap,[data-theme=dark] .dashboard-empty-small{background:#ffffff0a;border-color:#ffffff1a}@media (width<=1180px){.dashboard-financial-grid{grid-template-columns:repeat(2,1fr)}.dashboard-summary-grid,.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=760px){.dashboard-command{flex-direction:column}.dashboard-command h2{font-size:30px}.dashboard-command-actions{flex-direction:column;width:100%}.dashboard-command-actions select,.dashboard-command-actions button{width:100%}.dashboard-financial-grid,.mini-metrics-grid,.inventory-alert-row{grid-template-columns:1fr}}.table-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:20px;overflow-x:auto;box-shadow:0 12px 30px #0f51320d}.table-card table{border-collapse:collapse;width:100%}.table-card th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:14px 12px;font-size:13px}.table-card td{border-bottom:1px solid var(--border);padding:15px 12px;font-size:14px}.role-badge,.status-active,.status-inactive{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-active{background:var(--light-green);color:var(--success)}.status-inactive{color:var(--danger);background:#fee2e2}.table-error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:12px}.pagination-info{color:var(--text-muted);margin-top:16px}[data-theme=dark] .table-card{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .products-table th,[data-theme=dark] .products-table td{border-color:var(--border)}[data-theme=dark] .products-table th,[data-theme=dark] .muted-text,[data-theme=dark] .product-info span,[data-theme=dark] .category-cell span{color:var(--text-muted)}[data-theme=dark] .product-info strong,[data-theme=dark] .category-cell strong,[data-theme=dark] .price-stack strong{color:var(--text-dark)}.management-page{flex-direction:column;gap:20px;display:flex}.management-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.management-header h2{color:var(--text-dark);margin:0;font-size:28px;font-weight:900}.management-header p{color:var(--text-muted);margin:6px 0 0}.primary-action-button{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.management-toolbar{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.search-box{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;flex:1;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.search-box input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-size:14px}.management-toolbar select,.management-toolbar button{border:1px solid var(--border);background:var(--card-bg);height:46px;color:var(--text-dark);border-radius:14px;padding:0 14px}.management-toolbar button{background:var(--primary-green);color:#fff;cursor:pointer;border:none;font-weight:800}.management-error{color:#991b1b;background:#fee2e2;border-radius:14px;padding:12px 14px;font-weight:700}.management-success{background:var(--light-green);color:var(--primary-green);border-radius:14px;padding:12px 14px;font-weight:700}.management-page-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.management-mini-stats{flex-wrap:wrap;gap:12px;display:flex}.management-mini-stats div{background:var(--card-bg);border:1px solid var(--border);min-width:130px;box-shadow:var(--shadow-soft);border-radius:18px;padding:14px 16px}.management-mini-stats strong{color:var(--text-dark);font-size:22px;font-weight:950;display:block}.management-mini-stats span{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:800;display:block}.table-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:22px;overflow-x:auto}.empty-state{text-align:center;padding:44px 20px}.empty-state h3{color:var(--text-dark);margin:0 0 8px}.empty-state p{color:var(--text-muted);margin:0}.table-loading{color:var(--text-muted);padding:24px}.products-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1080px}.products-table thead{display:table-header-group}.products-table .col-product{width:33%}.products-table .col-category{width:15%}.products-table .col-price,.products-table .col-stock{width:16%}.products-table .col-visibility{width:13%}.products-table .col-actions{width:7%}.products-table th{color:var(--text-muted);border-bottom:1px solid var(--border);text-align:left;visibility:visible;opacity:1;white-space:nowrap;padding:18px 20px;font-size:14px;font-weight:900}.products-table td{border-bottom:1px solid var(--border);vertical-align:middle;text-align:left;padding:22px 20px}.products-table tr:last-child td{border-bottom:none}.products-table th:last-child,.products-table td:last-child{text-align:center}.product-cell.clean{grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:14px;min-width:0;display:grid}.product-image{background:#eaf7ef;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-image-placeholder{width:100%;height:100%;color:var(--primary-green);background:linear-gradient(135deg,#e8f5ee,#d8efe2);justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.product-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.product-info strong{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:900;display:block;overflow:hidden}.product-info span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:13px;display:block;overflow:hidden}.product-meta{flex-wrap:wrap;gap:10px;display:flex}.product-meta small{color:var(--text-muted);font-size:12px}.category-cell,.price-stack,.stock-stack,.visibility-stack{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.category-cell strong,.price-stack strong{color:var(--text-dark);font-size:14px;font-weight:900;display:block}.category-cell span,.price-stack span,.muted-text{color:var(--text-muted);font-size:12px}.stock-badge{background:var(--light-green);width:fit-content;color:var(--primary-green);white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.low-stock{color:#92400e;background:#fef3c7}.out-stock{color:var(--danger);background:#fee2e2}.status-button{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;width:fit-content;padding:7px 12px;font-size:12px;font-weight:900}.status-button.active{background:var(--light-green);color:var(--success)}.status-button.inactive{color:var(--danger);background:#fee2e2}.mini-flags{flex-wrap:wrap;gap:6px;display:flex}.flag{white-space:nowrap;border-radius:999px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:900}.flag.fresh{background:var(--light-green);color:var(--primary-green)}.flag.featured{color:#92400e;background:#fef3c7}.actions-column{text-align:center}.action-buttons{align-items:center;gap:8px;display:flex}.action-buttons.compact{justify-content:center}.action-buttons button{border:1px solid var(--border);background:var(--card-bg);width:36px;height:36px;color:var(--text-dark);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.action-buttons button:hover{background:var(--light-green)}.action-buttons .danger-action{color:var(--danger)}.pagination-info{border-top:1px solid var(--border);color:var(--text-muted);padding:16px 20px;font-weight:700}.products-table[dir=rtl] th,.products-table[dir=rtl] td{text-align:right}.products-table[dir=rtl] th:last-child,.products-table[dir=rtl] td:last-child{text-align:center}.products-table[dir=rtl] .product-cell.clean{direction:rtl;grid-template-columns:58px minmax(0,1fr)}.products-table[dir=rtl] .product-image{grid-column:1}.products-table[dir=rtl] .product-info{text-align:right;grid-column:2;align-items:flex-start}.products-table[dir=rtl] .product-meta{justify-content:flex-start}.products-table[dir=rtl] .category-cell,.products-table[dir=rtl] .price-stack,.products-table[dir=rtl] .stock-stack,.products-table[dir=rtl] .visibility-stack{text-align:right;align-items:flex-start}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.filter-pills button{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-weight:850;transition:all .2s;display:inline-flex}.filter-pills button:hover{color:var(--primary-green);background:var(--light-green)}.filter-pills button.active{color:#fff;background:var(--primary-green);border-color:var(--primary-green)}.users-table{border-collapse:collapse;table-layout:fixed;width:100%}.users-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:18px 24px;font-size:14px;font-weight:900}.users-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:20px 24px}.users-table tr:last-child td{border-bottom:none}.user-avatar{width:44px;height:44px;color:var(--primary-green);background:radial-gradient(circle at 100% 0,#b1113b1f,#0000 44%),#e8f5ee;border-radius:15px;justify-content:center;align-items:center;font-weight:950;display:flex}.user-cell strong,.contact-cell strong{color:var(--text-dark);font-weight:900;display:block}.user-cell span,.contact-cell span{color:var(--text-muted);margin-top:3px;font-size:13px;display:block}.verified-pill{background:var(--light-green);width:fit-content;color:var(--primary-green);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.not-verified-pill{color:#667085;background:#f3f4f6;border-radius:999px;width:fit-content;padding:7px 11px;font-size:12px;font-weight:900}.modal-overlay{z-index:100;background:#0f172a61;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.product-modal{background:var(--card-bg);border-radius:24px;width:min(940px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #0f172a2e}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-header h3{color:var(--text-dark);margin:0;font-size:24px;font-weight:900}.modal-header p{color:var(--text-muted);margin:6px 0 0}.modal-header button{color:#111827;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;width:34px;height:34px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field.full{grid-column:1/-1}.form-field label{color:var(--text-dark);font-size:14px;font-weight:800}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--card-bg);color:var(--text-dark);border-radius:14px;outline:none;padding:12px 13px;font-size:14px}.form-field textarea{resize:vertical;min-height:90px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px var(--light-green)}.toggle-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:24px;display:flex}.toggle-row label{color:var(--text-dark);align-items:center;gap:8px;font-weight:800;display:flex}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:14px;padding:12px 18px;font-weight:800}.modal-actions button:first-child{color:#111827;background:#f3f4f6}.modal-actions button:last-child{background:var(--primary-green);color:#fff}.modal-actions button:disabled{opacity:.7;cursor:not-allowed}.image-upload-row{grid-template-columns:160px 1fr;align-items:center;gap:16px;display:grid}.image-upload-box{border:1px dashed var(--border);background:var(--light-green);width:160px;height:160px;color:var(--primary-green);border-radius:20px;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.image-upload-box img{object-fit:cover;width:100%;height:100%}.image-upload-box div{text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex}.image-upload-actions{flex-direction:column;gap:10px;display:flex}.image-upload-actions input[type=file]{border:1px dashed var(--border);background:var(--card-bg);color:var(--text-muted);border-radius:14px;padding:12px}.image-upload-actions small{color:var(--primary-green);font-weight:800}.categories-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.category-admin-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:24px;padding:16px;transition:all .2s}.category-admin-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.category-card-image{background:var(--light-green);border-radius:18px;height:145px;margin-bottom:14px;overflow:hidden}.category-card-image img{object-fit:cover;width:100%;height:100%}.category-image-placeholder{width:100%;height:100%;color:var(--primary-green);background:radial-gradient(circle at 100% 0,#b1113b21,#0000 40%),linear-gradient(135deg,#e8f5ee,#d8efe2);justify-content:center;align-items:center;font-size:42px;font-weight:900;display:flex}.category-card-body{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.category-card-body h3{color:var(--text-dark);margin:0;font-size:18px;font-weight:900}.category-card-body p{color:var(--text-muted);margin:5px 0 0;font-size:13px}.category-description{min-height:42px;color:var(--text-muted);margin:12px 0;font-size:14px;line-height:1.5}.category-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.category-card-footer span{color:var(--text-muted);font-size:13px;font-weight:700}[data-theme=dark] .table-card,[data-theme=dark] .product-modal,[data-theme=dark] .category-admin-card{background:#17221c;border-color:#ffffff1a}[data-theme=dark] .products-table th,[data-theme=dark] .users-table th{color:#b8c4bc}[data-theme=dark] .products-table td,[data-theme=dark] .users-table td{border-color:#ffffff14}[data-theme=dark] .product-info strong,[data-theme=dark] .category-cell strong,[data-theme=dark] .price-stack strong,[data-theme=dark] .user-cell strong,[data-theme=dark] .contact-cell strong,[data-theme=dark] .category-card-body h3{color:#f4f7f5}[data-theme=dark] .product-info span,[data-theme=dark] .product-meta small,[data-theme=dark] .category-cell span,[data-theme=dark] .price-stack span,[data-theme=dark] .muted-text,[data-theme=dark] .user-cell span,[data-theme=dark] .contact-cell span,[data-theme=dark] .category-card-body p,[data-theme=dark] .category-description{color:#a9b5ad}@media (width<=1180px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.management-header,.management-toolbar,.management-page-actions{flex-direction:column;align-items:stretch}.management-mini-stats{grid-template-columns:repeat(2,1fr);display:grid}.form-grid,.image-upload-row,.categories-grid{grid-template-columns:1fr}}.orders-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:18px 20px;font-size:14px;font-weight:900}.orders-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:20px}.orders-table tr:last-child td{border-bottom:none}.orders-table th:first-child,.orders-table td:first-child{width:16%}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:20%}.orders-table th:nth-child(3),.orders-table td:nth-child(3),.orders-table th:nth-child(4),.orders-table td:nth-child(4),.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:15%}.orders-table th:nth-child(6),.orders-table td:nth-child(6){width:12%}.orders-table th:nth-child(7),.orders-table td:nth-child(7){text-align:center;width:7%}.order-number-cell,.customer-order-cell,.amount-cell{flex-direction:column;gap:5px;display:flex}.order-number-cell span,.customer-order-cell span,.amount-cell span{color:var(--text-muted);font-size:12px}.order-badge{border:none;border-radius:999px;outline:none;width:100%;min-width:135px;padding:8px 12px;font-size:12px;font-weight:900}.order-badge.neutral{color:#475467;background:#f3f4f6}.order-badge.success{background:var(--light-green);color:var(--success)}.order-badge.warning{color:#92400e;background:#fef3c7}.order-badge.danger{color:var(--danger);background:#fee2e2}.order-details-modal{background:var(--card-bg);border-radius:24px;width:min(980px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #0f172a2e}.order-details-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.order-detail-card{border:1px solid var(--border);background:var(--background);border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.order-detail-card.wide{flex-direction:column;grid-column:1/-1;align-items:flex-start;display:flex}.order-detail-card span{color:var(--text-muted);font-size:12px;font-weight:800}.order-detail-card strong{color:var(--text-dark);font-weight:900}.order-items-section{margin-top:24px}.order-items-section h4{color:var(--text-dark);margin:0 0 12px;font-size:18px;font-weight:900}.order-items-list{border:1px solid var(--border);border-radius:18px;overflow:hidden}.order-item-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:14px 16px;display:flex}.order-item-row:last-child{border-bottom:none}.order-item-row div{flex-direction:column;gap:4px;display:flex}.order-item-row strong{color:var(--text-dark);font-weight:900}.order-item-row span{color:var(--text-muted);font-size:13px}.order-total-box{border:1px solid var(--border);background:var(--background);border-radius:18px;max-width:360px;margin-top:20px;margin-left:auto;padding:16px}.order-total-box div{color:var(--text-muted);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.order-total-box strong{color:var(--text-dark)}.order-total-box .grand-total{border-top:1px solid var(--border);margin-top:8px;padding-top:14px;font-size:18px;font-weight:900}[data-theme=dark] .order-details-modal{background:#17221c}[data-theme=dark] .order-detail-card,[data-theme=dark] .order-total-box{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .orders-table td{border-color:#ffffff14}[data-theme=dark] .orders-table th{color:#b8c4bc}.users-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:950px}.users-table .user-col{width:32%}.users-table .contact-col{width:25%}.users-table .role-col{width:15%}.users-table .status-col,.users-table .verified-col{width:14%}.users-table th,.users-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:20px 24px}.users-table th{color:var(--text-muted);text-align:left;font-size:14px;font-weight:900}.users-table td{color:var(--text-dark)}.users-table[dir=rtl] th,.users-table[dir=rtl] td{text-align:right}.users-table[dir=ltr] th,.users-table[dir=ltr] td{text-align:left}.user-cell,.contact-cell{min-width:0}.user-cell{align-items:center;gap:14px;display:flex}.users-table[dir=rtl] .user-cell,.users-table[dir=ltr] .user-cell{flex-direction:row}.user-cell>div:last-child,.contact-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.user-cell strong,.user-cell span,.contact-cell strong,.contact-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-avatar{background:var(--light-green);width:44px;min-width:44px;height:44px;color:var(--primary-green);border-radius:14px;justify-content:center;align-items:center;font-weight:950;display:flex}.role-badge,.status-active,.status-inactive,.verified-pill,.not-verified-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:82px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.role-badge,.status-active,.verified-pill{background:var(--light-green);color:var(--primary-green)}.status-inactive,.not-verified-pill{color:var(--text-muted);background:#f3f4f6}.pagination-info{color:var(--text-muted);border-top:1px solid var(--border);padding:20px 24px;font-weight:900}[data-theme=dark] .status-inactive,[data-theme=dark] .not-verified-pill{color:var(--text-muted);background:#ffffff12}@media (width<=900px){.users-table{min-width:850px}.users-table th,.users-table td{padding:16px}}.table-card{overflow-x:auto}.orders-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1150px}.orders-table .order-col{width:22%}.orders-table .customer-col{width:18%}.orders-table .amount-col{width:13%}.orders-table .order-status-col,.orders-table .payment-col{width:16%}.orders-table .created-col{width:9%}.orders-table .actions-col{width:6%}.orders-table th,.orders-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:20px 24px}.orders-table th{color:var(--text-muted);font-size:14px;font-weight:900}.orders-table[dir=rtl] th,.orders-table[dir=rtl] td{text-align:right}.orders-table[dir=ltr] th,.orders-table[dir=ltr] td{text-align:left}.orders-table .actions-col,.orders-table th:last-child,.orders-table td:last-child,.orders-table[dir=rtl] th:last-child,.orders-table[dir=rtl] td:last-child{text-align:center}.order-number-cell,.customer-order-cell,.amount-cell{min-width:0}.order-number-cell strong,.order-number-cell span,.customer-order-cell strong,.customer-order-cell span,.amount-cell strong,.amount-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-number-cell strong,.customer-order-cell strong,.amount-cell strong{color:var(--text-dark);font-weight:950}.order-number-cell span,.customer-order-cell span,.amount-cell span{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:750}.order-badge{border:none;border-radius:999px;outline:none;width:100%;min-width:0;max-width:170px;padding:9px 14px;font-size:12px;font-weight:900}.orders-table[dir=rtl] .order-badge{text-align:right}.orders-table[dir=ltr] .order-badge{text-align:left}.orders-table .action-buttons{justify-content:center}@media (width<=1000px){.orders-table{min-width:1050px}.orders-table th,.orders-table td{padding:16px}}.settings-page{flex-direction:column;gap:22px;display:flex}.settings-header-card{background:radial-gradient(circle at top left, #17724529, transparent 35%), radial-gradient(circle at top right, #b1113b1f, transparent 32%), var(--card-bg);border:1px solid var(--border);min-height:190px;box-shadow:var(--shadow-soft);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding:28px;display:flex}.settings-kicker{background:var(--light-green);width:fit-content;color:var(--primary-green);border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.settings-header-card h2{color:var(--text-dark);margin:0;font-size:36px;font-weight:950;line-height:1.1}.settings-header-card p{max-width:680px;color:var(--text-muted);margin:14px 0 0;font-size:15px;line-height:1.7}.settings-save-button{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:15px;align-items:center;gap:8px;height:46px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 14px 30px #17724538}.settings-save-button:disabled{opacity:.7;cursor:not-allowed}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:24px;padding:22px}.settings-card.wide{grid-column:1/-1}.settings-card-heading{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.settings-card-icon{background:var(--light-green);width:44px;height:44px;color:var(--primary-green);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-card-heading h3{color:var(--text-dark);margin:0;font-size:20px;font-weight:950}.settings-card-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.settings-profile-box{border:1px solid var(--border);background:var(--background);border-radius:18px;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:flex}.settings-avatar{background:var(--light-green);width:48px;height:48px;color:var(--primary-green);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-weight:950;display:flex}.settings-profile-box strong,.settings-info-row strong{color:var(--text-dark);font-weight:950;display:block}.settings-profile-box span,.settings-info-row span{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.settings-info-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.settings-info-row:last-child{border-bottom:none}.settings-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-form-grid.single{grid-template-columns:1fr}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field label{color:var(--text-dark);font-size:13px;font-weight:900}.settings-field input,.settings-field select{border:1px solid var(--border);background:var(--background);height:46px;color:var(--text-dark);border-radius:14px;outline:none;padding:0 14px;font-weight:750}.settings-field input:focus,.settings-field select:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px var(--soft-green)}.settings-toggle-list{flex-direction:column;gap:12px;display:flex}.settings-toggle-list label{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.settings-toggle-list span{color:var(--text-dark);align-items:center;gap:9px;font-size:14px;font-weight:850;display:inline-flex}.settings-toggle-list input{width:18px;height:18px;accent-color:var(--primary-green)}.settings-security-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.settings-security-grid div{border:1px solid var(--border);background:var(--background);border-radius:18px;padding:16px}.settings-security-grid strong{color:var(--text-dark);margin-bottom:8px;font-weight:950;display:block}.settings-security-grid span{color:var(--text-muted);font-size:13px;line-height:1.5;display:block}[data-theme=dark] .settings-header-card,[data-theme=dark] .settings-card{background-color:var(--card-bg);border-color:var(--border)}[data-theme=dark] .settings-profile-box,[data-theme=dark] .settings-toggle-list label,[data-theme=dark] .settings-security-grid div,[data-theme=dark] .settings-field input,[data-theme=dark] .settings-field select{background:#ffffff0a;border-color:#ffffff1a}@media (width<=1050px){.settings-grid,.settings-security-grid{grid-template-columns:1fr}.settings-card.wide{grid-column:auto}}@media (width<=700px){.settings-header-card{flex-direction:column}.settings-save-button{justify-content:center;width:100%}.settings-form-grid{grid-template-columns:1fr}}.management-info{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.management-error{color:#dc2626;background:#dc26261a;border:1px solid #dc262633;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.settings-input-with-suffix{align-items:center;display:flex;position:relative}.settings-input-with-suffix input{width:100%;padding-right:68px}.settings-input-with-suffix span{opacity:.65;pointer-events:none;font-size:13px;font-weight:700;position:absolute;right:14px}[dir=rtl] .settings-input-with-suffix input{padding-left:68px;padding-right:14px}[dir=rtl] .settings-input-with-suffix span{left:14px;right:auto}.settings-field-help{opacity:.6;margin-top:6px;font-size:11px;line-height:1.5;display:block}.payment-cell{flex-direction:column;align-items:flex-start;gap:8px;min-width:180px;display:flex}.payment-method-row{align-items:center;gap:7px;display:flex}.payment-method-row strong{color:var(--text-dark);font-size:14px}.payment-cell .order-badge{border-radius:999px;width:fit-content;padding:8px 14px;display:inline-flex}.payment-cell small{max-width:190px;line-height:1.45;display:block}[dir=rtl] .payment-cell{align-items:flex-start}.orders-table select.order-badge{cursor:pointer}.orders-table select.order-badge:disabled{cursor:not-allowed;opacity:.75}