:root{--bg:#f4f7fb;--bg-strong:#eef3fb;--surface:#ffffffe0;--surface-solid:#fff;--surface-muted:#f8fbff;--text:#0d1726;--muted:#5d6a7a;--border:#0d172614;--primary:#1a56b0;--primary-strong:#0f3e8a;--accent:#f39200;--success:#1f9d57;--danger:#d64545;--shadow:0 18px 60px #0e244d1f;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#1a56b024,#0000 28%),radial-gradient(circle at 100% 0,#f392001f,#0000 24%),linear-gradient(#f8fbff 0%,#eef3fb 100%);font-family:Aptos,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:0 0;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-bg{min-height:100vh;position:relative}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.shell-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--border);background:#ffffffa6;flex-direction:column;gap:18px;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:1.1rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:14px;width:42px;height:42px;box-shadow:0 10px 24px #1a56b059}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-link{color:var(--muted);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:background .16s,color .16s,transform .16s;display:flex}.nav-link:hover{color:var(--primary);background:#1a56b012;transform:translate(2px)}.nav-link.active{color:var(--primary);background:linear-gradient(135deg,#1a56b01f,#f392001f);font-weight:700}.sidebar-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(#1a56b0f0,#0f3e8af2);border-radius:22px;margin-top:auto;padding:18px}.main-content{min-width:0;padding:20px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);background:#ffffffbf;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px 22px;display:flex;box-shadow:0 10px 40px #0d17260f}.topbar-search{background:var(--surface-muted);border:1px solid var(--border);border-radius:18px;flex:1;align-items:center;gap:12px;max-width:620px;padding:14px 16px;display:flex}.topbar-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.icon-button,.chip-button,.ghost-button,.primary-button,.secondary-button{border:0;border-radius:16px;transition:transform .16s,box-shadow .16s,background .16s}.icon-button{background:#0d17260d;place-items:center;width:46px;height:46px;display:grid}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.chip-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-strong));padding:14px 18px;box-shadow:0 14px 32px #1a56b047}.secondary-button{color:var(--text);border:1px solid var(--border);background:#fff;padding:14px 18px}.ghost-button{color:var(--primary);background:#1a56b014;padding:12px 14px}.chip-button{color:var(--muted);background:#0d17260d;padding:10px 14px}.stack,.grid{gap:18px;display:grid}.grid.two{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card.pad{padding:22px}.card.soft{background:linear-gradient(#fffffff0,#f8fbffeb)}.hero{color:#fff;background:radial-gradient(circle at 15% 20%,#f392002e,#0000 22%),radial-gradient(circle at 90% 8%,#1a56b038,#0000 24%),linear-gradient(135deg,#0c1e41f5,#1a56b0e0);align-items:flex-end;min-height:320px;padding:28px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000038);position:absolute;inset:0}.hero-content{z-index:1;max-width:640px;position:relative}.eyebrow{color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:inline-flex}.hero h1{letter-spacing:-.04em;margin:16px 0 10px;font-size:clamp(2.2rem,4vw,4.9rem);line-height:.98}.hero p{color:#ffffffe0;max-width:56ch;margin:0;font-size:1.03rem}.section{gap:14px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2,.section-head h3{letter-spacing:-.03em;margin:0}.section-head p{color:var(--muted);margin:4px 0 0}.product-card,.service-card,.mini-card,.category-card{border:1px solid var(--border);background:#ffffffd1;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px #0e244d14}.product-card{transition:transform .16s,box-shadow .16s}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px #0e244d24}.product-media,.service-media{aspect-ratio:1;background:linear-gradient(#f8fbff,#edf3fb);position:relative}.product-media img,.service-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.badge{color:var(--primary);background:#ffffffe0;border-radius:999px;padding:8px 10px;font-size:.75rem;font-weight:700;position:absolute;top:14px;left:14px}.product-body,.service-body{gap:8px;padding:16px;display:grid}.title{margin:0;font-size:1rem;line-height:1.35}.subtitle,.meta{color:var(--muted);font-size:.92rem}.price{color:var(--primary);align-items:baseline;gap:10px;font-weight:800;display:flex}.price small{color:#8b97a8;font-weight:600;text-decoration:line-through}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{color:var(--muted);background:#0d17260d;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.pill.active{color:var(--primary);background:#1a56b01a;font-weight:700}.form-grid{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--muted);font-size:.9rem;font-weight:600}.input,.textarea,.select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffffe6;border-radius:16px;outline:none;padding:14px 16px}.textarea{resize:vertical;min-height:120px}.input:focus,.textarea:focus,.select:focus{border-color:#1a56b059;box-shadow:0 0 0 4px #1a56b014}.layout-split{grid-template-columns:minmax(0,1fr) 380px;gap:18px;display:grid}.mobile-nav{display:none}.muted{color:var(--muted)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 12px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.86rem}.empty-state{text-align:center;color:var(--muted);place-items:center;gap:12px;padding:44px 20px;display:grid}.spinner{border:4px solid #1a56b029;border-top-color:var(--primary);border-radius:999px;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.shell-sidebar{display:none}.mobile-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffd1;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 14px 14px;padding:10px;display:grid;position:sticky;bottom:12px}.mobile-nav a{color:var(--muted);text-align:center;border-radius:14px;place-items:center;gap:6px;padding:10px 6px;font-size:.76rem;display:grid}.mobile-nav a.active{color:var(--primary);background:#1a56b01a;font-weight:700}.layout-split,.grid.two,.grid.three{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}