@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.img-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}:root{--navy: #17212b;--navy-2: #1e2e3d;--navy-3: #243241;--amber: #f8b84e;--amber-dark: #d9951c;--surface: #ffffff;--bg: #f0f2f7;--border: #dde2ea;--border-2: #c8d0db;--text: #1a2330;--text-2: #394756;--text-3: #667382;--text-4: #9ba8b5;--green: #15803d;--green-bg: #f0fdf4;--green-b: #bbf7d0;--red: #b42318;--red-bg: #fef2f2;--yellow-bg: #fffbeb;--yellow-b: #fde68a;--blue: #1d4ed8;--blue-bg: #eff6ff;--blue-b: #bfdbfe;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--radius: 10px;--radius-sm: 7px;--radius-pill:999px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh}.market-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px #00000040}.market-header__top{align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr;padding:10px 16px}.brand-lockup{align-items:center;display:inline-flex;font-weight:900;gap:10px;letter-spacing:-.3px}.brand-mark{align-items:center;background:linear-gradient(135deg,var(--amber) 0%,#e8a030 100%);border-radius:8px;color:var(--navy);display:inline-flex;font-size:15px;font-weight:900;height:36px;justify-content:center;width:40px;box-shadow:0 2px 6px #f8b84e73}.search-bar{background:#fff;border-radius:8px;display:grid;grid-template-columns:88px 1fr 90px;min-height:46px;overflow:hidden;box-shadow:var(--shadow-sm)}.search-bar select,.search-bar input,.search-bar button{border:0;min-width:0;padding:0 12px}.search-bar select{background:#eef1f5;color:var(--navy-3)}.search-bar input{color:var(--text)}.search-bar button{background:linear-gradient(135deg,var(--amber),var(--amber-dark));color:var(--navy);cursor:pointer;font-weight:900;transition:filter var(--transition)}.search-bar button:hover{filter:brightness(1.06)}.header-actions,.market-header__nav,.site-footer nav{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.header-actions{justify-content:space-between}.cart-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);padding:8px 14px;transition:background var(--transition)}.cart-pill:hover{background:#fff3}.market-header__nav{background:var(--navy-3);color:#dce5ef;font-size:14px;padding:9px 16px}.market-header__nav a:hover{color:#fff}.page{margin:0 auto;max-width:1240px;padding:20px 16px}.store-hero{background:linear-gradient(130deg,#17212b,#1e3a4c 55%,#f8b84e 55%);color:#fff;display:grid;gap:28px;min-height:400px;padding:40px 20px}.store-hero h1{font-size:clamp(34px,9vw,68px);line-height:1.05;margin:0 0 16px;letter-spacing:-1px}.store-hero p{color:#daedf8;font-size:18px;max-width:650px}.store-hero__copy{display:grid;gap:16px;align-content:start}.hero-book-stack{align-content:end;display:grid;gap:10px}.hero-book-stack span{background:#fff;border-radius:8px;box-shadow:var(--shadow-lg);color:var(--navy);display:block;font-weight:900;max-width:250px;padding:18px}.category-strip,.stats-grid,.grid.books{display:grid;gap:14px}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile,.card,.book-card,.summary-panel,.filters-panel,.track-card,.success-card,.empty-state,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.category-tile{font-weight:900;padding:22px;transition:box-shadow var(--transition),transform var(--transition);cursor:pointer}.category-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.page-header{align-items:end;display:grid;gap:6px;margin-bottom:22px}.page-header h1{color:var(--text);font-size:clamp(24px,5vw,38px);font-weight:900;line-height:1.1;letter-spacing:-.5px;margin:0}.page-header p{color:var(--text-3);margin:6px 0 0;font-size:14px}.eyebrow{color:#b36a00;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.catalog-layout,.cart-layout,.checkout-layout,.product-page{display:grid;gap:20px}.filters-panel,.summary-panel,.card,.track-card,.success-card,.empty-state{padding:20px}.filters-panel h2,.summary-panel h2{margin-top:0}.filter-note{background:#fff8e8;border-radius:var(--radius-sm);border-left:3px solid var(--amber);color:#6d4a11;font-size:14px;margin-top:14px;padding:12px 14px}.catalog-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.grid.books{grid-template-columns:repeat(2,minmax(0,1fr))}.book-card{display:grid;gap:10px;padding:14px;transition:box-shadow var(--transition),transform var(--transition);cursor:pointer}.book-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.book-card h3{font-size:15px;line-height:1.3;margin:8px 0 0;font-weight:800}.book-cover{align-items:center;aspect-ratio:3/4;background:linear-gradient(145deg,#f5efd5,#dbe8e6);border:1px solid var(--border);border-radius:7px;color:var(--navy-3);display:flex;font-weight:900;justify-content:center;overflow:hidden;padding:14px;text-align:center}.book-cover.xl{min-height:420px}.book-cover span{overflow-wrap:anywhere}.rating-line{color:#b36a00;font-size:13px;font-weight:800}.price{color:#c0392b;display:block;font-size:22px;font-weight:900}.stock-line,.muted{color:var(--text-3);font-size:13px}.btn{align-items:center;background:linear-gradient(135deg,var(--amber) 0%,#f0a832 100%);border:none;border-radius:var(--radius-pill);box-shadow:0 2px 6px #f8b84e59;color:#1a1a1a;cursor:pointer;display:inline-flex;font-weight:900;gap:6px;justify-content:center;min-height:42px;padding:10px 20px;transition:filter var(--transition),box-shadow var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px #f8b84e73;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.btn.secondary{background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-sm);color:var(--text-2)}.btn.secondary:hover:not(:disabled){background:#f8fafc;box-shadow:var(--shadow);border-color:#b0bac6}.btn.danger{background:linear-gradient(135deg,#c0392b,var(--red));border:none;box-shadow:0 2px 6px #b423184d;color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px #b4231866}.btn.full{width:100%}.link-button{background:transparent;border:0;color:var(--blue);cursor:pointer;font-weight:700;padding:0;transition:color var(--transition)}.link-button:hover{color:#1a3da8;text-decoration:underline}.form,.checkout-main{display:grid;gap:16px}.field{display:grid;gap:6px}.field.compact{min-width:92px}.field label{color:var(--text-2);font-size:13px;font-weight:800;letter-spacing:.01em}.field input,.field select,.field textarea{background:#fafbfc;border:1.5px solid var(--border-2);border-radius:var(--radius-sm);min-height:42px;padding:9px 12px;transition:border-color var(--transition),box-shadow var(--transition);width:100%;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81f;outline:none;background:#fff}.cart-line{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:14px;grid-template-columns:72px 1fr;padding:16px;transition:box-shadow var(--transition)}.cart-line:hover{box-shadow:var(--shadow)}.mini-cover{align-items:center;aspect-ratio:3/4;background:#eaf0f4;border-radius:7px;color:var(--navy-3);display:flex;font-weight:900;justify-content:center}.summary-row,.summary-total{display:flex;justify-content:space-between;padding:10px 0}.summary-total{border-top:2px solid var(--border);font-size:20px;font-weight:900;margin-top:4px}.checkout-steps{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 0 20px;padding:0}.checkout-steps li{align-items:center;color:var(--text-3);display:flex;font-size:13px;font-weight:800;gap:6px}.checkout-steps span{align-items:center;background:#dfe5eb;border-radius:var(--radius-pill);display:inline-flex;height:26px;justify-content:center;width:26px;font-size:12px;font-weight:900}.checkout-steps .active{color:var(--text)}.checkout-steps .active span{background:var(--amber);box-shadow:0 2px 6px #f8b84e66}.track-card{align-items:end;display:grid;gap:12px}.order-result{margin-top:20px}.status-timeline{display:grid;gap:10px;margin-top:18px}.status-timeline div{align-items:center;display:flex;gap:10px}.status-timeline span{background:#cbd5df;border-radius:var(--radius-pill);height:12px;width:12px;flex-shrink:0}.status-timeline .done span{background:var(--green);box-shadow:0 0 0 3px #15803d26}.badge{background:var(--green-bg);border:1px solid var(--green-b);border-radius:var(--radius-pill);color:#14633b;display:inline-block;font-size:12px;font-weight:900;padding:6px 12px}.error{color:var(--red);font-weight:800;font-size:13px}.success{color:var(--green);font-weight:800}.site-footer{background:var(--navy);color:#c8d5e2;display:grid;gap:16px;margin-top:40px;padding:32px 20px}.dashboard-shell{background:var(--bg);min-height:100vh}.dashboard-sidebar{background:linear-gradient(180deg,#17212b,#1a2a38);color:#c8d8e8;padding:16px 14px;border-right:1px solid rgba(255,255,255,.06)}.dashboard-sidebar .brand-lockup{font-size:15px;padding:4px 0 6px}.side-nav{display:flex;gap:4px;margin-top:18px;overflow-x:auto;padding-bottom:4px}.side-nav a{background:transparent;border-radius:8px;color:#a4bbd2;flex:0 0 auto;font-size:13px;font-weight:700;padding:9px 14px;transition:background var(--transition),color var(--transition);white-space:nowrap}.side-nav a:hover{background:#ffffff1a;color:#fff}.side-nav a.active,.side-nav a[aria-current=page]{background:#f8b84e2e;color:var(--amber)}.dashboard-topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 6px #0000000f;display:flex;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:20}.dashboard-topbar div{display:grid}.dashboard-topbar strong{font-size:15px;font-weight:900;color:var(--text)}.dashboard-topbar span{color:var(--text-3);font-size:12px}.dashboard-topbar button{background:var(--surface);border:1.5px solid var(--border-2);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:background var(--transition),border-color var(--transition)}.dashboard-topbar button:hover{background:#f5f7fa;border-color:#9ba8b5}.topbar-actions{align-items:center;display:flex;gap:10px}.notification-pill{background:#fff8e8;border:1.5px solid #f8d070;border-radius:var(--radius-pill);color:#7a4f00;cursor:pointer;font-size:13px;font-weight:900;padding:7px 14px;transition:background var(--transition),box-shadow var(--transition)}.notification-pill:hover{background:#fff3d1;box-shadow:0 2px 8px #f8b84e4d}.dashboard-workspace{display:flex;flex-direction:column;flex:1;min-width:0}.dashboard-page{max-width:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:18px 20px;position:relative;overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);border-radius:var(--radius) var(--radius) 0 0}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card.warning:before{background:var(--amber)}.stat-card.success:before{background:var(--green)}.stat-card.danger:before{background:var(--red)}.stat-card.warning{border-color:#fde68a}.stat-card.success{border-color:var(--green-b)}.stat-card.danger{border-color:#fecaca}.stat-card span{color:var(--text-3);display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.stat-card strong{color:var(--text);display:block;font-size:28px;font-weight:900;letter-spacing:-.5px;line-height:1.2;margin-top:8px}.table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.table-input{background:#fafbfc;border:1.5px solid var(--border-2);border-radius:7px;min-height:38px;padding:7px 10px;transition:border-color var(--transition),box-shadow var(--transition);width:120px}.table-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a;outline:none}table{background:var(--surface);border-collapse:collapse;border-radius:var(--radius);overflow:hidden;width:100%}th{background:#f4f6f9;border-bottom:2px solid var(--border);color:var(--text-2);font-size:11px;font-weight:900;letter-spacing:.07em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #edf0f4;color:var(--text);font-size:14px;padding:12px 14px;text-align:left;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#f8fafd}.two-panel-grid{display:grid;gap:16px}.section-gap{margin-top:20px}.notif-trigger{position:relative}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 36px #11182726,0 4px 12px #00000014;max-height:480px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:50}.notif-panel-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px;position:sticky;top:0;z-index:1}.notif-panel-header strong{font-size:14px}.notif-item{border-bottom:1px solid #f0f3f6;padding:13px 16px;transition:background var(--transition)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#fffef0;border-left:3px solid var(--amber)}.notif-item.unread:hover{background:#fffde0}.notif-item:not(.unread):hover{background:#f8fafc}.notif-item strong{display:block;font-size:13.5px;font-weight:800;color:var(--text);margin-bottom:3px}.notif-item p{color:var(--text-2);font-size:13px;margin:0 0 4px;line-height:1.5}.notif-item time{color:var(--text-4);font-size:11px}.activity-timeline{margin-top:18px}.activity-timeline h3{color:var(--text-2);font-size:14px;margin:0 0 14px;font-weight:800}.activity-timeline ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.timeline-entry{display:grid;grid-template-columns:20px 1fr;gap:12px;padding-bottom:16px;position:relative}.timeline-entry:before{content:"";position:absolute;left:7px;top:20px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--border),transparent)}.timeline-entry:last-child:before{display:none}.timeline-dot{width:15px;height:15px;border-radius:50%;background:var(--amber);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--amber-dark);flex-shrink:0;margin-top:2px}.timeline-content{display:grid;gap:2px;line-height:1.4}.timeline-content strong{color:var(--text);font-size:13.5px}.timeline-note{color:var(--text-3);font-size:12.5px}.timeline-time{color:var(--text-4);display:block;font-size:11px;margin-top:2px}.wa-section{background:#f0fdf4;border:1px solid var(--green-b);border-left:4px solid #22c55e;border-radius:var(--radius);margin-top:14px;padding:14px 16px}.wa-section h3{color:#16a34a;font-size:11px;font-weight:900;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.wa-buttons{display:flex;flex-wrap:wrap;gap:8px}.chart-placeholder{align-items:center;background:#f8fafc;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-4);display:flex;font-size:14px;justify-content:center;min-height:180px;padding:24px}.bar-chart{align-items:flex-end;display:flex;gap:5px;height:120px;padding:0 4px}.bar-chart-bar{background:linear-gradient(to top,#d9951c,var(--amber));border-radius:4px 4px 0 0;flex:1;min-height:4px;position:relative;transition:filter var(--transition)}.bar-chart-bar:hover{filter:brightness(1.12)}.bar-chart-bar:after{content:attr(data-label);bottom:-18px;color:var(--text-4);font-size:9px;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.dispatch-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:10px;padding:16px}.perf-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.perf-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;text-align:center}.perf-card .score{color:var(--text);display:block;font-size:34px;font-weight:900;letter-spacing:-.5px;margin-top:4px}.perf-card .label{color:var(--text-3);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.perf-card.success{border-color:var(--green-b)}.perf-card.warning{border-color:#fde68a}.perf-card.danger{border-color:#fecaca}.featured-strip{display:grid;gap:14px;margin-top:24px}.lead-stats{color:var(--text-3);font-size:13px}.lead-amount{color:var(--green);font-weight:900}.product-media{display:flex;align-items:flex-start;justify-content:center}@media(min-width:720px){.market-header__top{align-items:center;grid-template-columns:240px minmax(260px,1fr) auto;padding:12px 24px}.market-header__nav{padding-left:24px;padding-right:24px}.page{padding:30px 26px}.store-hero{grid-template-columns:1fr 320px;padding:68px 40px}.category-strip,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-layout{grid-template-columns:240px 1fr}.grid.books{grid-template-columns:repeat(3,minmax(0,1fr))}.product-page,.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 320px}.cart-line{grid-template-columns:84px 1fr 110px 120px}.track-card{grid-template-columns:1fr auto}.site-footer{grid-template-columns:1fr auto;padding:36px 40px}.two-panel-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.grid.books{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-shell{display:grid;grid-template-columns:256px 1fr}.dashboard-sidebar{min-height:100vh;position:sticky;top:0;padding:20px 16px}.side-nav{display:grid;overflow:visible;gap:3px}.side-nav a{border-radius:8px;font-size:13.5px;padding:10px 16px;white-space:normal}.side-nav a:hover{padding-left:20px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.perf-grid{grid-template-columns:repeat(4,1fr)}.sticky{align-self:start;position:sticky;top:100px}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
