@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--primary: #0c7a6e;--primary-dark: #08574f;--primary-light: #d8f4ef;--accent: #f4b63f;--success: #139f73;--danger: #dd4d58;--warning: #d99116;--dark: #0b2c3a;--gray-900: #0f2430;--gray-700: #2d4856;--gray-600: #4a6472;--gray-500: #6f8592;--gray-400: #92a4ae;--gray-300: #c4d0d7;--gray-200: #dde5ea;--gray-100: #f4f8fa;--gray-50: #fbfdfe;--white: #ffffff;--radius: 14px;--radius-lg: 22px;--shadow: 0 6px 18px rgba(7, 39, 51, .08);--shadow-md: 0 14px 32px rgba(7, 39, 51, .12);--shadow-lg: 0 28px 46px rgba(7, 39, 51, .18)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(1000px 500px at 100% -10%,rgba(12,122,110,.14),transparent 50%),radial-gradient(900px 500px at -10% 10%,rgba(244,182,63,.12),transparent 46%),var(--gray-100);color:var(--gray-900);line-height:1.6}h1,h2,h3,h4,h5,h6,.logo,.landing-logo{font-family:Sora,Manrope,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}.navbar{color:var(--white);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:66px;position:sticky;top:0;z-index:100;background:linear-gradient(120deg,#07222d,#0f3a4d);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px #051a2447}.navbar .logo{font-size:1.26rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--white)}.brand-logo{display:inline-flex;align-items:center;gap:.8rem}.brand-logo.compact{gap:.65rem}.brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:14px;box-shadow:0 10px 26px #08574f40}.brand-mark svg{width:100%;height:100%;display:block}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-title{font-size:1.02rem;font-weight:800;letter-spacing:-.02em}.brand-subtitle{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#ffffffb8;margin-top:.2rem}.navbar .logo span{color:var(--accent)}.navbar .shop-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:.26rem .76rem;border-radius:999px;font-size:.78rem;margin-left:.72rem}.navbar nav{display:flex;align-items:center;gap:1.2rem}.navbar nav a{color:#ffffffc2;font-size:.9rem;transition:color .2s}.navbar nav a:hover,.navbar nav a.active{color:var(--white)}.navbar .user-area{display:flex;align-items:center;gap:.9rem}.navbar .user-name{font-size:.84rem;color:#fffc}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:var(--white);width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;cursor:pointer}.nav-toggle:hover{background:#ffffff29}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.66rem 1.2rem;border:1px solid transparent;border-radius:12px;font-size:.9rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#0f9b8b);color:var(--white);box-shadow:0 10px 18px #0b7b6d3d}.btn-primary:hover{background:linear-gradient(135deg,#0d8a7d,#0f7e72)}.btn-success{background:linear-gradient(135deg,#14a56f,#198e64);color:var(--white)}.btn-danger{background:linear-gradient(135deg,#e0525d,#c83d48);color:var(--white)}.btn-warning{background:linear-gradient(135deg,#f7c053,#df9a18);color:#3c2b08}.btn-outline{background:#ffffffc7;border-color:var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background:var(--white);box-shadow:var(--shadow)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.container{max-width:1240px;margin:0 auto;padding:2rem}.card{background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(208,220,228,.95);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:1rem 1.4rem;border-bottom:1px solid var(--gray-200);font-weight:700;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#ffffffbf,#fafcfdcc)}.card-body{padding:1.4rem}.form-group{margin-bottom:1.1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:700;font-size:.86rem;color:var(--gray-700)}.form-control{width:100%;padding:.7rem .88rem;border:1px solid var(--gray-300);border-radius:11px;font-size:.9rem;color:var(--gray-900);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0c7a6e24}select.form-control{appearance:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 12 12'%3E%3Cpath fill='%23677784' d='M6 8.2L1.2 3.7h9.6z'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:2.4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(740px 340px at 85% 10%,rgba(244,182,63,.22),transparent 60%),radial-gradient(700px 360px at 10% 0%,rgba(12,122,110,.34),transparent 54%),linear-gradient(135deg,#06202d,#0b3346);padding:2rem}.auth-card{width:100%;max-width:460px}.auth-card .card{border:1px solid rgba(255,255,255,.3);background:#ffffffed}.auth-card .card-body{padding:2rem}.auth-card .auth-title{text-align:center;margin-bottom:1.4rem}.auth-card .auth-title h2{font-size:1.58rem;color:var(--dark);margin-bottom:.3rem}.auth-card .auth-title p{color:var(--gray-600);font-size:.9rem}.quick-users{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--gray-200)}.quick-users-title{font-size:.82rem;color:var(--gray-500);margin-bottom:.6rem}.quick-users-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-footer{text-align:center;margin-top:1.2rem;font-size:.9rem;color:var(--gray-600)}.admin-section-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.6rem}.admin-section-link{padding:.58rem .92rem;border-radius:999px;border:1px solid var(--gray-300);color:var(--gray-700);background:#fffc;font-size:.88rem;font-weight:600}.admin-section-link.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.hero{text-align:center;padding:4rem 2rem 2rem}.hero h1{font-size:2.56rem;color:var(--dark);margin-bottom:.6rem}.hero p{font-size:1.06rem;color:var(--gray-600);max-width:640px;margin:0 auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.3rem;margin-top:1.8rem}.shop-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.shop-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.shop-card h3{font-size:1.14rem;margin-bottom:.45rem}.shop-card p{color:var(--gray-600);font-size:.9rem}.shop-card .shop-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.8rem;color:var(--gray-500)}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:1.4rem}.filter-panel{position:sticky;top:84px;height:fit-content}.filter-panel .card-body{max-height:calc(100vh - 120px);overflow-y:auto}.filter-section{margin-bottom:1.1rem}.filter-section h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--gray-500);margin-bottom:.45rem}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.part-card{transition:transform .2s,box-shadow .2s}.part-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.part-card .part-number{font-size:.74rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em}.part-card h4{font-size:1rem;margin:.4rem 0}.part-card .part-meta{font-size:.85rem;color:var(--gray-600);margin-bottom:.8rem}.part-card .part-bottom{display:flex;align-items:center;justify-content:space-between}.part-card .price{font-size:1.3rem;font-weight:800;color:var(--primary)}.part-card .stock{font-size:.78rem;padding:.22rem .56rem;border-radius:999px;font-weight:700}.stock-in{background:#d8f6ea;color:#076347}.stock-low{background:#fff2d8;color:#8a5a07}.stock-out{background:#fde2e5;color:#8f1d2d}.add-to-cart{display:flex;gap:.45rem;align-items:center;margin-top:.82rem}.qty-input{width:64px;text-align:center;padding:.44rem;border:1px solid var(--gray-300);border-radius:10px;font-size:.9rem}.cart-badge{background:var(--danger);color:var(--white);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;position:relative;top:-8px;left:-6px}.cart-sidebar{position:fixed;right:-410px;top:0;width:400px;height:100vh;background:var(--white);box-shadow:-12px 0 40px #00000029;z-index:200;transition:right .28s;display:flex;flex-direction:column}.cart-sidebar.open{right:0}.cart-overlay{display:none;position:fixed;inset:0;background:#06182285;z-index:199}.cart-overlay.open{display:block}.cart-header{padding:1rem 1.3rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.2rem}.cart-item{display:flex;justify-content:space-between;align-items:start;padding:.76rem 0;border-bottom:1px solid var(--gray-200)}.cart-item .item-info h5{font-size:.9rem}.cart-item .item-info p{font-size:.8rem;color:var(--gray-500)}.cart-item .item-right{text-align:right}.cart-item .remove-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.8rem}.cart-footer{padding:1rem 1.2rem;border-top:1px solid var(--gray-200)}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:800;margin-bottom:1rem}.table-wrapper{overflow-x:auto;border:1px solid var(--gray-200);border-radius:12px;background:var(--white)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.78rem .95rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);background:linear-gradient(180deg,#f7fafc,#f1f6f9);border-bottom:1px solid var(--gray-200)}td{padding:.82rem .95rem;border-bottom:1px solid var(--gray-200);font-size:.9rem}tr:hover{background:#f8fbfd}.badge{display:inline-block;padding:.22rem .66rem;border-radius:999px;font-size:.74rem;font-weight:700;text-transform:capitalize}.badge-pending{background:#fff3d8;color:#8a5c0a}.badge-approved,.badge-confirmed{background:#d6f3e8;color:#0f6548}.badge-rejected,.badge-cancelled{background:#fde2e6;color:#8d2130}.badge-ready{background:#d9eef6;color:#165774}.badge-picked_up{background:#e9eef1;color:#415a67}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.8rem}.stat-card{text-align:center;padding:1.4rem 1rem}.stat-card .stat-value{font-size:2rem;font-weight:800;color:var(--primary)}.stat-card .stat-label{font-size:.82rem;color:var(--gray-500);margin-top:.3rem}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--gray-200);margin-bottom:1.3rem;flex-wrap:wrap;padding-bottom:.6rem}.tab{padding:.56rem 1rem;font-size:.88rem;font-weight:700;color:var(--gray-500);cursor:pointer;border:1px solid transparent;border-radius:999px;transition:.2s;background:none}.tab:hover{color:var(--gray-700);border-color:var(--gray-300)}.tab.active{color:var(--white);background:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.alert{padding:.78rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;border:1px solid transparent}.alert-success{background:#d7f5ea;color:#0b6247;border-color:#a9e7d1}.alert-error{background:#fde6e8;color:#8f2231;border-color:#f5bcc3}.alert-info{background:#deeff9;color:#1e5f7c;border-color:#b8daed}.empty-state{text-align:center;padding:2.8rem;color:var(--gray-500)}.empty-state .icon{font-size:2.8rem;margin-bottom:.8rem}.modal-overlay{display:none;position:fixed;inset:0;background:#07182199;z-index:300;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);width:100%;max-width:620px;max-height:90vh;overflow-y:auto}.modal-header{padding:1rem 1.4rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-500)}.modal-body{padding:1.4rem}.modal-footer{padding:1rem 1.4rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:.75rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.8rem}.page-btn{padding:.5rem .85rem;border:1px solid var(--gray-300);border-radius:10px;background:var(--white);cursor:pointer;font-size:.9rem;font-weight:700}.page-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:#061f2ad6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.16)}.landing-nav .landing-logo{font-size:1.35rem;font-weight:700;color:#fff}.landing-nav .brand-title{font-size:1rem}.landing-nav .brand-subtitle{color:#ffffffbd}.landing-nav .landing-logo span{color:var(--accent)}.landing-nav-links{display:flex;gap:1.45rem;align-items:center}.landing-nav-link{color:#ffffffd9;font-size:.92rem;background:none;border:none;cursor:pointer}.landing-nav-link:hover{color:#fff}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 300px at 70% 0%,rgba(244,182,63,.2),transparent 60%),radial-gradient(700px 420px at 15% 30%,rgba(18,127,116,.35),transparent 65%),linear-gradient(145deg,#072230,#0d3a4f 55%,#0f4b58);color:#fff;text-align:center;padding:6rem 2rem 4rem}.landing-hero h1{font-size:clamp(2.1rem,6vw,3.7rem);font-weight:800;line-height:1.06;margin-bottom:1.2rem;max-width:760px}.landing-hero h1 span{background:linear-gradient(100deg,#f2c05b,#ffd883);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero p{font-size:1.1rem;color:#ecf7fcd9;max-width:600px;margin:0 auto 2rem}.landing-hero-actions{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.landing-hero .btn-primary,.landing-hero .btn-outline{padding:.85rem 1.8rem;font-size:1rem}.landing-hero .btn-outline{color:#fff;background:#ffffff14;border-color:#ffffff4d}.landing-hero .btn-outline:hover{background:#ffffff24}.landing-section{padding:4.6rem 2rem;max-width:1220px;margin:0 auto}.landing-section h2{font-size:clamp(1.5rem,3vw,2.15rem);text-align:center;margin-bottom:.65rem;color:var(--dark)}.landing-section .section-sub{text-align:center;color:var(--gray-600);font-size:1.02rem;margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.feature-card{background:#ffffffdb;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-card .feature-icon{font-size:2.2rem;margin-bottom:.8rem}.feature-card h3{font-size:1.08rem;margin-bottom:.45rem;color:var(--dark)}.feature-card p{color:var(--gray-600);font-size:.92rem;line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;text-align:center}.step-item .step-num{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#15a08f);color:#fff;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}.step-item h3{font-size:1.05rem;margin-bottom:.4rem}.step-item p{color:var(--gray-600);font-size:.9rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-form .form-control{background:#fbfdff}.contact-info{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.contact-info-item{display:flex;gap:.9rem;align-items:start}.contact-info-item .ci-icon{font-size:1.4rem}.contact-info-item h4{font-size:1rem;margin-bottom:.2rem}.contact-info-item p{color:var(--gray-600);font-size:.9rem}.landing-footer{background:linear-gradient(120deg,#06222f,#0b3645);color:#f0fbffcc;text-align:center;padding:2rem;font-size:.9rem}.shops-section{background:#f2f7fae6;padding:4.4rem 2rem}@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.form-row,.contact-grid,.features-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:1rem}.navbar{padding:.85rem 1rem;height:auto;flex-wrap:wrap;gap:.75rem}.navbar .logo{flex:1 1 auto;justify-content:flex-start;min-width:0}.nav-toggle{display:inline-flex;margin-left:auto}.navbar nav,.navbar .user-area{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.65rem;display:none}.navbar nav.open,.navbar .user-area.open{display:flex}.navbar .user-area .btn,.navbar .user-area .btn-sm{width:auto}.navbar nav{overflow-x:auto;padding-bottom:.1rem}.hero h1{font-size:1.92rem}.hero{padding:3rem 1rem 1.25rem}.shop-grid,.stats-grid{grid-template-columns:1fr}.cart-sidebar{width:100%;right:-100%}.landing-nav{padding:.85rem 1rem;flex-wrap:wrap;gap:.75rem}.landing-nav-links{width:100%;flex-wrap:wrap;gap:.8rem}.landing-nav .landing-logo{width:100%}.landing-nav-link{font-size:.84rem}.landing-hero{min-height:auto;padding:5.8rem 1rem 3rem}.landing-hero h1{font-size:2rem}.landing-hero p{font-size:1rem}.landing-hero-actions,.landing-hero-actions .btn{width:100%}.landing-section{padding:3.6rem 1rem}.landing-section .section-sub{font-size:.96rem;margin-bottom:1.8rem}.features-grid,.steps-grid,.contact-grid{gap:1rem}.shop-card .shop-meta{flex-direction:column;gap:.35rem}.parts-grid{grid-template-columns:1fr}.tab{width:100%;text-align:center}.modal-overlay{align-items:flex-end;padding:.5rem}.modal{max-width:100%;max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.table-wrapper{border-radius:14px}table{min-width:720px}}@media(max-width:480px){.container{padding:.75rem}.auth-wrapper{padding:1rem}.auth-card{max-width:100%}.auth-card .card-body{padding:1.25rem}.quick-users-grid{grid-template-columns:1fr}.navbar nav a,.landing-nav-link{font-size:.8rem}.navbar nav{flex-direction:column;align-items:flex-start;gap:.55rem}.navbar .user-area,.navbar .user-area.open{flex-direction:column;align-items:flex-start;gap:.5rem}.form-control{font-size:16px}.hero h1,.landing-hero h1{font-size:1.72rem}.landing-hero{padding-top:5.4rem}.landing-hero-actions .btn,.auth-card .btn,.landing-nav-links .btn{width:100%}.navbar .btn,.navbar .btn-sm,.navbar .user-area .btn,.navbar .user-area .btn-sm{width:auto}.landing-nav-links{gap:.5rem}.quick-users-grid{gap:.4rem}.brand-mark{width:34px;height:34px;flex-basis:34px}.brand-title{font-size:.92rem}.brand-subtitle{display:none}.empty-state{padding:2rem 1rem}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.hidden{display:none}.w-full{width:100%}.parts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.parts-searchbar{display:flex;align-items:center;gap:.6rem}.parts-searchbar .form-control{width:min(460px,100%)}@media(max-width:768px){.parts-toolbar{flex-direction:column;align-items:stretch}.parts-toolbar .btn{width:100%}.parts-searchbar{flex-wrap:wrap}.parts-searchbar .form-control,.parts-searchbar .btn{width:100%}}