:root{--bg:#07111d;--panel:#0c1b2b;--panel2:#10243a;--line:#1c4269;--text:#f5f8fb;--muted:#8fa7bd;--green:#1db954;--blue:#2b7fff;--purple:#7a42d8;--amber:#f1a21b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#050b12,#07111d 55%,#06101b);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;gap:14px;padding:14px}.topbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(12,27,43,.94)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;margin-bottom:0}.eyebrow{font-size:12px;letter-spacing:.08em;color:#70c3ff;text-transform:uppercase}.status-wrap{display:flex;gap:8px;flex-wrap:wrap}.status{padding:8px 12px;border-radius:999px;font-size:12px;border:1px solid var(--line)}.secure,.online{background:rgba(29,185,84,.12);color:#74ff9e;border-color:#236c3f}.sidebar,.panel{background:rgba(12,27,43,.94);border:1px solid var(--line);border-radius:16px}.sidebar{padding:16px;align-self:start;position:sticky;top:14px}.sidebar nav{display:grid;gap:8px}.nav-item,.quick-actions button,.payment-methods button,#addDemo{background:#10243a;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px;cursor:pointer}.nav-item{text-align:left}.nav-item.active{border-color:#2b7fff;background:#12345a}.dna-card{margin-top:18px;padding:14px;border-radius:12px;background:#091522;border:1px solid #1b3858}.dna-card ul{padding-left:18px;color:#b8ccdd}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr) minmax(280px,.9fr);gap:14px;align-content:start}.panel{padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.pos-panel{grid-column:1}.payment-panel{grid-column:2}.dirlain-panel{grid-column:3}.dashboard-panel{grid-column:1/3}.audit-panel{grid-column:3}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0}.search-row input,.dirlain-panel input{width:100%;background:#071523;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.cart-table{display:grid;gap:8px}.cart-row{display:grid;grid-template-columns:1fr 90px 90px 90px;gap:8px;align-items:center;padding:11px;border:1px solid #163553;border-radius:10px;background:#091827}.cart-row small{color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #17334f}.summary-row.total{font-size:20px;border-bottom:0;padding-top:14px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.payment-methods .selected{background:#113f25;border-color:#2f9150}.pay-button{width:100%;border:0;border-radius:12px;background:linear-gradient(180deg,#25c45a,#15923d);color:white;font-weight:800;font-size:16px;padding:15px;cursor:pointer}.guard-note{font-size:12px;color:var(--muted);margin:12px 0 0}.chat{display:grid;gap:10px;margin-bottom:12px}.bubble{padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4}.bubble.ai{background:#123860}.bubble.user{background:#0f5d37;margin-left:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics article{background:#091827;border:1px solid #183a5c;border-radius:12px;padding:14px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:23px;margin:6px 0}.metrics small{color:#5ded82}.audit-list{display:grid;gap:7px}.audit-list div{display:grid;grid-template-columns:50px 75px 1fr 40px;gap:8px;padding:8px;background:#091827;border-radius:8px;font-size:12px}.audit-list em{color:#5ded82;font-style:normal}.cashier{font-size:12px;color:var(--muted)}@media(max-width:1200px){.workspace{grid-template-columns:1fr 1fr}.pos-panel{grid-column:1/-1}.dirlain-panel{grid-column:2}.dashboard-panel{grid-column:1/-1}.audit-panel{grid-column:1/-1}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.topbar{grid-column:1}.sidebar{position:static}.workspace{grid-template-columns:1fr}.panel,.pos-panel,.payment-panel,.dirlain-panel,.dashboard-panel,.audit-panel{grid-column:1}.quick-actions,.metrics{grid-template-columns:1fr 1fr}.search-row{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:14px;flex-direction:column}.cart-row{grid-template-columns:1fr 70px 75px}}