*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg,#f8fafc);color:#111827}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{background:#111827;color:#fff;font-size:13px;padding:8px 0}.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.headin{height:72px;display:flex;align-items:center;gap:28px}.logo{font-size:25px;font-weight:800;color:var(--accent)}.search{flex:1}.search input,input,select,textarea{width:100%;padding:11px 13px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.actions{display:flex;gap:16px}.hero{margin:28px auto;padding:56px;border-radius:22px;background:linear-gradient(130deg,var(--accent),#111827);color:#fff}.hero h1{font-size:42px;max-width:700px;margin:0 0 12px}.btn{display:inline-block;padding:11px 17px;border-radius:9px;background:var(--accent,#2563eb);color:#fff;border:0;cursor:pointer;font-weight:700}.btn.secondary{background:#475569}.hero .btn{background:#fff;color:#111827;margin-top:14px}.cats{display:flex;gap:12px;overflow:auto;padding:10px 0 24px}.cat{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:10px 15px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 6px 25px rgba(15,23,42,.05)}.ph{height:190px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#e5e7eb);display:flex;align-items:center;justify-content:center;font-size:48px}.price{font-size:20px;font-weight:800;color:var(--accent)}.admin{background:#0f172a;color:#e2e8f0;min-height:100vh}.admin .panel{max-width:1320px;margin:auto;padding:26px}.admin a{color:#fff}.adminnav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:12px 0 22px;border-bottom:1px solid #334155}.adminnav strong{margin-right:auto}.linkbtn{background:none;border:0;color:#fff;cursor:pointer;padding:0;font:inherit}.danger{color:#fecaca}.inline{display:inline}.statgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0}.stat{padding:20px;background:#1e293b;border-radius:14px}.table{width:100%;border-collapse:collapse;background:#fff;color:#111827}.table th,.table td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.theme{background:#fff;color:#111827;padding:18px;border-radius:14px;border:3px solid transparent}.theme.active{border-color:var(--accent)}.bar{display:flex;justify-content:space-between;align-items:center}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#fff;color:#111827;padding:22px;border-radius:14px}.formgrid label,.crudbox label,.checkout label,.loginbox label{display:block;font-weight:600}.formgrid input,.formgrid select,.formgrid textarea,.crudbox input,.crudbox select,.crudbox textarea,.checkout input,.checkout select,.checkout textarea,.loginbox input{margin-top:5px}.span2{grid-column:1/-1}.crudbox{background:#fff;color:#111827;padding:16px;border-radius:12px;display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.crudbox label{min-width:150px;flex:1}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:9px;margin:12px 0}.muted{color:#94a3b8}.scroll{overflow:auto}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pagepad,.productdetail{padding:35px 20px}.productgrid{grid-template-columns:1fr 1fr}.productph{height:460px}.qty{width:80px}.checkout{display:grid;gap:12px;background:#fff;padding:20px;border-radius:14px}.success{background:#fff;padding:35px;border-radius:18px;text-align:center}.review{background:#fff;padding:15px;margin:10px 0;border-radius:12px}.loginbox{max-width:460px!important}.loginbox input{margin-bottom:12px}@media(max-width:1000px){.statgrid{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:32px}.hero h1{font-size:31px}.themes,.twocol,.productgrid,.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.statgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}.actions{display:none}.statgrid{grid-template-columns:1fr}.admin .panel{padding:16px}}.adminsection{margin-top:26px;padding:20px;background:#1e293b;border-radius:14px}.imagegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.imageitem{background:#fff;color:#111827;padding:10px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.imageitem img,.productimg{width:100%;height:210px;object-fit:cover;border-radius:10px}.smallbtn{border:1px solid #cbd5e1;background:#fff;color:#111827;padding:8px 10px;border-radius:8px;cursor:pointer}.dangerbg{background:#fee2e2;color:#991b1b}.okbox{background:#dcfce7;color:#166534;padding:12px;border-radius:9px;margin:12px 0}.checkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.bannerrow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}.banner{min-height:300px;border-radius:22px;background:linear-gradient(130deg,var(--accent),#111827);background-size:cover;background-position:center;display:flex;align-items:end;padding:28px;color:#fff;overflow:hidden}.banner span{background:rgba(0,0,0,.45);padding:14px;border-radius:12px}.banner strong{display:block;font-size:30px}.filterbar{display:grid;grid-template-columns:2fr repeat(5,1fr) auto;gap:10px;background:#fff;padding:14px;border-radius:14px;margin:18px 0}.stockcheck{display:flex;align-items:center;gap:6px;white-space:nowrap}.stockcheck input{width:auto}.cardactions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gallerymain img{width:100%;height:460px;object-fit:contain;background:#fff;border-radius:14px}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.thumbs img{width:80px;height:80px;object-fit:cover;border-radius:8px}.buybox{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.buybox label{min-width:160px}.newsletter{margin:40px 0;background:#fff;padding:24px;border-radius:16px}.newsletter form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.heroimage{width:100%;max-height:520px;object-fit:cover;border-radius:18px}.contentpage{max-width:900px}.compare th{min-width:160px}@media(max-width:900px){.filterbar{grid-template-columns:1fr 1fr}.imagegrid{grid-template-columns:repeat(3,1fr)}.checkgrid{grid-template-columns:repeat(2,1fr)}.cards3,.bannerrow{grid-template-columns:1fr}.newsletter form{grid-template-columns:1fr}}@media(max-width:600px){.imagegrid{grid-template-columns:1fr 1fr}.filterbar{grid-template-columns:1fr}}

.book-fields{padding:16px;border:1px solid #d6c59b;border-radius:12px;background:#fffcf5}.book-fields[hidden]{display:none!important}.book-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.book-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.book-meta div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.book-meta span{display:block;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.book-meta strong{display:block;margin-top:5px}.book-card-meta{font-size:13px;color:#64748b;margin-top:6px;min-height:18px}@media(max-width:800px){.book-field-grid,.book-meta{grid-template-columns:1fr}}

/* Nora Commerce V4 Premium Admin */
.admin{--admin-bg:#f4f7fb;--admin-card:#fff;--admin-ink:#172033;--admin-muted:#6d7890;--admin-line:#e6ebf2;--admin-navy:#111827;--admin-accent:#635bff;background:var(--admin-bg);color:var(--admin-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.admin .panel{max-width:1540px;margin:0 auto;padding:0 28px 42px}.admin h1,.admin h2,.admin h3{color:var(--admin-ink)}.admin-topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-line);background:rgba(244,247,251,.96);position:sticky;top:0;z-index:30}.admin-brand{display:flex;align-items:center;gap:12px;color:var(--admin-ink)!important}.admin-brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#171c2b,#635bff);color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 22px rgba(99,91,255,.22)}.admin-brand span:last-child{display:flex;flex-direction:column}.admin-brand b{font-size:16px;letter-spacing:-.02em}.admin-brand small{font-size:11px;color:var(--admin-muted);margin-top:2px}.admin-top-actions{display:flex;align-items:center;gap:12px}.admin-store-link,.admin-logout{border:1px solid var(--admin-line);border-radius:10px!important;padding:9px 13px!important;background:#fff!important;color:#374151!important;font-size:12px!important;font-weight:700;cursor:pointer}.admin-logout{font-family:inherit}.adminnav{display:flex;gap:7px;align-items:center;padding:14px 0;border-bottom:1px solid var(--admin-line);overflow-x:auto;scrollbar-width:thin;position:sticky;top:82px;z-index:25;background:rgba(244,247,251,.96);backdrop-filter:blur(12px);flex-wrap:nowrap}.adminnav a{color:#59657a!important;padding:9px 11px;border-radius:10px;white-space:nowrap;font-size:12px;font-weight:700;transition:.18s ease}.adminnav a:hover{background:#fff;color:#1d2535!important;box-shadow:0 4px 14px rgba(20,31,51,.06)}.adminnav a.active{background:var(--admin-navy);color:#fff!important;box-shadow:0 7px 18px rgba(17,24,39,.18)}.admin-dashboard{padding-top:24px}.dashboard-hero{background:linear-gradient(115deg,#111827 0%,#202b45 62%,#4640bf 120%);border-radius:24px;padding:34px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 18px 45px rgba(17,24,39,.14);overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-140px;background:rgba(255,255,255,.08)}.dashboard-hero h1{color:#fff;margin:5px 0 8px;font-size:30px;letter-spacing:-.035em}.dashboard-hero p{color:#cbd5e1;margin:0;max-width:760px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:#9fa7ff}.hero-actions{display:flex;gap:10px;z-index:2;flex-shrink:0}.admin .admin-primary{background:#fff;color:#111827}.admin .admin-ghost{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#fff}.premium-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.premium-stat{background:#fff;border:1px solid var(--admin-line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(20,31,51,.04)}.premium-stat .stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-weight:900;font-size:18px}.premium-stat.accent .stat-icon{background:#ecfdf5;color:#059669}.premium-stat.warning .stat-icon{background:#fff7ed;color:#ea580c}.premium-stat small{display:block;color:var(--admin-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.premium-stat strong{display:block;color:var(--admin-ink);font-size:23px;margin:3px 0;letter-spacing:-.03em}.premium-stat span{color:#8b95a7;font-size:11px}.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:14px}.dashboard-card{background:#fff;border:1px solid var(--admin-line);border-radius:20px;padding:21px;box-shadow:0 8px 26px rgba(20,31,51,.04);min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.card-heading small{font-size:9px;font-weight:900;color:#98a2b3;letter-spacing:.14em}.card-heading h2{font-size:17px;margin:4px 0 0;letter-spacing:-.02em}.today-revenue{text-align:right}.today-revenue span{display:block;color:#98a2b3;font-size:10px}.today-revenue strong{font-size:15px;color:#059669}.sales-chart{height:220px;display:flex;align-items:end;gap:4px;padding:20px 0 8px;border-bottom:1px solid #eef1f5;background:linear-gradient(to bottom,transparent 24%,#f4f6fa 25%,transparent 26%,transparent 49%,#f4f6fa 50%,transparent 51%,transparent 74%,#f4f6fa 75%,transparent 76%)}.chart-bar{flex:1;min-width:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7c73ff,#5b54db);opacity:.66;transition:.15s}.chart-bar:hover,.chart-bar.today{opacity:1}.chart-axis{display:flex;justify-content:space-between;color:#98a2b3;font-size:10px;margin-top:7px}.live-dot{font-size:10px;font-weight:800;color:#059669;background:#ecfdf5;padding:6px 9px;border-radius:999px}.operation-list{display:grid;gap:7px}.operation-list a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:13px;background:#f8fafc;color:var(--admin-ink)!important;border:1px solid #eef2f6}.operation-list a:hover{border-color:#d8def0;background:#fff}.operation-list b{font-size:19px}.operation-list span{font-size:12px;color:#667085}.operation-list em{font-style:normal;color:#98a2b3}.full-card{margin-top:14px}.text-link{font-size:11px;font-weight:800;color:#5b54db!important}.premium-table{width:100%;border-collapse:collapse;color:#344054}.premium-table th{text-align:left;font-size:9px;color:#98a2b3;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #edf1f5}.premium-table td{padding:13px 12px;border-bottom:1px solid #f0f2f5;font-size:11px}.premium-table tbody tr:hover{background:#fbfcfe}.premium-table td small{display:block;color:#98a2b3;margin-top:3px}.order-link{font-weight:900;color:#514bd8!important}.status-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#f2f4f7;color:#667085}.status-badge.success{background:#ecfdf3;color:#027a48}.status-badge.warning{background:#fffaeb;color:#b54708}.status-badge.info{background:#eff8ff;color:#175cd3}.status-badge.purple{background:#f4f3ff;color:#5925dc}.status-badge.danger{background:#fef3f2;color:#b42318}.empty-cell,.empty-state{text-align:center;color:#98a2b3;padding:24px!important;font-size:12px}.dashboard-grid-thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.mini-list{display:grid;gap:7px}.mini-list>a,.rank-row,.customer-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#fafbfc;color:var(--admin-ink)!important}.mini-list>a>div,.rank-row>div,.customer-row>div{min-width:0;flex:1}.mini-list strong,.rank-row strong,.customer-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.mini-list small,.rank-row small,.customer-row small{display:block;color:#98a2b3;font-size:9px;margin-top:3px}.stock-pill{font-size:9px;font-weight:900;background:#fff7ed;color:#c2410c;border-radius:999px;padding:5px 8px;white-space:nowrap}.stock-pill.danger{background:#fef2f2;color:#b91c1c}.rank-row i{font-style:normal;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#514bd8;font-size:9px;font-weight:900}.rank-row>span{font-size:10px;font-weight:800;color:#475467}.avatar{width:32px;height:32px;border-radius:10px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px}.customer-row time{font-size:9px;color:#98a2b3}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.status-distribution{display:grid;gap:13px}.distribution-label{display:flex;justify-content:space-between;font-size:10px;color:#667085;margin-bottom:5px}.distribution-label b{color:#344054}.progress{height:6px;background:#eef2f6;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#635bff,#8d86ff);border-radius:999px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions a{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid #edf0f4;border-radius:13px;color:#475467!important;background:#fbfcfd;font-size:10px;font-weight:800}.quick-actions a:hover{background:#fff;border-color:#d9deea;box-shadow:0 6px 18px rgba(20,31,51,.05)}.quick-actions b{font-size:16px;color:#514bd8}.admin .statgrid{grid-template-columns:repeat(4,1fr)}.admin .stat{background:#fff;color:var(--admin-ink);border:1px solid var(--admin-line);box-shadow:0 8px 24px rgba(20,31,51,.04)}.admin .table{border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(20,31,51,.04);border:1px solid var(--admin-line)}.admin .formgrid,.admin .crudbox,.adminsection,.admin .theme{box-shadow:0 8px 24px rgba(20,31,51,.04);border:1px solid var(--admin-line);border-radius:18px}.adminsection{background:#fff;color:var(--admin-ink)}.admin .muted{color:#7c879b}.admin input,.admin select,.admin textarea{border-color:#dfe4ec}.admin input:focus,.admin select:focus,.admin textarea:focus{outline:2px solid rgba(99,91,255,.16);border-color:#8b85ff}.admin .btn{border-radius:10px}.admin> .panel>h1,.admin .panel>h1{font-size:26px;letter-spacing:-.03em;margin-top:24px}
@media(max-width:1100px){.premium-statgrid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-grid-thirds{grid-template-columns:1fr 1fr}.adminnav a span{display:none}.adminnav a{font-size:15px;min-width:38px;text-align:center}.dashboard-hero{align-items:flex-start}}
@media(max-width:760px){.admin .panel{padding:0 14px 28px}.admin-topbar{height:68px}.adminnav{top:68px}.admin-brand small,.admin-store-link{display:none}.dashboard-hero{padding:24px;display:block}.dashboard-hero h1{font-size:23px}.hero-actions{margin-top:18px}.premium-statgrid,.dashboard-grid-thirds{grid-template-columns:1fr}.premium-stat{padding:16px}.sales-chart{height:170px}.quick-actions{grid-template-columns:1fr 1fr}.dashboard-card{padding:16px}.admin .statgrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.premium-statgrid,.admin .statgrid{grid-template-columns:1fr}.hero-actions{display:grid}.quick-actions{grid-template-columns:1fr}.admin-brand b{font-size:14px}}