@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--bg:#0b0d10;--surface:#111419;--surface-2:#171b21;--paper:#f7f5f0;--paper-2:#eeeae1;--ink:#17181b;--muted:#7e838d;--line:rgba(255,255,255,.09);--gold:#d8b66b;--gold-2:#9f7b35;--cream:#f6e8c2;--green:#4fd49b;--red:#ff716d;--amber:#f4b85f;--shadow:0 22px 60px rgba(0,0,0,.25);--radius:20px;--sidebar:244px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",system-ui,sans-serif;font-size:16px;background:var(--bg);color:#f4f1e9;min-height:100vh}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-body{background:radial-gradient(circle at 80% -10%,rgba(216,182,107,.12),transparent 32%),var(--bg)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0d0f12;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:15px;letter-spacing:.2em}.brand small{font-size:9px;letter-spacing:.37em;color:var(--gold);margin-top:6px}.aj-mark{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:inline-grid;place-items:center;color:var(--gold);font-family:"Playfair Display",serif;font-size:20px;box-shadow:inset 0 0 0 4px rgba(216,182,107,.05);flex:none}.nav-list{display:grid;gap:6px}.nav-list a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;color:#979ca6;font-size:14px;transition:.2s}.nav-list svg,.mobile-nav svg,.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-list a:hover,.nav-list a.active{background:rgba(216,182,107,.1);color:var(--cream)}.nav-list a.active{box-shadow:inset 2px 0 var(--gold)}.sidebar-foot{margin-top:auto;display:grid;gap:14px}.install-button{border:1px solid rgba(216,182,107,.35);color:var(--gold);background:rgba(216,182,107,.07);border-radius:12px;padding:11px 14px;cursor:pointer}.profile-chip{display:flex;align-items:center;gap:10px;min-width:0}.profile-chip>span:first-child,.profile-chip img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--gold);color:#17130b;display:grid;place-items:center;font-weight:700;flex:none}.profile-chip>span:last-child{display:grid;min-width:0}.profile-chip strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip small{font-size:11px;color:var(--muted);margin-top:2px}
.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:106px;border-bottom:1px solid var(--line);padding:20px 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(11,13,16,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:12}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:700}.topbar h1{font-family:"Playfair Display",serif;font-size:27px;margin:6px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.live-time{text-align:right;display:grid;margin-right:10px}.live-time span{font-variant-numeric:tabular-nums;font-weight:600}.live-time small{color:var(--muted);font-size:11px;margin-top:3px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:#b8bbc1}.page-content{padding:30px 34px 80px;max-width:1550px;margin:auto}.toast{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-size:14px}.toast.success{background:rgba(79,212,155,.12);border:1px solid rgba(79,212,155,.25);color:#a8f2d2}.toast.danger{background:rgba(255,113,109,.12);border:1px solid rgba(255,113,109,.25);color:#ffaaa7}
.button{min-height:44px;border-radius:12px;padding:0 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--gold);color:#17130b;box-shadow:0 9px 25px rgba(216,182,107,.17)}.button.secondary{border-color:rgba(216,182,107,.35);color:var(--gold);background:rgba(216,182,107,.06)}.button.ghost{border-color:var(--line);background:transparent;color:#d3d5d8}.button.whatsapp{background:#1e9d61;color:#fff}.button.danger{border-color:rgba(255,113,109,.3);background:rgba(255,113,109,.08);color:#ff8d89}.button.wide{width:100%}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.text-button{border:0;background:transparent;color:var(--gold);font-weight:700;padding:5px;cursor:pointer;font-size:13px}
.dashboard-lead{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.dashboard-lead h2{font-family:"Playfair Display",serif;font-size:38px;margin:14px 0 4px}.dashboard-lead p{color:var(--muted);margin:0}.status-pill{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#b6bbc3;text-transform:uppercase;letter-spacing:.12em}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;display:grid;min-height:148px}.metric-card>span{font-size:13px;color:#a2a6ae}.metric-card strong{font-family:"Playfair Display",serif;font-size:29px;align-self:end;color:#f5f2eb}.metric-card small{font-size:11px;color:var(--muted);margin-top:8px}.metric-card.featured{background:linear-gradient(145deg,#d8b66b,#9f7b35);color:#15120c}.metric-card.featured>span,.metric-card.featured small,.metric-card.featured strong{color:#15120c}.metric-card.warning{border-color:rgba(244,184,95,.32)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head h3,.bill-summary h3,.sticky-card h3,.compliance-card h3{font-family:"Playfair Display",serif;font-size:21px;margin:5px 0 0}.panel-head>a{color:var(--gold);font-size:12px;font-weight:700}.activity-list,.stock-list,.user-list{display:grid}.activity-list>a,.stock-list>div,.user-row{display:grid;align-items:center;border-top:1px solid var(--line);padding:14px 0}.activity-list>a{grid-template-columns:42px 1fr auto;gap:11px}.activity-icon{width:36px;height:36px;border:1px solid rgba(216,182,107,.23);color:var(--gold);border-radius:11px;display:grid;place-items:center;font-family:"Playfair Display",serif}.activity-list strong,.stock-list strong{font-size:14px}.activity-list small,.stock-list small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.activity-list .amount{text-align:right;font-size:14px;font-weight:700}.type{font-size:9px!important;letter-spacing:.1em;font-weight:700;border-radius:99px;padding:4px 7px;display:inline-block}.type.purchase{color:#8fdeb9;background:rgba(79,212,155,.09)}.type.sale{color:#e5c478;background:rgba(216,182,107,.1)}.type.issue{color:#9fc6ff;background:rgba(83,147,239,.1)}.stock-list>div{grid-template-columns:1fr auto}.stock-list b{color:var(--amber);font-size:14px}.empty-state{text-align:center;padding:45px 15px;color:var(--muted)}.empty-state strong{display:block;color:#e6e3dc}.empty-state p{font-size:14px}.empty-state a{color:var(--gold);font-weight:700;font-size:13px}.empty-state.compact{padding:25px 10px}
.action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.search-box{display:flex;gap:8px;max-width:560px;flex:1}.search-box input{flex:1}.search-box button{border:1px solid var(--line);background:var(--surface-2);color:#fff;border-radius:11px;padding:0 16px}.filter-box select{max-width:150px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 22px 0}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:850px}.responsive-table th{text-align:left;color:#888e98;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}.responsive-table td{padding:15px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.responsive-table td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.responsive-table tr:last-child td{border-bottom:0}.low-row{background:rgba(244,184,95,.035)}.article-cell{display:flex;align-items:center;gap:10px}.article-cell i{width:34px;height:34px;border-radius:10px;background:rgba(216,182,107,.09);color:var(--gold);font-style:normal;display:grid;place-items:center;font-size:10px;font-weight:700}.legend{font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:5px}.count-badge{background:rgba(216,182,107,.1);color:var(--gold);font-size:11px;padding:6px 9px;border-radius:99px}
input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:#0e1115;color:#f3f0e8;border-radius:11px;padding:11px 12px;outline:none;min-height:44px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(216,182,107,.7);box-shadow:0 0 0 3px rgba(216,182,107,.09)}label{display:grid;gap:7px;font-size:12px;color:#aeb2b9;font-weight:600}.field-help{font-size:10px;color:var(--muted);font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-stack{display:grid;gap:14px}.span-2{grid-column:span 2}.modal{width:min(720px,calc(100% - 28px));border:1px solid var(--line);border-radius:24px;background:var(--surface);color:#fff;padding:24px;box-shadow:0 35px 100px #000}.modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.modal-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{font-family:"Playfair Display",serif;margin:5px 0 0}.close-button{border:0;background:var(--surface-2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}
.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.billing-main{display:grid;gap:18px}.step-badge{width:35px;height:35px;border-radius:50%;border:1px solid rgba(216,182,107,.25);display:grid;place-items:center;color:var(--gold);font-size:10px}.line-panel{padding-left:0;padding-right:0}.line-panel .panel-head{padding:0 22px}.line-head,.line-item{display:grid;grid-template-columns:minmax(170px,1.8fr) .65fr .65fr .65fr .58fr .75fr .6fr .9fr 28px;gap:7px;align-items:center;padding:8px 18px}.line-head{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}.line-item{border-bottom:1px solid var(--line)}.line-item input,.line-item select{padding:8px;min-height:39px;font-size:12px}.line-item .line-amount{text-align:right;font-size:12px;font-weight:700}.remove-line{border:0;background:transparent;color:#737780;font-size:19px;cursor:pointer}.add-line{margin:14px 18px 2px;border:1px dashed rgba(216,182,107,.3);background:rgba(216,182,107,.04);color:var(--gold);height:42px;border-radius:11px;width:calc(100% - 36px);cursor:pointer;font-weight:700;font-size:12px}.bill-summary{position:sticky;top:124px}.summary-type{margin:18px 0;background:rgba(216,182,107,.08);color:var(--gold);border:1px solid rgba(216,182,107,.15);border-radius:10px;padding:10px;text-align:center;font-size:10px;letter-spacing:.13em}.summary-lines{display:grid}.summary-lines>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.summary-lines>div span{color:#a9adb5}.money-input{display:flex;align-items:center;background:#0e1115;border-radius:8px;padding-left:8px}.money-input input{border:0;min-height:34px;width:84px;padding:6px;text-align:right}.grand-total{display:grid;padding:20px 0}.grand-total span{font-size:12px;color:#a9adb5}.grand-total strong{font-family:"Playfair Display",serif;font-size:32px;color:var(--gold);margin:5px 0}.grand-total small{color:var(--muted);font-size:10px}.compliance-note{background:rgba(255,255,255,.03);border-left:2px solid var(--gold);padding:11px 13px;margin:17px 0}.compliance-note strong{font-size:11px;color:var(--gold)}.compliance-note p,.submit-note{font-size:10px;color:var(--muted);line-height:1.5;margin:5px 0 0}.submit-note{text-align:center;margin-top:10px}
.invoice-actions{margin-bottom:18px}.invoice-sheet{background:var(--paper);color:var(--ink);border-radius:5px;max-width:1040px;margin:auto;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}.invoice-brand{background:#17191d;color:#fff;padding:28px 34px;display:flex;justify-content:space-between;align-items:center}.invoice-brand>div:last-child{text-align:right;display:grid;gap:6px}.invoice-brand>div:last-child span{font-size:10px;letter-spacing:.16em;color:var(--gold)}.invoice-brand>div:last-child strong{font-size:18px}.invoice-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;padding:35px 34px 28px}.invoice-meta h2{font-family:"Playfair Display",serif;margin:7px 0 10px}.invoice-meta p{font-size:12px;color:#666;line-height:1.6;margin:3px 0}.invoice-meta>div:last-child{text-align:right}.invoice-table table{min-width:760px}.invoice-table th{background:#e8e2d6;color:#675e4d;border-color:#d6d0c4}.invoice-table td{border-color:#ddd7cb}.invoice-total{display:grid;grid-template-columns:1fr 330px;gap:40px;padding:28px 34px}.invoice-total>div p{font-size:12px;color:#555}.invoice-total>div small{font-size:9px;color:#888}.invoice-total dl{margin:0}.invoice-total dl>div{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.invoice-total .total{border-top:2px solid #1b1c1f;margin-top:5px;padding-top:14px;font-size:18px;font-weight:700}.invoice-footer{background:#ece7dc;padding:25px 34px;display:flex;justify-content:space-between;font-size:10px;color:#6c675e}.invoice-footer>div{display:grid;gap:4px}.invoice-footer>div:last-child{text-align:right}
.split-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.user-row{grid-template-columns:1fr auto}.user-row>div:last-child{display:flex;align-items:center;gap:10px}.access{font-size:10px;padding:5px 8px;border-radius:99px}.access.on{color:var(--green);background:rgba(79,212,155,.08)}.access.off{color:var(--red);background:rgba(255,113,109,.08)}.user-row form{display:inline}.sticky-card,.compliance-card{position:sticky;top:124px}.muted{font-size:13px;color:var(--muted);line-height:1.5}.profile-layout{display:grid;grid-template-columns:300px minmax(0,700px);gap:18px;justify-content:center}.profile-identity{text-align:center;padding:35px;background:linear-gradient(145deg,rgba(216,182,107,.14),rgba(216,182,107,.02));border:1px solid rgba(216,182,107,.16);border-radius:var(--radius)}.profile-identity>img,.profile-identity>div{width:112px;height:112px;border-radius:50%;object-fit:cover;margin:0 auto 18px;background:var(--gold);color:#1a160e;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:44px}.profile-identity h2{font-family:"Playfair Display",serif}.profile-identity p,.profile-identity small{color:var(--muted)}.logout-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.compliance-card ul{padding-left:19px;color:#b7bbc2;font-size:13px;line-height:1.8}.compliance-card p{color:var(--muted);font-size:12px;line-height:1.6}.error-page{min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.error-page h2{font-family:"Playfair Display",serif;font-size:34px;margin-bottom:0}.error-page p{color:var(--muted);max-width:460px}.hero-mark.small{width:80px;height:80px;font-size:30px}
.login-body{background:#090b0e;overflow-x:hidden}.login-stage{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(216,182,107,.12),transparent 32%),#0b0d10;display:grid;place-items:center}.hero-mark{width:190px;height:190px;border:1px solid rgba(216,182,107,.65);border-radius:50%;display:grid;place-items:center;font:700 74px "Playfair Display",serif;color:var(--gold);box-shadow:inset 0 0 0 12px rgba(216,182,107,.03),0 0 80px rgba(216,182,107,.08);z-index:2}.orbit{position:absolute;border:1px solid rgba(216,182,107,.12);border-radius:50%;animation:spin 24s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:50%;left:-4px;box-shadow:0 0 20px var(--gold)}.orbit-one{width:380px;height:380px}.orbit-two{width:560px;height:560px;animation-duration:35s;animation-direction:reverse}.login-copy{position:absolute;left:8%;bottom:8%;z-index:3}.login-copy span{font-size:10px;letter-spacing:.24em;color:var(--gold)}.login-copy h1{font:600 46px/1.08 "Playfair Display",serif;margin:12px 0}.login-copy p{color:#8b9099;font-size:13px}.login-panel{background:#111419;display:grid;place-items:center;align-content:center;padding:50px;position:relative}.login-form{width:min(370px,100%);display:grid;gap:18px}.login-form h2{font:600 34px "Playfair Display",serif;margin:2px 0 -12px}.login-form>p{color:var(--muted);font-size:13px;margin:0 0 6px}.login-note{position:absolute;bottom:28px;color:#696e77;font-size:10px}.mobile-brand{display:none}.mobile-install{margin-top:-7px}@keyframes spin{to{transform:rotate(360deg)}}
.mobile-nav{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.billing-layout{grid-template-columns:1fr}.bill-summary{position:static}.line-head{display:none}.line-item{grid-template-columns:2fr repeat(3,1fr);padding:14px 18px}.line-item>*:nth-child(n+5){grid-row:2}.line-item .remove-line{grid-row:1;grid-column:4}.split-layout,.settings-layout{grid-template-columns:1fr}.sticky-card,.compliance-card{position:static}.profile-layout{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){body{font-size:16px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:84px;padding:14px 18px}.topbar h1{font-size:23px}.live-time,.topbar-actions .icon-button:last-child{display:none}.page-content{padding:22px 15px 105px}.dashboard-lead{align-items:flex-start;gap:16px}.dashboard-lead h2{font-size:30px}.dashboard-lead .button{width:45px;font-size:0;padding:0}.dashboard-lead .button::first-letter{font-size:20px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:127px;padding:16px}.metric-card strong{font-size:22px;word-break:break-word}.dashboard-grid{grid-template-columns:1fr}.panel{padding:18px;border-radius:17px}.activity-list>a{grid-template-columns:38px 1fr}.activity-list .amount{grid-column:2;text-align:left}.action-row{align-items:stretch;flex-direction:column}.search-box{max-width:none}.button-row>.button{flex:1}.form-grid,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal{padding:18px}.line-item{grid-template-columns:1fr 1fr;gap:9px}.line-item>*{grid-row:auto!important;grid-column:auto!important}.line-item .article-input{grid-column:1/-1!important}.line-item .line-amount{font-size:15px}.bill-config,.bill-party{padding:18px}.bill-summary{border-color:rgba(216,182,107,.22)}.invoice-actions .button-row{display:grid;grid-template-columns:1fr 1fr}.invoice-sheet{border-radius:0;margin:0 -15px}.invoice-brand,.invoice-meta,.invoice-total,.invoice-footer{padding-left:20px;padding-right:20px}.invoice-meta{grid-template-columns:1fr}.invoice-meta>div:last-child{text-align:left}.invoice-total{grid-template-columns:1fr;gap:20px}.invoice-footer{gap:20px}.profile-layout{grid-template-columns:1fr}.profile-identity{padding:25px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:76px;padding:8px 7px max(8px,env(safe-area-inset-bottom));background:rgba(13,15,18,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:30}.mobile-nav a{display:grid;place-items:center;align-content:center;gap:4px;color:#7d828c;font-size:9px}.mobile-nav svg{width:20px;height:20px}.mobile-nav a.active{color:var(--gold)}.mobile-nav .create{color:#18140d;background:var(--gold);border-radius:50%;width:52px;height:52px;margin:-16px auto 0;box-shadow:0 8px 28px rgba(216,182,107,.3)}.mobile-nav .create span{color:var(--gold);position:absolute;bottom:5px}.mobile-nav .create svg{width:24px;height:24px}.login-stage{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:34px 24px}.mobile-brand{display:flex;align-items:center;gap:12px;position:absolute;top:28px;left:24px;font-size:12px;letter-spacing:.14em}.mobile-brand .aj-mark{width:38px;height:38px;font-size:16px}.login-form h2{font-size:31px}.login-note{bottom:18px}}
@media print{body{background:#fff}.sidebar,.topbar,.mobile-nav,.invoice-actions,.toast{display:none!important}.main-shell{margin:0}.page-content{padding:0}.invoice-sheet{box-shadow:none;max-width:none}.invoice-brand{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-table{overflow:visible}.invoice-table table{min-width:0}.invoice-table th,.invoice-table td{padding:9px 7px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Billing v2: voice, photos, QR verification and scanning */
.item-thumb,.invoice-item-photo{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid rgba(216,182,107,.25)}.photo-empty{font-size:10px;color:var(--muted)}
.voice-bar{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;background:linear-gradient(100deg,rgba(216,182,107,.16),rgba(216,182,107,.04));border:1px solid rgba(216,182,107,.22);border-radius:17px;padding:13px 16px;margin-bottom:18px}.voice-bar>div{display:flex;align-items:center;gap:11px}.voice-bar>div>span:last-child{display:grid}.voice-bar strong{font-size:13px}.voice-bar small{color:var(--muted);font-size:10px;margin-top:3px}.voice-orb{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(216,182,107,.13);color:var(--gold)}.voice-bar.listening .voice-orb{animation:voicePulse 1s infinite}.voice-button{background:#f4f0e6;color:#17130b}.voice-status{font-size:10px;color:var(--gold);min-width:70px;text-align:right}.voice-field,.article-voice-wrap{display:grid;grid-template-columns:1fr 42px;gap:6px}.voice-field button,.line-mic{border:1px solid rgba(216,182,107,.25);background:rgba(216,182,107,.08);color:var(--gold);border-radius:10px;cursor:pointer}.voice-field.textarea{align-items:start}.voice-field.textarea button{height:44px}
.line-photo-row{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:3px 0 7px}.line-photo-preview{width:45px;height:45px;object-fit:cover;border-radius:9px;border:1px solid rgba(216,182,107,.24)}.item-photo-button{display:inline-flex;align-items:center;width:auto;padding:8px 10px;border:1px dashed rgba(216,182,107,.3);border-radius:9px;color:var(--gold);cursor:pointer;font-size:10px}.item-photo-button input{position:absolute;opacity:0;width:1px!important;height:1px!important;min-height:1px!important}.line-photo-row>small{font-size:9px;color:var(--muted)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.payment-grid label:last-child{grid-column:1/-1}@keyframes voicePulse{50%{box-shadow:0 0 0 8px rgba(216,182,107,.08);transform:scale(1.05)}}
.invoice-qr{margin:0 34px 28px;border:1px solid #d8d0c0;background:#fff;display:grid;grid-template-columns:125px 1fr;gap:18px;align-items:center;padding:15px}.invoice-qr img{width:125px;height:125px}.invoice-qr h3{font-family:"Playfair Display",serif;margin:6px 0}.invoice-qr p{font-size:11px;color:#666;line-height:1.6}.invoice-qr small{font-size:8px;color:#888;word-break:break-all}
.scanner-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;max-width:1050px;margin:auto}.scanner-viewport{min-height:430px;background:#07090b;border-radius:17px;position:relative;display:grid;place-items:center;overflow:hidden}.scanner-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,rgba(216,182,107,.08),transparent 55%),#090b0e;z-index:2}.scanner-placeholder[hidden]{display:none}.scanner-placeholder svg{width:60px;height:60px;fill:none;stroke:var(--gold);stroke-width:1}.scanner-placeholder strong{margin-top:16px}.scanner-placeholder p,.manual-scan p,.scanner-status{font-size:12px;color:var(--muted)}#qr-reader{width:100%;border:0!important}#qr-reader video{width:100%!important;max-height:430px;object-fit:cover}#qr-reader__dashboard_section_swaplink,#qr-reader__dashboard_section_csr button{color:#111!important}.scanner-actions{display:flex;gap:10px;margin-top:15px}.manual-scan h3{font-family:"Playfair Display",serif}.manual-scan form{display:grid;gap:13px;margin-top:20px}
.verify-body{background:radial-gradient(circle at 90% 0,rgba(216,182,107,.12),transparent 30%),#0b0d10}.verify-shell{width:min(1080px,calc(100% - 30px));margin:0 auto;padding:28px 0 50px}.verify-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.verify-head .brand{padding:0}.verified-badge{font-size:10px;letter-spacing:.12em;color:var(--green);border:1px solid rgba(79,212,155,.25);padding:8px 10px;border-radius:99px}.verify-title{display:flex;justify-content:space-between;align-items:end;padding:40px 0 24px}.verify-title h1{font:600 38px "Playfair Display",serif;margin:7px 0}.verify-title p{color:var(--muted)}.verify-title>div:last-child{text-align:right;display:grid}.verify-title>div:last-child span,.verify-title>div:last-child small{font-size:10px;color:var(--muted)}.verify-title>div:last-child strong{font:600 34px "Playfair Display",serif;color:var(--gold)}.verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.verify-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;gap:7px}.verify-card span,.verify-card small{font-size:10px;color:var(--muted)}.verify-card strong{font-size:14px}.verify-card.total{background:var(--gold);color:#17130b}.verify-card.total span,.verify-card.total small{color:#51401e}.verify-card.total strong{font:600 23px "Playfair Display",serif}.verify-items{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.verify-item-grid{display:grid;gap:14px}.verify-item{display:grid;grid-template-columns:170px 1fr;gap:20px;background:#0d1014;border:1px solid var(--line);border-radius:15px;padding:13px}.verify-item>img,.verify-photo-empty{width:170px;height:150px;border-radius:11px;object-fit:cover}.verify-photo-empty{background:rgba(216,182,107,.05);display:grid;place-items:center;align-content:center;color:var(--gold)}.verify-photo-empty span{font:600 30px "Playfair Display",serif}.verify-photo-empty small{font-size:9px;color:var(--muted);margin-top:5px}.verify-item h2{font:600 21px "Playfair Display",serif;margin:5px 0 14px}.verify-item dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.verify-item dl div{display:grid;gap:4px}.verify-item dt{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.verify-item dd{margin:0;font-size:12px;font-weight:700}.verify-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:20px 5px}.verify-error{min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center}.verify-error h1{font-family:"Playfair Display",serif}.verify-error p{color:var(--muted)}
@media(max-width:1100px){.line-item>*:nth-child(n+5):not(.line-photo-row){grid-row:auto}.line-photo-row{grid-row:auto!important;grid-column:1/-1!important}.scanner-layout{grid-template-columns:1fr}.manual-scan{position:static}}
@media(max-width:760px){.voice-bar{grid-template-columns:1fr}.voice-status{text-align:left}.line-item .article-voice-wrap,.line-item .line-photo-row{grid-column:1/-1!important}.line-photo-row{flex-wrap:wrap}.invoice-qr{margin-left:20px;margin-right:20px;grid-template-columns:90px 1fr}.invoice-qr img{width:90px;height:90px}.scanner-viewport{min-height:350px}.verify-head{align-items:flex-start}.verified-badge{font-size:8px}.verify-title{align-items:flex-start}.verify-title h1{font-size:29px}.verify-title>div:last-child{display:none}.verify-grid{grid-template-columns:1fr}.verify-item{grid-template-columns:1fr}.verify-item>img,.verify-photo-empty{width:100%;height:220px}.verify-item dl{grid-template-columns:1fr 1fr}.verify-footer{display:grid;gap:7px}}
@media print{.invoice-qr{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-item-photo{width:32px;height:32px}}

/* User-selectable colour theme */
.theme-toggle{background:var(--surface);cursor:pointer;padding:0;color:inherit}.theme-toggle span{font-size:20px;line-height:1}.theme-moon{display:none}html[data-theme="light"] .theme-sun{display:none}html[data-theme="light"] .theme-moon{display:inline}.login-theme-toggle{position:absolute;right:28px;top:28px;z-index:5}.verify-head-actions{display:flex;align-items:center;gap:10px}
body,.sidebar,.topbar,.panel,.metric-card,input,select,textarea,.mobile-nav,.login-panel,.login-art,.verify-card,.verify-items,.verify-item,.modal,.icon-button{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
html[data-theme="light"]{color-scheme:light;--bg:#f4f1eb;--surface:#ffffff;--surface-2:#f0ece4;--paper:#fffdfa;--paper-2:#f2ede4;--ink:#17181b;--muted:#626873;--line:rgba(37,31,21,.13);--gold:#986a12;--gold-2:#c1953d;--cream:#61430b;--green:#137750;--red:#b83d3a;--amber:#9b620b;--shadow:0 18px 50px rgba(55,42,18,.09)}
html[data-theme="light"] body{background:var(--bg);color:#20252d}
html[data-theme="light"] .app-body{background:radial-gradient(circle at 80% -10%,rgba(193,149,61,.15),transparent 32%),var(--bg)}
html[data-theme="light"] .sidebar{background:#fffdf9}
html[data-theme="light"] .brand strong,html[data-theme="light"] .profile-chip strong,html[data-theme="light"] .topbar h1{color:#20252d}
html[data-theme="light"] .nav-list a{color:#626873}
html[data-theme="light"] .nav-list a:hover,html[data-theme="light"] .nav-list a.active{background:rgba(152,106,18,.1);color:#60420a}
html[data-theme="light"] .topbar{background:rgba(250,248,243,.9)}
html[data-theme="light"] .icon-button{color:#454b55;background:#fff}
html[data-theme="light"] .install-button{background:rgba(152,106,18,.07);border-color:rgba(152,106,18,.35)}
html[data-theme="light"] .button.ghost{color:#343a44}
html[data-theme="light"] .button.secondary{background:rgba(152,106,18,.07);border-color:rgba(152,106,18,.32)}
html[data-theme="light"] .button.danger{color:#9c2926;background:rgba(184,61,58,.08)}
html[data-theme="light"] .toast.success{color:#12623f;background:rgba(19,119,80,.1);border-color:rgba(19,119,80,.24)}
html[data-theme="light"] .toast.danger{color:#9c2926;background:rgba(184,61,58,.09);border-color:rgba(184,61,58,.22)}
html[data-theme="light"] .status-pill{color:#545b65}
html[data-theme="light"] .metric-card>span{color:#565e69}
html[data-theme="light"] .metric-card strong{color:#20252d}
html[data-theme="light"] .metric-card.featured,html[data-theme="light"] .metric-card.featured>span,html[data-theme="light"] .metric-card.featured small,html[data-theme="light"] .metric-card.featured strong{color:#17130b}
html[data-theme="light"] .empty-state strong{color:#282d35}
html[data-theme="light"] .type.purchase{color:#12623f;background:rgba(19,119,80,.1)}
html[data-theme="light"] .type.sale{color:#76500b;background:rgba(152,106,18,.1)}
html[data-theme="light"] .type.issue{color:#285e9b;background:rgba(40,94,155,.1)}
html[data-theme="light"] .search-box button{background:#ede8df;color:#262b32}
html[data-theme="light"] .responsive-table th{color:#59606a}
html[data-theme="light"] .responsive-table td{color:#252a32}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;color:#20252d;border-color:rgba(37,31,21,.18)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#7a8089;opacity:1}
html[data-theme="light"] label{color:#4f5660}
html[data-theme="light"] .modal{color:#20252d}
html[data-theme="light"] .close-button{background:#e9e4dc;color:#303640}
html[data-theme="light"] .remove-line{color:#606873}
html[data-theme="light"] .summary-lines>div span,html[data-theme="light"] .grand-total span{color:#555d68}
html[data-theme="light"] .money-input{background:#fff;border:1px solid rgba(37,31,21,.16)}
html[data-theme="light"] .compliance-note{background:rgba(152,106,18,.06)}
html[data-theme="light"] .compliance-card ul{color:#4e5660}
html[data-theme="light"] .voice-button{background:#2a251c;color:#fff}
html[data-theme="light"] .login-body{background:#eee9df}
html[data-theme="light"] .login-art{background:radial-gradient(circle at 50% 45%,rgba(152,106,18,.14),transparent 34%),#f3eee5}
html[data-theme="light"] .login-panel{background:#fffdf9}
html[data-theme="light"] .login-copy h1,html[data-theme="light"] .login-form h2,html[data-theme="light"] .mobile-brand{color:#20252d}
html[data-theme="light"] .login-copy p,html[data-theme="light"] .login-note{color:#5f6670}
html[data-theme="light"] .orbit{border-color:rgba(152,106,18,.18)}
html[data-theme="light"] .mobile-nav{background:rgba(255,253,249,.96)}
html[data-theme="light"] .mobile-nav a{color:#626873}
html[data-theme="light"] .mobile-nav .create{color:#18140d}
html[data-theme="light"] .verify-body{background:radial-gradient(circle at 90% 0,rgba(152,106,18,.13),transparent 30%),var(--bg)}
html[data-theme="light"] .verify-item{background:#faf8f3}
html[data-theme="light"] .scanner-viewport,html[data-theme="light"] .scanner-placeholder{background:#eee9df}
html[data-theme="light"] .scanner-placeholder{background:radial-gradient(circle,rgba(152,106,18,.1),transparent 55%),#eee9df}
html[data-theme="light"] .verified-badge{color:#12623f;border-color:rgba(19,119,80,.26)}
@media(max-width:760px){.login-theme-toggle{right:20px;top:27px}.verify-head-actions{align-items:flex-end;flex-direction:column}.verify-head-actions .theme-toggle{width:36px;height:36px}.verify-head .verified-badge{white-space:nowrap}}
@media print{.theme-toggle{display:none!important}}