/* Cyber Neon v6 — visual-only skin. All business logic and Firestore schema remain V5.1-compatible. */
html[data-skin="cyber"]{color-scheme:dark;--c-bg:#070d1b;--c-panel:#111c34;--c-panel2:#15223c;--c-line:#2b4263;--c-ink:#eff7ff;--c-muted:#acbfd8;--c-cyan:#67eaf4;--c-violet:#a79aff;--c-lime:#6fe2b6;--c-danger:#ff9eae;--c-glow:rgba(41,205,240,.15);--ink:#eff7ff;--muted:#acbfd8;--line:#2b4263;--accent:#67eaf4;--navy:#0d1930;--bg:#070d1b}
html[data-skin="cyber"] body{background:radial-gradient(ellipse 75% 35% at 52% -5%,#283365 0%,transparent 100%),radial-gradient(ellipse 66% 29% at 98% 40%,#112c4b 0%,transparent 100%),#070d1b;color:var(--c-ink);min-height:100vh;isolation:isolate}
html[data-skin="cyber"] body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#5178ac22 1px,transparent 1px),linear-gradient(90deg,#5178ac22 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#0006,transparent 78%)}
html[data-skin="cyber"] ::selection{background:#287f9b;color:#fff}
html[data-skin="cyber"] .appwrap{max-width:1210px;padding-top:18px}
html[data-skin="cyber"] .topbar{border:1px solid #3647689c;background:linear-gradient(110deg,rgba(17,28,52,.9),rgba(10,21,39,.86));padding:13px 17px;border-radius:23px;box-shadow:0 12px 34px #02081744,0 0 29px #5277b612;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin-bottom:25px}
html[data-skin="cyber"] .brandicon{border-radius:17px;background:linear-gradient(145deg,#28365b,#172643);box-shadow:inset 0 0 0 1px #4b5d8790,0 0 19px #6cebf327;font-size:27px}
html[data-skin="cyber"] .brand strong{font-weight:850;letter-spacing:-.4px;color:#f9fcff}
html[data-skin="cyber"] .brand small{color:#a3b5d1}
html[data-skin="cyber"] .syncBadge{background:#192d39;color:#8dffd5;border:1px solid #39675e;position:relative;display:inline-flex;align-items:center;gap:7px}
html[data-skin="cyber"] .syncBadge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#8dffd5;box-shadow:0 0 8px #5efac5;flex:none}
html[data-skin="cyber"] .syncBadge.error{background:#372432;color:#ffc7c9;border-color:#885566}
html[data-skin="cyber"] .syncBadge.error:before{background:#ff9eae;box-shadow:none}
html[data-skin="cyber"] .textButton{color:#bcc8dc;text-decoration:none}
html[data-skin="cyber"] .themeToggle{background:#172948;color:#b8f9ff;border:1px solid #466886;border-radius:11px;padding:10px 12px;font-weight:750;min-height:44px;font-size:12px;white-space:nowrap}
html[data-skin="cyber"] .themeToggle:active{transform:scale(.97)}
html[data-skin="cyber"] .btn,html[data-skin="cyber"] .rowactions button{background:#192b47;color:#eaf7ff;border:1px solid #476188;border-radius:12px;min-height:44px;transition:transform .16s ease,box-shadow .22s ease,border-color .2s ease}
html[data-skin="cyber"] .btn:active,html[data-skin="cyber"] .rowactions button:active{transform:scale(.97)}
html[data-skin="cyber"] .btn.primary,html[data-skin="cyber"] .btn.accent{color:#071320;border-color:#6de5f0;background:linear-gradient(115deg,#69eef4,#8eb7ff);box-shadow:0 6px 19px #2ce4ef28}
html[data-skin="cyber"] .btn.accent{background:linear-gradient(115deg,#a99aff,#62e8ef);border-color:#9d9aff}
html[data-skin="cyber"] .btn.outline{color:#d7e7ff;background:#172643;border-color:#3b567d}
html[data-skin="cyber"] .btn.danger,html[data-skin="cyber"] .rowactions .danger-outline{color:#ffd4da;background:#352132;border-color:#a75270}
html[data-skin="cyber"] .btn:disabled{filter:saturate(.35)}
html[data-skin="cyber"] button:focus-visible,html[data-skin="cyber"] input:focus-visible,html[data-skin="cyber"] select:focus-visible,html[data-skin="cyber"] textarea:focus-visible{outline:3px solid #81ecff;outline-offset:3px}
html[data-skin="cyber"] .quickApp{max-width:750px}
html[data-skin="cyber"] .quickHead{border-radius:28px;position:relative;overflow:hidden;padding:25px 24px 27px;background:radial-gradient(circle at 15% 8%,#35488d7d,transparent 48%),linear-gradient(136deg,#172646,#0c1932 68%,#122443);border:1px solid #5d73a45c;box-shadow:0 14px 40px #0307187d,0 0 40px #554cae24}
html[data-skin="cyber"] .quickHead:before{content:"";position:absolute;width:230px;height:230px;top:-137px;left:-65px;border:1px solid #9d9cff3d;border-radius:50%;box-shadow:0 0 0 30px #688fed09,0 0 0 63px #688fed06;pointer-events:none}
html[data-skin="cyber"] .quickHead:after{content:"";position:absolute;bottom:0;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,#5bdbed,#957bff,transparent);box-shadow:0 0 18px #70eaff;pointer-events:none}
html[data-skin="cyber"] .quickHello{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;color:#b9c8e5;font-size:11px;font-weight:650;letter-spacing:.1px}
html[data-skin="cyber"] .cyberModeLabel{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:20px;background:#61ddea15;border:1px solid #62d9e869;color:#aaf7ff;font-size:11px;letter-spacing:.5px;direction:ltr;white-space:nowrap}
html[data-skin="cyber"] .cyberModeLabel b{border-left:1px solid #65edfc70;padding-left:7px;font-weight:800;color:white}
html[data-skin="cyber"] .cyberModeLabel i{width:7px;height:7px;background:#68e9b6;box-shadow:0 0 10px #68e9b6;border-radius:50%}
html[data-skin="cyber"] .quickHead h1{color:#f8fbff;font-size:clamp(23px,5.3vw,34px);margin:20px 0 25px;font-weight:880}
html[data-skin="cyber"] .quickBalance{padding-top:19px;border-top:1px solid #95b6de33;position:relative}
html[data-skin="cyber"] .quickBalance span{color:#b9c9e0;font-size:12px}
html[data-skin="cyber"] .quickBalance strong{font-variant-numeric:tabular-nums;color:#8df8fa;text-shadow:0 0 25px #5acaf748;letter-spacing:-1px}
html[data-skin="cyber"] .quickBalanceSide{border-right:1px solid #91b4e247;padding-right:17px}
html[data-skin="cyber"] .quickBalanceSide strong{color:#f2f5ff;text-shadow:none}
html[data-skin="cyber"] .moneyUpdated{animation:moneySpark .52s ease-out}
@keyframes moneySpark{0%{opacity:.5;filter:blur(3px);transform:translateY(3px) scale(.97)}65%{filter:blur(0);transform:translateY(0) scale(1.035)}100%{opacity:1;transform:scale(1)}}
html[data-skin="cyber"] .quickShortcuts{gap:10px;margin:14px 0 18px}
html[data-skin="cyber"] .quickShortcut{position:relative;overflow:hidden;min-height:76px;border-radius:19px;font-size:17px;font-weight:850;box-shadow:0 6px 19px #0005;transition:transform .16s ease,box-shadow .18s ease}
html[data-skin="cyber"] .quickShortcut:active{transform:scale(.97)}
html[data-skin="cyber"] .quickShortcut span{font-size:29px;filter:drop-shadow(0 0 7px #ffffff30)}
html[data-skin="cyber"] .quickAdd{color:#071827;background:linear-gradient(130deg,#7eeaf2,#57b4ef);border:1px solid #b2fcff70}
html[data-skin="cyber"] .quickVoice{color:#e9f2ff;background:linear-gradient(135deg,#272d63,#191f48);border:1px solid #7373c28c}
html[data-skin="cyber"] .quickShortcuts .quickCalculator{background:linear-gradient(125deg,#19384c,#15264b);color:#b8efff;border:1px solid #447f9a;box-shadow:inset 0 1px 0 #ffffff0c,0 7px 24px #0003}
html[data-skin="cyber"] .quickSearchField{background:#121f38;border:1px solid #38567b;border-radius:17px;box-shadow:inset 0 1px 0 #ffffff08,0 9px 25px #040b1c30}
html[data-skin="cyber"] .quickSearchField>span{color:#73dfea}
html[data-skin="cyber"] .quickSearchField input{color:#f4faff}
html[data-skin="cyber"] input::placeholder,html[data-skin="cyber"] textarea::placeholder{color:#879ebc;opacity:1}
html[data-skin="cyber"] .quickSection{margin:26px 0}
html[data-skin="cyber"] .quickSectionHead h2{color:#f7fbff;font-size:19px}
html[data-skin="cyber"] .quickSectionHead small,html[data-skin="cyber"] .quickCountLabel{color:#a4b8d4}
html[data-skin="cyber"] .quickCustomer{background:linear-gradient(130deg,#14233e 0%,#101d34 100%);border:1px solid #314f73;border-radius:20px;box-shadow:0 9px 25px #0208195e,inset 0 1px 0 #ffffff07;padding:14px 14px 13px;transition:border-color .18s ease,transform .18s ease}
html[data-skin="cyber"] .quickCustomer:focus-within{border-color:#6bcbef}
html[data-skin="cyber"] .quickStar{background:#233753;color:#b2bdd4;border:1px solid #3b5474;min-width:40px;height:42px}
html[data-skin="cyber"] .quickStar.isFavorite{color:#ffe6a7;background:#56452155;border-color:#866d39;text-shadow:0 0 10px #ffe7a05a}
html[data-skin="cyber"] .quickIdentity{color:#f7faff}
html[data-skin="cyber"] .quickAvatar{background:linear-gradient(130deg,#314a76,#2b2b66);border:1px solid #6575bc66;color:#d9efff}
html[data-skin="cyber"] .quickCustomerName{color:#f4f7ff}
html[data-skin="cyber"] .quickCustomerName small{color:#a7bbd5}
html[data-skin="cyber"] .quickAmount{color:#ffcfab;font-variant-numeric:tabular-nums}
html[data-skin="cyber"] .quickAmount.settled{color:#85f5c5}
html[data-skin="cyber"] .quickCustomerActions button{min-height:49px;border:1px solid transparent;border-radius:12px;font-weight:820;transition:transform .15s ease}
html[data-skin="cyber"] .quickCustomerActions button:active{transform:scale(.96)}
html[data-skin="cyber"] .qDebt{background:#583b3b8c;color:#ffd5b0;border-color:#86614b!important}
html[data-skin="cyber"] .qPayment{background:#174c4688;color:#b5f8de;border-color:#327368!important}
html[data-skin="cyber"] .qAll{background:#27396b96;color:#d5d8ff;border-color:#575fa6!important}
html[data-skin="cyber"] .quickFavoriteCard .quickCustomerActions button{min-height:42px}
html[data-skin="cyber"] .quickUndo{background:#121e36;color:#b9cce4;border:1px dashed #3f6484;border-radius:16px}
html[data-skin="cyber"] .quickHint{color:#9eafca}
html[data-skin="cyber"] .quickOffline,html[data-skin="cyber"] .notice{background:#3c2930;color:#ffcfbc;border:1px solid #925865}
html[data-skin="cyber"] .quickBottom{background:#0b1730ee;border-top:1px solid #355775;box-shadow:0 -10px 25px #03091aba;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html[data-skin="cyber"] .quickBottom button{color:#a9bbd4;border-radius:14px;min-height:56px}
html[data-skin="cyber"] .quickBottom button.current{color:#8af4ff;background:#73e5ee12}
html[data-skin="cyber"] .quickBottom button span{color:inherit}
html[data-skin="cyber"] .hero{border:1px solid #365279;background:linear-gradient(128deg,#1c2c4f,#111e36);padding:24px;border-radius:22px;box-shadow:0 11px 33px #03071980}
html[data-skin="cyber"] .hero h1{color:#f7fcff;font-weight:900}
html[data-skin="cyber"] .hero p{color:#aabed9}
html[data-skin="cyber"] .eyebrow{color:#82edff}
html[data-skin="cyber"] .metric,html[data-skin="cyber"] .panel{background:#101d35;border:1px solid #345073;color:#f1f8ff;box-shadow:0 11px 32px #0307184d}
html[data-skin="cyber"] .metric strong{color:#effcff}
html[data-skin="cyber"] .metric span,html[data-skin="cyber"] .metric small{color:#afc0d7}
html[data-skin="cyber"] .heroMetric{background:linear-gradient(135deg,#163f50,#16264c);border:1px solid #58bcde5c}
html[data-skin="cyber"] .heroMetric strong{color:#83f8ff}
html[data-skin="cyber"] .paneltop p,html[data-skin="cyber"] .foot{color:#a9b7cc}
html[data-skin="cyber"] .paneltop h2,html[data-skin="cyber"] .customer b{color:#f3f8ff}
html[data-skin="cyber"] .paneltop h2 span{color:#9db0d0}
html[data-skin="cyber"] .panelactions input,html[data-skin="cyber"] .stack input,html[data-skin="cyber"] .forminput,html[data-skin="cyber"] .form textarea{background:#0d1a32;border:1px solid #395a80;color:#f1faff;border-radius:12px}
html[data-skin="cyber"] input,html[data-skin="cyber"] textarea,html[data-skin="cyber"] select{accent-color:#5ce8ed}
html[data-skin="cyber"] .chip{background:#1b2d4c;color:#b1c6e0;border:1px solid #3c5476}
html[data-skin="cyber"] .chip.selected{background:#1a435b;color:#a1efff;border-color:#3e9bba}
html[data-skin="cyber"] .tableHeader{color:#aabbd7;border-bottom-color:#385074}
html[data-skin="cyber"] .customer{border-bottom-color:#2b4463}
html[data-skin="cyber"] .customer small{color:#a9bed7}
html[data-skin="cyber"] .avatar{background:#25395f;color:#a9eeff}
html[data-skin="cyber"] .amount{color:#f9e5ce}
html[data-skin="cyber"] .amount.zero{color:#8ef0bf}
html[data-skin="cyber"] .rowactions button.pay{color:#a7f7cc;background:#214938;border-color:#386f55}
html[data-skin="cyber"] .gate{background:linear-gradient(135deg,#15233f,#0e1b35);border:1px solid #375474;color:#f4faff;box-shadow:0 18px 55px #03081690}
html[data-skin="cyber"] .gate p,html[data-skin="cyber"] .gate .hint{color:#b0bfd9}
html[data-skin="cyber"] .info{background:#233653;color:#d3e3f6}
html[data-skin="cyber"] .dialogWrap{background:#020a19c9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html[data-skin="cyber"] .dialog{background:linear-gradient(155deg,#182540,#101c33);color:#f4faff;border:1px solid #45618a;box-shadow:0 25px 80px #000b,0 0 34px #4cd1e311}
html[data-skin="cyber"] .dialoghead h2{color:#f8fbff}
html[data-skin="cyber"] .close{background:#294063;color:#eaf5ff}
html[data-skin="cyber"] .context,html[data-skin="cyber"] .qModalCustomer,html[data-skin="cyber"] .detailbalance{background:linear-gradient(128deg,#1b3450,#17213e);border:1px solid #416183;color:#edf8ff}
html[data-skin="cyber"] .detailbalance strong{color:#91f4fb}
html[data-skin="cyber"] .detailbalance span{color:#c4d8ef}
html[data-skin="cyber"] .detailMeta,html[data-skin="cyber"] .help{color:#aabdce}
html[data-skin="cyber"] .line,html[data-skin="cyber"] .entry{border-color:#345075}
html[data-skin="cyber"] .entry small{color:#9fb3d2}
html[data-skin="cyber"] .entry .number.paid{color:#8df4c5}
html[data-skin="cyber"] .adminIntro,html[data-skin="cyber"] .adminSection,html[data-skin="cyber"] .adminStat{color:#e9f3ff}
html[data-skin="cyber"] .adminStat{background:#1b304d;border-color:#395477}
html[data-skin="cyber"] .adminSection{border-color:#344e6d}
html[data-skin="cyber"] .adminUser{color:#a9c7e3}
html[data-skin="cyber"] .themeOption{color:#b7c8e1;background:#152540;border:2px solid #3e5776}
html[data-skin="cyber"] .themeOption:has(input:checked){background:#1d3c4f;border-color:#65eaf4;color:#d5fcff}
html[data-skin="cyber"] .calcIntro,html[data-skin="cyber"] .voiceQuote{background:#1b304f;color:#d5e4f6;border:1px solid #405b82}
html[data-skin="cyber"] .calcScreen{background:radial-gradient(circle at 6% 9%,#245071,transparent 65%),linear-gradient(135deg,#1a2a4c,#0c1730);border:1px solid #4d84a8;box-shadow:0 13px 31px #0006}
html[data-skin="cyber"] .calcLabel,html[data-skin="cyber"] .calcResult span,html[data-skin="cyber"] .calcError{color:#bcd6ee}
html[data-skin="cyber"] .calcExpression{background:#0c1e37;color:#e9fbff;border:1px solid #5e92b4}
html[data-skin="cyber"] .calcResult strong{color:#81f7ff;text-shadow:0 0 15px #59c9f550}
html[data-skin="cyber"] .calcKey{background:#1e3252;color:#e8f6ff;border:1px solid #3d5c83;box-shadow:inset 0 1px 0 #ffffff16;min-height:60px}
html[data-skin="cyber"] .calcKey:active{background:#244968}
html[data-skin="cyber"] .calcOperator{background:#21425d;color:#8aedff;border-color:#377d9b}
html[data-skin="cyber"] .calcClear{background:#47283d;color:#ffd4d8;border-color:#835269}
html[data-skin="cyber"] .calcCustomerLabel{color:#dcecff}
html[data-skin="cyber"] .calcSelect{color:#f3fbff;background:#142742;border-color:#457297}
html[data-skin="cyber"] .calcConfirmation{color:#c4f7d6;background:#1c413e;border:1px solid #346f60}
html[data-skin="cyber"] .calcFoot{color:#abc4df}
html[data-skin="cyber"] .calcFromDebt{background:#173c57;color:#b2f4ff;border-color:#3e7793}
html[data-skin="cyber"] .quickPresets button{background:#213858;color:#c8ebff;border-color:#46678b}
html[data-skin="cyber"] .toast{background:#1b3a4d;border:1px solid #69d5e8;color:#edfcff;box-shadow:0 13px 35px #0009}
html[data-skin="cyber"] .dialogWrap.customerDetailOpen .dialoghead{background:#17243e;border-bottom:1px solid #446080;box-shadow:0 5px 15px #070f24d1}
html[data-skin="cyber"] .detailHeaderDelete,html[data-skin="cyber"] .customerDeleteShortcut .btn{background:#482633;color:#ffd7dd;border-color:#b45f75}
html[data-skin="cyber"] .customerDeleteShortcut small{color:#e4adb6}
html[data-skin="cyber"] .empty{color:#abbdd6}
html[data-skin="cyber"] .error{color:#ffb7be!important}
html[data-skin="cyber"] button,html[data-skin="cyber"] input,html[data-skin="cyber"] select{touch-action:manipulation}
@media (max-width:600px){
 html[data-skin="cyber"] .appwrap{padding:12px 12px 100px}
 html[data-skin="cyber"] .topbar{padding:9px 11px;border-radius:17px;gap:8px;flex-wrap:wrap;margin-bottom:15px}
 html[data-skin="cyber"] .topactions{gap:6px;align-items:center}
 html[data-skin="cyber"] .brandicon{width:42px;height:42px;min-width:42px;border-radius:13px;font-size:22px}
 html[data-skin="cyber"] .brand strong{font-size:16px}
 html[data-skin="cyber"] .brand small{font-size:10px;max-width:155px}
 html[data-skin="cyber"] .syncBadge{font-size:10px;padding:7px 8px}
 html[data-skin="cyber"] .themeToggle{font-size:10px;padding:7px 9px;min-height:37px}
 html[data-skin="cyber"] .quickHead{padding:20px 17px 23px;border-radius:21px}
 html[data-skin="cyber"] .quickHead h1{margin:17px 0 23px}
 html[data-skin="cyber"] .quickBalance strong{font-size:clamp(25px,7vw,35px)}
 html[data-skin="cyber"] .quickShortcut{font-size:14px;min-height:75px;gap:8px}
 html[data-skin="cyber"] .quickShortcut span{font-size:25px}
 html[data-skin="cyber"] .quickCustomer{padding:13px}
 html[data-skin="cyber"] .quickCustomerName{font-size:16px}
 html[data-skin="cyber"] .quickCustomerActions button{font-size:12px;min-height:48px}
 html[data-skin="cyber"] .quickBottom{padding:7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom))}
 html[data-skin="cyber"] .quickBottom button{min-width:61px;max-width:120px}
 html[data-skin="cyber"] .quickBottom button span{font-size:11px}
 html[data-skin="cyber"] .dialog:has(.calcPad){padding:17px}
 html[data-skin="cyber"] .calcKey{min-height:53px}
 html[data-skin="cyber"] .hero{padding:17px;display:grid}
 html[data-skin="cyber"] .metrics{gap:10px}
}
@media(max-width:375px){
 html[data-skin="cyber"] .quickBalanceSide{padding-right:10px}
 html[data-skin="cyber"] .quickBalanceSide strong{font-size:25px}
 html[data-skin="cyber"] .quickBalance strong{font-size:24px}
 html[data-skin="cyber"] .quickHello{font-size:10px}
 html[data-skin="cyber"] .quickFavorites{grid-template-columns:1fr}
 html[data-skin="cyber"] .quickShortcuts{gap:8px}
 html[data-skin="cyber"] .quickShortcut{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html[data-skin="cyber"] *,html[data-skin="cyber"] *:before,html[data-skin="cyber"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

html[data-skin="cyber"] .quickHead{animation:cyberReveal .48s ease-out both}
@keyframes cyberReveal{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}