:root{--bg:#111827;--panel:#1f2937;--panel2:#0f172a;--text:#f9fafb;--muted:#cbd5e1;--accent:#f59e0b;--danger:#ef4444;--success:#10b981;--warn:#fbbf24}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#fde68a;text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#000;position:sticky;top:0}.brand{font-weight:700;font-size:22px}.container{max-width:1200px;margin:20px auto;padding:0 16px}.flash{padding:10px 12px;border-radius:10px;margin:12px 0}.flash.success{background:#064e3b}.flash.error{background:#7f1d1d}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border-radius:18px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.25)}.card h2,.card h3{margin-top:0}.stats{font-size:28px;font-weight:700}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #334155;text-align:left}input,select,textarea,button{width:100%;padding:10px;border-radius:10px;border:1px solid #475569;background:#fff;color:#111}button,.btn{display:inline-block;width:auto;background:var(--accent);color:#111;font-weight:700;border:none;padding:10px 14px;cursor:pointer}button.secondary,.btn.secondary{background:#334155;color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.success{background:var(--success)}.btn.warn{background:var(--warn);color:#111}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#334155}.status-paid{color:#86efac}.status-partial{color:#fde68a}.status-debt,.status-cancelled{color:#fca5a5}.status-open{color:#93c5fd}.pos-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.product-btn{background:#1e293b;color:#fff;border:1px solid #475569;border-radius:16px;padding:14px;min-height:90px}.right{text-align:right}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline>*{flex:1}.small{font-size:13px}.badge{padding:4px 8px;border-radius:10px;background:#0f172a}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.hidden{display:none}@media (max-width:900px){.pos-layout{grid-template-columns:1fr}.topbar{flex-direction:column;gap:8px;align-items:flex-start}}

.menu-toggle{display:none;background:#334155;color:#fff}.main-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quick-add{border:1px solid #334155;border-radius:16px;padding:12px;margin-bottom:12px;background:#0f172a}.selected-product{padding:10px;border-radius:10px;background:#111827;border:1px solid #334155;margin:10px 0}.product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:420px;overflow:auto;padding-right:4px}.product-btn{padding:0;min-height:auto}.product-pick{width:100%;height:100%;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:#1e293b;color:#fff;border:1px solid #475569;border-radius:16px;padding:12px}.product-pick span{font-size:12px;color:var(--muted)}.product-pick em{font-style:normal;color:#fde68a}.quick-add-submit button{width:100%}@media (max-width:900px){.menu-toggle{display:block}.main-nav{display:none;width:100%;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:10px;border-radius:10px;background:#111827}.product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}

.autocomplete-list{display:grid;gap:6px;max-height:260px;overflow:auto;margin:8px 0;padding-right:4px}.autocomplete-option{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;background:#0f172a;color:#fff;border:1px solid #334155}.autocomplete-option span{font-size:12px;color:var(--muted)}.autocomplete-option.selected{outline:2px solid var(--accent)}.modifier-box{margin:10px 0;padding:10px;border:1px solid #334155;border-radius:12px;background:#111827}.modifier-option{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #334155}.modifier-option:last-child{border-bottom:0}.modifier-option input{width:auto}.content-image{max-width:100%;height:auto;border-radius:14px;margin:8px 0 12px;display:block}
@media (max-width:900px){.autocomplete-list{max-height:340px}.product-pick{min-height:74px;font-size:15px}.quick-add{position:sticky;top:64px;z-index:5}}

.admin-thumb{width:80px;height:56px;object-fit:cover;border-radius:8px;display:block}.admin-thumb-list{display:flex;gap:6px;flex-wrap:wrap;max-width:220px}.news-list{display:grid;gap:14px}.news-card-link{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;background:#1f2937;border-radius:16px;padding:12px;border:1px solid #334155}.news-card-link:hover{text-decoration:none;border-color:var(--accent)}.news-mini-img{width:92px;height:68px;object-fit:cover;border-radius:12px;background:#0f172a}.news-card-link h3{margin:0 0 4px}.news-card-link p{margin:0}.article-hero{width:100%;max-height:420px;object-fit:cover;border-radius:18px;margin:10px 0 16px}.article-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}.article-gallery img{width:100%;height:140px;object-fit:cover;border-radius:14px}.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.blog-editor-hint{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:10px;margin:8px 0}.blog-editor-hint code{color:#fde68a}.admin-preview-box img{max-width:100%;max-height:160px;object-fit:cover;border-radius:12px}
@media (max-width:600px){.news-card-link{grid-template-columns:72px 1fr}.news-mini-img{width:72px;height:58px}.article-gallery img{height:120px}}