:root,[data-theme=light]{--primary:#fff;--primary-light:#f1f5f9;--brand:#f97316;--brand-hover:#ea580c;--brand-light:#fff7ed;--accent:#0ea5e9;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#334155;--text-heading:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary:#0f172a;--primary-light:#1e293b;--brand:#f97316;--brand-hover:#ea580c;--brand-light:#f9731626;--accent:#38bdf8;--bg-main:#020617;--bg-card:#0f172a;--text-main:#cbd5e1;--text-heading:#f8fafc;--text-muted:#64748b;--border:#1e293b;--success:#34d399;--success-bg:#34d3991a;--danger:#f87171;--danger-bg:#f871711a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700;line-height:1.25}a{color:var(--brand);transition:var(--transition);text-decoration:none}a:hover{color:var(--brand-hover)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--brand);color:#fff}.btn-primary:hover{background-color:var(--brand-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--border);color:var(--text-heading)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#059669}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.85rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-heading);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-control{width:100%;font-size:.95rem;font-family:var(--font-sans);background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-heading);transition:var(--transition);outline:none;padding:10px 14px}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb26}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.badge{text-transform:uppercase;border-radius:50px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{color:#d97706;background-color:#fef3c7}.badge-approved{background-color:var(--success-bg);color:var(--success)}.badge-rejected{background-color:var(--danger-bg);color:var(--danger)}.spinner{border:3px solid #2563eb1a;border-left-color:var(--brand);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.95rem;display:flex}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid #34d39933}.alert-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid #f8717133}.alert-info{background-color:var(--brand-light);color:var(--brand);border:1px solid #3b82f633}header{background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{color:var(--text-heading);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.logo svg{color:var(--brand)}nav{align-items:center;gap:20px;display:flex}nav a{color:var(--text-main);font-weight:500}nav a:hover,nav a.active{color:var(--brand)}.footer{background-color:var(--bg-card);color:var(--text-main);border-top:1px solid var(--border);margin-top:auto;padding:40px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:30px;display:flex}.footer-section{flex:1;min-width:250px}.footer-section h4{color:var(--text-heading);margin-bottom:16px}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);margin-top:30px;padding-top:30px;font-size:.85rem}.hero{text-align:center;background:linear-gradient(45deg, var(--brand), var(--accent), var(--brand-light));background-size:300% 300%;padding:80px 0;animation:12s infinite gradientBG}.hero h1{color:#000;max-width:800px;margin:0 auto 20px;font-size:3rem}.hero p{color:#000;max-width:600px;margin:0 auto 30px;font-size:1.2rem}.hero-ctas{justify-content:center;gap:16px;display:flex}.verify-search-widget{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-lg);z-index:10;margin:-40px auto 60px;padding:30px;position:relative}.verify-input-group{gap:10px;margin-top:12px;display:flex}.verify-input-group input{flex:1}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:60px 0;display:grid}.feature-card{text-align:left;padding:30px}.feature-icon{background-color:var(--brand-light);border-radius:var(--radius-md);width:48px;height:48px;color:var(--brand);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.stepper-container{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex;position:relative}.stepper-line{background-color:var(--border);z-index:1;height:2px;position:absolute;top:20px;left:30px;right:30px}.stepper-step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stepper-bubble{background-color:var(--bg-main);border:2px solid var(--border);width:42px;height:42px;color:var(--text-muted);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.stepper-label{color:var(--text-muted);margin-top:8px;font-size:.8rem;font-weight:600}.stepper-step.active .stepper-bubble{border-color:var(--brand);background-color:var(--brand);color:#fff}.stepper-step.active .stepper-label{color:var(--brand)}.stepper-step.completed .stepper-bubble{border-color:var(--success);background-color:var(--success);color:#fff}.file-upload-box{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background-color:var(--bg-main);padding:30px;position:relative}.file-upload-box:hover{border-color:var(--brand);background-color:var(--brand-light)}.file-preview-thumbnail{border-radius:var(--radius-sm);max-width:150px;max-height:150px;margin-top:12px}.signature-canvas-container{border:1px solid var(--border);border-radius:var(--radius-md);background-color:#fff;position:relative;overflow:hidden}.signature-canvas-container canvas{cursor:crosshair;width:100%;height:150px;display:block}.signature-canvas-actions{background-color:var(--bg-main);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:8px;display:flex}.id-card-wrapper{perspective:1000px;width:320px;height:560px;margin:20px auto}.id-card-container{border:4px solid var(--accent);color:#fff;width:100%;height:100%;box-shadow:var(--shadow-lg);text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:18px;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.id-card-container:before{content:"";background-color:var(--accent);height:8px;position:absolute;top:0;left:0;right:0}.id-card-header{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.id-card-logo{letter-spacing:1px;color:#fff;align-items:center;gap:6px;font-size:1.1rem;font-weight:800;display:flex}.id-card-logo span{color:var(--accent)}.id-card-org{text-transform:uppercase;color:#94a3b8;letter-spacing:2px;margin-top:2px;font-size:.65rem}.id-card-photo-frame{border:2px solid var(--accent);background-color:#334155;border-radius:12px;flex-shrink:0;width:100px;height:130px;margin-bottom:12px;overflow:hidden}.id-card-photo-frame img{object-fit:cover;width:100%;height:100%}.id-card-name{margin-bottom:4px;font-size:1.3rem;font-weight:700}.id-card-designation{text-transform:uppercase;color:var(--accent);background-color:#d9770626;border-radius:50px;margin-bottom:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.id-card-details{text-align:left;border-top:1px solid #334155;grid-template-columns:1fr 1fr;gap:8px 12px;width:100%;padding-top:12px;font-size:.75rem;display:grid}.id-card-detail-label{color:#94a3b8;font-weight:600}.id-card-detail-val{color:#f8fafc;font-weight:700}.id-card-footer{justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto;display:flex}.id-card-qr{background-color:#fff;border-radius:6px;width:65px;height:65px;padding:4px}.id-card-qr img{width:100%;height:100%}.id-card-signature{flex-direction:column;align-items:center;display:flex}.id-card-signature-img{object-fit:contain;filter:brightness(0)invert();max-width:90px;height:35px}.id-card-signature-label{color:#94a3b8;text-align:center;border-top:1px solid #334155;width:90px;margin-top:4px;font-size:.55rem}.dashboard-layout{min-height:calc(100vh - 70px);display:flex}.sidebar{background-color:var(--primary-light);width:250px;color:var(--text-main);border-right:1px solid var(--border);flex-direction:column;padding:24px 0;display:flex}.sidebar-menu{flex-direction:column;gap:4px;list-style:none;display:flex}.sidebar-item button,.sidebar-item a{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}.sidebar-item button:hover,.sidebar-item a:hover{color:var(--brand);background-color:#f9731614}.sidebar-item.active button,.sidebar-item.active a{background-color:var(--brand);color:#fff}.dashboard-content{background-color:var(--bg-main);flex:1;padding:30px;overflow-y:auto}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;display:grid}.product-card{border:1px solid var(--border);background-color:var(--bg-card);border-radius:20px;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.product-image-container{background-color:var(--bg-hover);width:100%;height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image-container img{transform:scale(1.08)}.product-category-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f8fafc;letter-spacing:.03em;z-index:2;background:#0f172abf;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:12px;left:12px}.product-info-body{flex-direction:column;flex:1;padding:20px;display:flex}.product-title{color:var(--text-heading);text-align:left;margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.4}.product-description{color:var(--text-muted);text-align:left;flex:1;margin-bottom:16px;font-size:.85rem;line-height:1.5}.product-meta-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.product-price{color:var(--brand);margin:0;font-size:1.3rem;font-weight:800}.product-stock{background-color:var(--primary-light);color:var(--text-muted);border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:600}.cart-drawer-overlay{z-index:200;background-color:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background-color:var(--bg-card);width:100%;max-width:400px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;padding:24px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.cart-items-list{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border);gap:12px;padding-bottom:16px;display:flex}.cart-item-img{border-radius:var(--radius-sm);background-color:var(--bg-main);object-fit:cover;width:60px;height:60px}.cart-item-details{flex:1}.cart-item-name{color:var(--text-heading);font-size:.95rem;font-weight:700}.cart-item-qty{align-items:center;gap:8px;margin-top:8px;display:flex}.cart-item-qty button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.cart-footer{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.cart-total{color:var(--text-heading);justify-content:space-between;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.modal-overlay{z-index:150;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);max-height:90vh;padding:24px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem;position:absolute;top:16px;right:16px}.admin-detail-split{grid-template-columns:1fr 1.2fr;gap:30px;display:grid}.document-review-grid{grid-template-columns:1fr;gap:20px;display:grid}.document-item{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-main);padding:12px}.document-item h5{margin-bottom:8px}.document-item img{object-fit:contain;border-radius:var(--radius-sm);background-color:#f1f5f9;width:100%;max-height:250px}.verification-status-banner{border-radius:var(--radius-lg);text-align:center;margin-bottom:40px;padding:40px}.verification-status-banner svg{width:64px;height:64px;margin-bottom:16px}.verification-status-active{background-color:var(--success-bg);border:2px solid var(--success);color:var(--success)}.verification-status-revoked{background-color:var(--danger-bg);border:2px solid var(--danger);color:var(--danger)}.order-tracker{justify-content:space-between;margin:30px 0;display:flex;position:relative}.tracker-line{background-color:var(--border);z-index:1;height:4px;position:absolute;top:15px;left:20px;right:20px}.tracker-step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.tracker-dot{background-color:var(--bg-main);border:3px solid var(--border);width:32px;height:32px;transition:var(--transition);border-radius:50%}.tracker-label{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.75rem;font-weight:700}.tracker-step.active .tracker-dot{border-color:var(--brand);background-color:var(--bg-card)}.tracker-step.completed .tracker-dot{border-color:var(--success);background-color:var(--success)}.tracker-step.completed .tracker-label{color:var(--success)}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.credentials-grid{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:30px;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table th,.table-responsive table td{white-space:nowrap}@media (width<=768px){.header-container{flex-direction:column;gap:12px;height:auto;padding:12px 16px}nav{flex-wrap:wrap;justify-content:center;gap:10px}.logo{justify-content:center;margin-bottom:4px}nav .btn{padding:6px 10px;font-size:.8rem}.dashboard-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:12px 0 0}.sidebar>div:first-child{text-align:center!important;padding:0 16px 12px!important}.sidebar-menu{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:12px;padding:0 16px 12px;overflow-x:auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-item button,.sidebar-item a{white-space:nowrap;background-color:var(--bg-card);border:1px solid var(--border);border-radius:20px;justify-content:center;padding:8px 16px}.sidebar-item.active button,.sidebar-item.active a{background-color:var(--brand);color:#fff;border-color:var(--brand)}.dashboard-content{padding:16px;overflow-x:hidden}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.product-card .btn{width:100%}.credentials-grid{grid-template-columns:1fr;gap:20px}}