:root{--bg:#080d13;--panel:#101720;--panel2:#141d28;--line:#273240;--text:#f4f7fa;--muted:#8e9aaa;--accent:#e8f8ff;--accentText:#071018;--soft:#192431}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:var(--bg);color:var(--text);transition:background .18s,color .18s}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg);position:sticky;top:0;z-index:10}
.brand{font-size:22px;font-weight:900;letter-spacing:-1px}.brand span{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.06em;margin-left:4px}
.actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:8px 11px;border-radius:9px;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accentText);font-weight:800}
.shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 64px)}aside{border-right:1px solid var(--line);padding:18px 12px;background:var(--bg)}aside h3{margin:15px 0 16px}nav{display:grid;gap:3px}nav a{padding:10px;border-radius:9px;color:var(--muted)}nav a.active,nav a:hover{background:var(--soft);color:var(--text)}
main{padding:28px 28px 50px;min-width:0}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.titleline{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}h1{font-size:30px;letter-spacing:-1px;margin:7px 0 0}h2{font-size:21px;margin:6px 0}
.periods{display:flex;align-items:center;gap:7px;margin:22px 0 16px;overflow:auto;padding-bottom:2px}.periods strong{margin-right:5px}.period{min-width:50px;text-align:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}.period.active{background:var(--accent);border-color:var(--accent);color:var(--accentText);font-weight:800}
.demo{display:flex;align-items:center;gap:9px;padding:10px 12px;margin:0 0 14px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:12px}.demobadge{background:var(--accent);color:var(--accentText);border-radius:20px;padding:4px 8px;font-weight:800;font-size:10px}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px}.card{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:15px}.kpi span{display:block;color:var(--muted);font-size:11px}.kpi b{display:block;font-size:21px;margin:7px 0 4px}.kpi small{color:var(--muted)}
.analytics{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:10px;margin:10px 0 20px}.chartcard{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:16px;min-height:280px}.charthead{display:flex;justify-content:space-between;align-items:start;gap:10px}.charthead p{margin:4px 0 0;color:var(--muted);font-size:12px}
.bars{height:185px;display:flex;align-items:flex-end;gap:10px;padding:16px 4px 0;border-bottom:1px solid var(--line)}.baritem{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.barvalue{font-size:10px;color:var(--muted);white-space:nowrap}.barshape{width:min(36px,70%);background:var(--accent);border-radius:7px 7px 2px 2px;min-height:3px}.barname{font-size:10px;color:var(--muted);padding-top:5px}
.fundlist{display:grid;margin-top:10px}.fundrow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.fundrow:last-child{border:0}.fundrow small{display:block;color:var(--muted);margin-top:5px}.track{height:4px;background:var(--soft);border-radius:8px;overflow:hidden;margin-top:6px}.fill{height:100%;background:var(--accent);border-radius:8px}
.monthgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 24px}.monthcard{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:13px;min-height:112px}.monthcard:hover{border-color:var(--muted)}.monthcard h3{margin:6px 0 13px}.monthcard b{font-size:18px}.monthcard small{display:block;color:var(--muted);margin-top:5px}
.ledgerhead{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.tablewrap{border:1px solid var(--line);border-radius:14px;overflow:auto;background:var(--panel)}table{width:100%;min-width:1300px;border-collapse:collapse}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--panel2)}td small{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 7px;font-size:10px}.empty{padding:30px;text-align:center;color:var(--muted)}
body.light{--bg:#f3f5f7;--panel:#fff;--panel2:#eef2f5;--line:#d6dee5;--text:#111820;--muted:#657688;--accent:#101820;--accentText:#fff;--soft:#e8edf2}
body.light header,body.light aside{background:#fff}body.light .btn{background:#fff;color:#111820}body.light .btn.primary{background:#101820;color:#fff}body.light .period.active{background:#101820;color:#fff;border-color:#101820}
@media(max-width:1150px){.kpis{grid-template-columns:repeat(3,1fr)}.analytics{grid-template-columns:1fr}.monthgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:20px 13px}.kpis{grid-template-columns:repeat(2,1fr)}.monthgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.kpis,.monthgrid{grid-template-columns:1fr}}

/* v0.4.1 — Apple-inspired restrained color + glass */
:root{
 --violet:#7c6cff;--violet2:#9b7cff;--blue:#3976ff;--blue2:#62a0ff;
 --indigo:#4d5dff;--cyan:#5ac8fa;--glass:rgba(16,23,32,.72);
}
body{
 background:
 radial-gradient(900px 420px at 70% -12%,rgba(80,73,190,.16),transparent 60%),
 radial-gradient(700px 350px at 25% 10%,rgba(37,99,235,.08),transparent 60%),
 var(--bg);
}
header{
 background:rgba(9,14,21,.66)!important;
 border-bottom:1px solid rgba(255,255,255,.10)!important;
 backdrop-filter:saturate(150%) blur(22px);
 -webkit-backdrop-filter:saturate(150%) blur(22px);
 box-shadow:0 10px 35px rgba(0,0,0,.16);
}
.brand{background:linear-gradient(100deg,#fff 0%,#d9e6ff 55%,#a993ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{color:#9caabd!important;-webkit-text-fill-color:#9caabd}
.card,.chartcard,.monthcard,.tablewrap{
 background:linear-gradient(145deg,rgba(19,27,38,.84),rgba(11,17,25,.76))!important;
 border-color:rgba(134,151,178,.20)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.10);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.chartcard:first-child{background:linear-gradient(145deg,rgba(27,30,53,.78),rgba(12,19,31,.82))!important}
.chartcard:nth-child(2){background:linear-gradient(145deg,rgba(21,30,54,.80),rgba(12,19,31,.82))!important}
.baritem:nth-child(1) .barshape{background:linear-gradient(180deg,#6f8cff,#4558d8)}
.baritem:nth-child(2) .barshape{background:linear-gradient(180deg,#7a74ff,#5548df)}
.baritem:nth-child(3) .barshape{background:linear-gradient(180deg,#8b6ff8,#6546d9)}
.baritem:nth-child(4) .barshape{background:linear-gradient(180deg,#9b6ee9,#7145cf)}
.baritem:nth-child(5) .barshape{background:linear-gradient(180deg,#7b7cff,#4d5de0)}
.baritem:nth-child(6) .barshape{background:linear-gradient(180deg,#5d8dfc,#3867dc)}
.baritem:nth-child(7) .barshape{background:linear-gradient(180deg,#529df9,#3574d4)}
.baritem:nth-child(8) .barshape{background:linear-gradient(180deg,#716ff7,#5044d2)}
.fundrow:nth-child(1) .fill{background:linear-gradient(90deg,#7669ff,#9a7cff)}
.fundrow:nth-child(2) .fill{background:linear-gradient(90deg,#456fff,#6f8cff)}
.fundrow:nth-child(3) .fill{background:linear-gradient(90deg,#5b5ff0,#8174ff)}
.fundrow:nth-child(4) .fill{background:linear-gradient(90deg,#397bdc,#5aa3f2)}
.fundrow:nth-child(5) .fill{background:linear-gradient(90deg,#7355c9,#a070e8)}
.period.active,.demobadge,.btn.primary{
 background:linear-gradient(135deg,#eef7ff,#dceeff)!important;color:#071018!important;border-color:rgba(255,255,255,.7)!important;
 box-shadow:0 5px 18px rgba(86,128,255,.14);
}
.monthcard{transition:.18s ease}.monthcard:hover{transform:translateY(-2px);border-color:rgba(124,108,255,.55)!important;box-shadow:0 14px 35px rgba(59,65,150,.13)}
body.light{
 background:
 radial-gradient(850px 400px at 72% -10%,rgba(111,91,255,.11),transparent 60%),
 radial-gradient(650px 350px at 20% 8%,rgba(60,130,246,.08),transparent 60%),
 #f3f5f8!important;
}
body.light header{
 background:rgba(248,250,253,.72)!important;
 border-bottom:1px solid rgba(70,84,105,.13)!important;
 box-shadow:0 10px 35px rgba(47,58,75,.06);
}
body.light .brand{background:linear-gradient(100deg,#101820,#334f89 58%,#6652c8);-webkit-background-clip:text;background-clip:text;color:transparent}
body.light .brand span{color:#6b7788!important;-webkit-text-fill-color:#6b7788}
body.light .card,body.light .chartcard,body.light .monthcard,body.light .tablewrap{
 background:rgba(255,255,255,.72)!important;
 border-color:rgba(74,88,108,.14)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 32px rgba(49,61,82,.055);
}
body.light .chartcard:first-child{background:linear-gradient(145deg,rgba(247,246,255,.88),rgba(255,255,255,.76))!important}
body.light .chartcard:nth-child(2){background:linear-gradient(145deg,rgba(244,248,255,.90),rgba(255,255,255,.76))!important}
body.light .barshape{box-shadow:0 6px 16px rgba(75,83,190,.14)}
body.light .period.active,body.light .btn.primary{background:linear-gradient(135deg,#20283a,#111827)!important;color:#fff!important;border-color:#20283a!important}

/* v0.5 account ledgers */
.account-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:22px 0 14px}
.account-tab{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px;min-height:78px;transition:.18s}
.account-tab:hover{transform:translateY(-1px);border-color:rgba(124,108,255,.5)}.account-tab.active{border-color:rgba(124,108,255,.8);box-shadow:0 0 0 1px rgba(124,108,255,.18),0 12px 30px rgba(75,67,160,.12)}
.account-tab small{grid-column:2;color:var(--muted);margin-top:4px}.account-dot{width:10px;height:10px;border-radius:50%;background:#7c6cff;box-shadow:0 0 16px rgba(124,108,255,.55)}.dot-wise{background:#4f8cff}.dot-stripe{background:#866cff}.dot-other{background:#5aa6c9}
.account-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.account-name{font-size:17px!important}.subcopy{color:var(--muted);font-size:12px;margin:4px 0 0}.filechip,.editlink{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-size:11px}.editlink{color:#9e91ff}.crypto-note{display:grid;grid-template-columns:150px 1fr;gap:14px;margin-top:14px;padding:14px;border:1px solid rgba(124,108,255,.24);border-radius:13px;background:linear-gradient(120deg,rgba(87,69,180,.11),rgba(44,92,180,.06));color:var(--muted)}.crypto-note b{color:var(--text)}
.formpage{max-width:900px;margin:0 auto}.backlink{display:inline-block;margin-bottom:16px;color:var(--muted)}.formcard{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.12)}.txnform{display:grid;gap:12px}.txnform label{display:grid;gap:6px;color:var(--muted);font-size:12px}.txnform input,.txnform select,.txnform textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px;padding:11px}.txnform textarea{min-height:90px;resize:vertical}.txnform small{color:var(--muted)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.threecol{display:grid;grid-template-columns:1fr .7fr 1fr;gap:10px}.submitbtn{justify-self:start;margin-top:4px}
body.light .account-tab,body.light .formcard{background:rgba(255,255,255,.76)}
@media(max-width:950px){.account-tabs{grid-template-columns:repeat(2,1fr)}.account-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.account-tabs,.account-kpis,.twocol,.threecol{grid-template-columns:1fr}.crypto-note{grid-template-columns:1fr}}

.account-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-4px 0 14px}.account-quick span{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-right:4px}.account-quick a{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:7px 9px;font-size:11px}.account-quick a:hover{border-color:#7c6cff}

/* v0.5.1 */
.month-breakdown{margin:10px 0 20px}.month-breakdown .chartcard{min-height:0}.category-bars{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:16px}.catrow{padding:9px 0;border-bottom:1px solid var(--line)}.catlabel{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.catlabel span{color:var(--muted);font-size:11px}.catrow:nth-child(1) .fill{background:linear-gradient(90deg,#7669ff,#9a7cff)}.catrow:nth-child(2) .fill{background:linear-gradient(90deg,#4e78ff,#6b9cff)}.catrow:nth-child(3) .fill{background:linear-gradient(90deg,#6559db,#8a72f2)}.catrow:nth-child(4) .fill{background:linear-gradient(90deg,#3f72c9,#6598ec)}.catrow:nth-child(5) .fill{background:linear-gradient(90deg,#6d68c7,#8c86e6)}.catrow:nth-child(6) .fill{background:linear-gradient(90deg,#477bb3,#65a0d8)}.catrow:nth-child(7) .fill{background:linear-gradient(90deg,#7355b5,#9a76d3)}.catrow:nth-child(8) .fill{background:linear-gradient(90deg,#596579,#78869c)}
.sharebtn{border-color:rgba(124,108,255,.38)!important}.share-result{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.share-result input{border:1px solid var(--line);background:var(--bg);color:var(--text);padding:11px;border-radius:9px;min-width:0}.public-report{padding:34px;max-width:1500px;margin:auto}.report-note{color:var(--muted);font-size:11px;margin-top:16px}
@media(max-width:750px){.category-bars{grid-template-columns:1fr}.public-report{padding:18px}}

/* v0.5.4 — account identity, cards and document archive */
.account-profile{margin:18px 0;padding:18px 20px}
.account-profile-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.account-profile-head h2{margin:3px 0 0;font-size:20px}
.account-detail-grid{display:grid;grid-template-columns:1.2fr 1.6fr 1fr 1.2fr;gap:10px;margin-top:15px}
.account-detail-grid>div{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.018);min-width:0}
.account-detail-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.account-detail-grid b{font-size:12px;overflow-wrap:anywhere}
.documents-page{max-width:1380px;margin:0 auto;padding:36px 30px 70px}
.documents-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:15px 0 24px}
.documents-title h1{margin:5px 0 7px}.documents-title p{color:var(--muted);margin:0;max-width:760px}
.doc-count{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:11px}
.doc-tabs{margin-bottom:18px}.doc-grid{display:grid;gap:10px}
.doc-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:var(--card)}
.doc-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.08em}
.doc-main h3{font-size:14px;margin:3px 0}.doc-main p,.doc-meta,.doc-date{font-size:10px;color:var(--muted);margin:0}.doc-meta{margin-top:5px}
.empty-docs{padding:45px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}
.docs-quick{border-color:rgba(116,104,255,.32)!important}
@media(max-width:850px){.account-detail-grid{grid-template-columns:1fr 1fr}.account-profile-head,.documents-title{align-items:flex-start;flex-direction:column}.doc-card{grid-template-columns:48px minmax(0,1fr)}.doc-card>.btn{grid-column:1/-1}.documents-page{padding:26px 16px 50px}}
@media(max-width:520px){.account-detail-grid{grid-template-columns:1fr}}

/* v0.5.5 — source totals and invoice summary */
.account-source-panel{margin:14px 0 18px}
.account-quick a{display:flex;align-items:center;gap:8px}
.account-quick a small{margin-left:auto;color:var(--muted);font-size:10px}
.source-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px;margin-top:10px}
.source-total,.invoice-summary{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:var(--card);text-decoration:none;color:var(--text)}
.source-total span,.invoice-summary span{display:block;color:var(--muted);font-size:9px;letter-spacing:.09em;margin-bottom:5px}
.source-total b,.invoice-summary b{font-size:20px}
.source-total small,.invoice-summary small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
.invoice-summary:hover{border-color:rgba(116,104,255,.38)}
@media(max-width:800px){.source-summary{grid-template-columns:1fr}.account-quick a{width:100%}}

/* v0.6 — Monthly Command Center */
.command-grid{display:grid;grid-template-columns:1.25fr 1fr .8fr 1.15fr;gap:10px;margin:0 0 16px}.command-card{display:block;border:1px solid var(--line);border-radius:14px;padding:14px 15px;background:var(--card);text-decoration:none;color:var(--text);min-height:100px}.command-card>span{display:block;color:var(--muted);font-size:9px;letter-spacing:.09em;margin-bottom:8px}.command-value{font-size:22px;font-weight:800;letter-spacing:-.035em}.command-value small{font-size:12px;color:var(--muted)}.command-foot{font-size:9px;color:var(--muted);margin-top:7px}.positive{color:#7fe0b5}.negative{color:#ff9aab}.budget-track{height:5px;background:rgba(130,145,170,.14);border-radius:999px;overflow:hidden;margin-top:9px}.budget-track i{display:block;height:100%;background:linear-gradient(90deg,#7b68ee,#6fa8ff);border-radius:inherit}.attention-lines{font-size:12px;line-height:1.7}.attention-card{border-style:dashed}.insight-grid{display:grid;grid-template-columns:1.7fr .7fr;gap:12px;margin:0 0 16px}.top-expenses,.comparison-card{padding:16px}.top-expenses h2,.comparison-card h2{margin:4px 0 12px;font-size:17px}.top-expense-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.top-expense-row b{font-size:11px}.top-expense-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.top-expense-row strong{font-size:12px}.comparison-value{font-size:32px;font-weight:850;letter-spacing:-.04em;margin:12px 0}.comparison-card p{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:8px}.comparison-card p b{color:var(--text)}.empty-mini{color:var(--muted);font-size:10px;padding:18px 0}@media(max-width:1100px){.command-grid{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}}@media(max-width:650px){.command-grid{grid-template-columns:1fr}}

/* YUVL. v1.0 Financial Control */
.control-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.control-tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-decoration:none;font-size:10px}.control-tabs a.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.fc-kpis{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin-bottom:12px}.fc-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px;color:var(--text);text-decoration:none}.fc-card>span{display:block;color:var(--muted);font-size:9px;letter-spacing:.09em;margin-bottom:8px}.fc-card>b{font-size:22px;letter-spacing:-.04em}.fc-card.hero>b{font-size:30px}.fc-card small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.fc-card h2{font-size:18px;margin:4px 0 10px}.fc-card p{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.fc-card p b{color:var(--text)}
.account-balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.fc-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.forecast-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.forecast-row span,.forecast-row strong{font-size:11px}.readiness{font-size:42px;font-weight:850;letter-spacing:-.05em;margin:8px 0}.rec-row,.supplier-row,.simple-table>div,.pnl-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.rec-row small,.supplier-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.pnl-row{grid-template-columns:1fr auto}.pnl-row .budget-track{width:100%;margin-top:6px}.fc-form{display:grid;gap:8px}.fc-form input,.fc-form select,.fc-form textarea,.inline-form select{width:100%;box-sizing:border-box;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px;font:inherit}.fc-form textarea{min-height:70px;resize:vertical}.inline-form{display:flex;gap:5px;align-items:center}.mini-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;padding:7px 9px;cursor:pointer}.period-switch{display:flex;gap:6px}.positive{color:#70d9aa!important}.negative{color:#ff8fa4!important}
@media(max-width:1100px){.fc-kpis,.account-balance-grid{grid-template-columns:1fr 1fr}.fc-two{grid-template-columns:1fr}}@media(max-width:650px){.fc-kpis,.account-balance-grid{grid-template-columns:1fr}.forecast-row{grid-template-columns:1fr 1fr}.control-tabs{overflow:auto;flex-wrap:nowrap}}

/* v1.0.1 — Projects page layout repair */
.projects-page main,.projects-main{max-width:1180px;margin:0 auto;padding:52px 56px 80px}
.projects-page .projects-grid,.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;margin-top:24px;align-items:stretch}
.projects-page .project-card,.project-card{display:flex;flex-direction:column;min-height:250px;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden}
.projects-page .project-card h2,.project-card h2{margin:14px 0 8px;font-size:28px;line-height:1.08;letter-spacing:-.035em}
.projects-page .project-card p,.project-card p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.55}
.projects-page .project-stats,.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}
.projects-page .project-stat,.project-stat{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px}
.projects-page .project-stat span,.project-stat span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;line-height:1.3;margin-bottom:5px}
.projects-page .project-stat b,.project-stat b{display:block;font-size:18px;line-height:1.15;white-space:nowrap}
.projects-page .project-open,.project-open{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;text-decoration:none;color:var(--text)}
.projects-page .workspace-head,.workspace-head{max-width:760px;margin-bottom:22px}
.projects-page .workspace-head h1,.workspace-head h1{font-size:48px;line-height:1;margin:10px 0 16px;letter-spacing:-.05em}
.projects-page .workspace-head p,.workspace-head p{font-size:16px;line-height:1.5;color:var(--muted)}
@media(max-width:760px){.projects-page main,.projects-main{padding:30px 20px 60px}.projects-page .projects-grid,.projects-grid{grid-template-columns:1fr}.projects-page .workspace-head h1,.workspace-head h1{font-size:38px}.projects-page .project-stats,.project-stats{grid-template-columns:1fr 1fr}}

/* v1.1 — YUVL. Drop / Document Inbox */
.doc-inbox-grid{display:grid;gap:14px}.doc-review{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.doc-preview{min-height:520px;background:#050a12;display:grid;place-items:center;padding:14px}.doc-preview img{width:100%;height:100%;max-height:680px;object-fit:contain;border-radius:10px}.pdf-preview{font-size:38px;text-align:center;color:#fff;text-decoration:none}.pdf-preview small{font-size:10px;color:#91a0b7}.doc-fields{padding:18px}.doc-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:9px;margin-bottom:14px}.doc-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.doc-form-grid label{font-size:8px;color:var(--muted);letter-spacing:.04em}.doc-form-grid input,.doc-form-grid select,.doc-fields textarea,.drop-created input{width:100%;box-sizing:border-box;margin-top:4px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px}.doc-fields textarea{min-height:65px;margin-top:10px}.doc-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.drop-created{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.drop-created input{margin:8px 0}.qr-box{background:white;border-radius:16px;padding:12px;width:284px;max-width:100%;margin:14px 0}.qr-box img{display:block;width:100%;height:auto}
@media(max-width:1000px){.doc-review{grid-template-columns:1fr}.doc-preview{min-height:320px}.doc-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.doc-form-grid{grid-template-columns:1fr}.doc-actions{flex-wrap:wrap}}

/* v1.1.3 — Document Inbox navigation */
.inbox-nav-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.nav-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--text);color:var(--bg);font-size:10px;line-height:1;font-weight:800}

/* v1.1.4 — Premium Document Inbox / QR workspace */
.document-inbox-page{background:radial-gradient(circle at 74% 8%,rgba(92,84,220,.08),transparent 30%),var(--bg)}
.document-inbox-page header{height:78px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(7,13,23,.76);backdrop-filter:blur(22px)}
.document-inbox-page .shell{grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 78px)}
.document-inbox-page aside{padding:42px 18px 32px;border-right:1px solid var(--line)}
.document-inbox-page aside h3{font-size:19px;margin:0 0 28px;padding:0 4px;letter-spacing:-.02em}
.document-inbox-page aside nav{display:grid;gap:7px}
.document-inbox-page aside nav a{padding:13px 14px;border-radius:12px;font-size:13px;line-height:1.2}
.document-inbox-page main{padding:42px 44px 80px;max-width:1500px;width:100%;margin:0 auto}
.document-inbox-page .titleline{margin:0 0 8px}
.document-inbox-page .titleline h1{font-size:42px;line-height:1;margin:8px 0 0;letter-spacing:-.045em}
.document-inbox-page .eyebrow{font-size:9px;letter-spacing:.16em}
.document-inbox-page .control-tabs{gap:8px;margin:0 0 26px;padding-top:0}
.document-inbox-page .control-tabs a{padding:10px 14px;border-radius:11px;font-size:10px;background:rgba(255,255,255,.018)}
.document-inbox-page .control-tabs a.active{box-shadow:0 8px 28px rgba(0,0,0,.18)}
.document-inbox-page .fc-two{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:start}
.document-inbox-page .fc-card{border-radius:20px;padding:22px;background:linear-gradient(180deg,rgba(19,29,44,.72),rgba(10,18,29,.72));box-shadow:0 16px 45px rgba(0,0,0,.12)}
.document-inbox-page .fc-card>span{font-size:9px;letter-spacing:.14em;margin-bottom:16px}
.document-inbox-page .fc-form{gap:11px}
.document-inbox-page .fc-form input{height:48px;border-radius:12px;padding:0 14px;font-size:13px;background:rgba(3,9,17,.34)}
.document-inbox-page .fc-form .btn.primary{height:48px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.01em}
.document-inbox-page .supplier-row{padding:14px 2px;grid-template-columns:1fr auto;border-top:1px solid rgba(130,145,170,.13)}
.document-inbox-page .supplier-row:first-of-type{border-top:0}
.document-inbox-page .supplier-row b{font-size:13px}
.document-inbox-page .supplier-row small{font-size:9px;margin-top:5px}
.document-inbox-page .drop-created{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.document-inbox-page .drop-created>b{display:block;font-size:13px;margin-bottom:8px}
.document-inbox-page .drop-created .btn{margin-top:7px}
.document-inbox-page .qr-box{margin:20px auto 10px;width:250px;border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.25)}
.document-inbox-page .doc-inbox-grid{gap:18px}
.document-inbox-page .doc-review{border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.13)}
.document-inbox-page .doc-fields{padding:22px}
.document-inbox-page .doc-form-grid{gap:10px}
.document-inbox-page .doc-form-grid input,.document-inbox-page .doc-form-grid select,.document-inbox-page .doc-fields textarea{background:rgba(3,9,17,.28);padding:10px 11px}
.document-inbox-page .doc-actions{padding-top:5px}
@media(max-width:1050px){.document-inbox-page main{padding:32px 26px 60px}.document-inbox-page .fc-two{grid-template-columns:1fr}}
@media(max-width:760px){.document-inbox-page .shell{display:block}.document-inbox-page aside{display:none}.document-inbox-page main{padding:26px 18px 50px}.document-inbox-page header{height:66px;padding:0 16px}.document-inbox-page .titleline h1{font-size:34px}.document-inbox-page .control-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}}

/* v1.1.5 — YUVL. Drop review clarity + editable QR labels */
.document-inbox-page .doc-review{grid-template-columns:260px minmax(0,1fr);align-items:stretch}
.document-inbox-page .doc-preview{min-height:0;padding:18px;background:rgba(3,8,15,.52);align-content:start}
.document-inbox-page .doc-thumb-link{display:block;width:100%;text-decoration:none;color:var(--muted)}
.document-inbox-page .doc-thumb-link img{display:block;width:100%;height:210px;object-fit:cover;border-radius:14px;border:1px solid var(--line);transition:.18s ease}
.document-inbox-page .doc-thumb-link:hover img{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.28)}
.document-inbox-page .doc-thumb-link span,.document-inbox-page .pdf-preview span{display:block;text-align:center;font-size:9px;margin-top:10px;letter-spacing:.04em}
.document-inbox-page .pdf-preview{width:100%;min-height:210px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.02)}
.document-inbox-page .doc-contact-card{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(220px,1.35fr) auto;gap:12px;padding:14px 15px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.document-inbox-page .doc-contact-card>div{min-width:0}
.document-inbox-page .doc-contact-card small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;margin-bottom:5px}
.document-inbox-page .doc-contact-card strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.document-inbox-page .doc-reason{padding-left:14px;border-left:1px solid var(--line)}
.document-inbox-page .doc-status-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.document-inbox-page .doc-status-side small{letter-spacing:0;margin:0}
.document-inbox-page .doc-section-title{font-size:13px;font-weight:800;margin:0 0 12px}
.document-inbox-page .doc-section-title span{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}
.document-inbox-page .drop-link-info{min-width:0;flex:1}
.document-inbox-page .drop-rename-form{display:flex;gap:7px;align-items:center}
.document-inbox-page .drop-rename-form input{min-width:0;flex:1;background:transparent;color:var(--text);border:1px solid transparent;border-radius:9px;padding:7px 9px;font-weight:700}
.document-inbox-page .drop-rename-form input:hover,.document-inbox-page .drop-rename-form input:focus{border-color:var(--line);background:rgba(255,255,255,.025);outline:none}
.document-inbox-page .drop-rename-form .mini-btn{padding:7px 10px}
@media(max-width:900px){.document-inbox-page .doc-review{grid-template-columns:1fr}.document-inbox-page .doc-preview{display:block}.document-inbox-page .doc-thumb-link{max-width:280px}.document-inbox-page .doc-contact-card{grid-template-columns:1fr}.document-inbox-page .doc-reason{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid var(--line)}.document-inbox-page .doc-status-side{align-items:flex-start;text-align:left}}

/* v1.1.6 — premium SVG sidebar navigation */
.shell>aside nav a{display:flex;align-items:center;gap:13px;min-height:48px;padding:11px 14px!important;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.shell>aside nav a>span{min-width:0;flex:1}
.nav-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9;transition:opacity .18s ease,filter .18s ease,transform .18s ease}
.shell>aside nav a:hover{background:rgba(119,142,255,.055);border-color:rgba(128,151,255,.10);transform:translateX(1px)}
.shell>aside nav a:hover .nav-icon{opacity:1;filter:drop-shadow(0 0 6px rgba(142,166,255,.34))}
.shell>aside nav a.active{background:linear-gradient(90deg,rgba(73,101,160,.25),rgba(69,82,137,.14));border-color:rgba(116,143,213,.16);color:var(--text)}
.shell>aside nav a.active .nav-icon{opacity:1;stroke:#a9c2ff;filter:drop-shadow(0 0 7px rgba(132,165,255,.38))}
.shell>aside nav .nav-badge{margin-left:auto;flex:0 0 auto}

/* v1.2 — Executive Overview */
.exec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.exec-card{padding:19px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(20,30,45,.64),rgba(9,17,28,.64))}
.exec-card.accent{background:linear-gradient(145deg,rgba(61,74,139,.20),rgba(10,18,29,.68))}
.exec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.exec-head span{font-size:8px;letter-spacing:.13em;color:var(--muted)}.exec-head b{font-size:21px;letter-spacing:-.035em}
.exec-person,.exec-kv{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(130,145,170,.10);font-size:11px}
.exec-person strong,.exec-kv strong{font-size:12px}.exec-empty{padding:15px 0;color:var(--muted);font-size:10px}
.exec-link{display:block;margin-top:13px;font-size:9px;color:var(--text);text-decoration:none}
.people-main{max-width:1250px;margin:0 auto;padding:48px 44px 80px}.people-main h1{font-size:42px;letter-spacing:-.045em;margin:8px 0 10px}.people-main .lead{max-width:720px;color:var(--muted)}
.people-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.people-layout .fc-card:first-child{grid-row:span 2}
.people-add,.people-form{display:grid;gap:10px;margin-top:14px}.people-add{grid-template-columns:1fr .8fr auto}
.people-add input,.people-form input,.people-form select{width:100%;box-sizing:border-box;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px}
.people-form label{font-size:8px;color:var(--muted);letter-spacing:.06em}.person-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}
.person-row b,.person-row small{display:block}.person-row small{color:var(--muted);font-size:9px;margin-top:4px}
@media(max-width:1000px){.exec-grid{grid-template-columns:1fr}.people-layout{grid-template-columns:1fr}.people-layout .fc-card:first-child{grid-row:auto}}
@media(max-width:700px){.people-main{padding:28px 18px 55px}.people-add{grid-template-columns:1fr}}

/* v1.2.1 — journal actions + month close */
.period-control{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(13,22,35,.56)}
.period-control>div{display:flex;align-items:center;gap:11px}.period-control b,.period-control small{display:block}.period-control small{margin-top:3px;color:var(--muted);font-size:9px}
.period-dot{width:8px;height:8px;border-radius:50%;background:#72d6a0;box-shadow:0 0 10px rgba(114,214,160,.45)}.period-control.closed .period-dot{background:#8fa0bd;box-shadow:none}
.row-actions{display:flex;align-items:center;gap:6px}.row-actions form{margin:0}.icon-action{width:29px;height:29px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);text-decoration:none;cursor:pointer;font-size:15px}
.icon-action:hover{background:rgba(120,145,255,.08)}.icon-action.danger:hover{border-color:rgba(255,110,120,.3);background:rgba(255,80,90,.07)}.icon-action:disabled{opacity:.3;cursor:not-allowed}
.editor-main{max-width:980px;margin:0 auto;padding:50px 42px 80px}.editor-main h1{font-size:42px;letter-spacing:-.045em;margin:8px 0 24px}
.transaction-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(11,19,31,.58)}
.transaction-editor label{font-size:9px;color:var(--muted);letter-spacing:.04em}.transaction-editor input,.transaction-editor select,.transaction-editor textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}
.transaction-editor textarea{min-height:90px;resize:vertical}.transaction-editor .wide{grid-column:1/-1}.editor-actions{display:flex;justify-content:flex-end}.period-warning{margin:0 0 15px;padding:12px 14px;border:1px solid rgba(255,180,80,.25);border-radius:11px;background:rgba(255,170,50,.06)}
@media(max-width:700px){.period-control{align-items:flex-start;flex-direction:column}.transaction-editor{grid-template-columns:1fr}.transaction-editor .wide{grid-column:auto}.editor-main{padding:30px 18px 55px}}

/* v1.2.2 — operation composer + PDF preview */
.pdf-upload>span{display:block;margin-bottom:7px}.pdf-upload>input[type=file]{padding:9px}
.pdf-preview{margin-top:10px;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);background:rgba(111,135,190,.045)}
.pdf-preview.empty{opacity:.72}.pdf-icon{width:42px;height:48px;display:grid;place-items:center;border:1px solid rgba(154,177,230,.25);border-radius:9px;background:rgba(135,160,220,.08);font-size:9px;font-weight:800;letter-spacing:.08em}
.pdf-preview b,.pdf-preview small{display:block}.pdf-preview small{margin-top:4px;color:var(--muted);font-size:9px}.remove-file{display:flex!important;align-items:center;gap:7px;margin-top:8px}.remove-file input{width:auto!important;margin:0!important}
.file-preview-icon{display:inline-flex;align-items:center;gap:5px;color:var(--text);text-decoration:none}.file-preview-icon span{display:inline-grid;place-items:center;width:30px;height:25px;border:1px solid var(--line);border-radius:7px;font-size:7px;font-weight:800;letter-spacing:.06em}
.is-locked{opacity:.55}

/* v1.2.3 — save confirmation + recent additions */
.save-confirm{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px 15px;border:1px solid rgba(110,215,160,.22);border-radius:14px;background:rgba(80,190,130,.055)}
.save-check{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(110,215,160,.13);font-weight:800}.save-confirm b,.save-confirm small{display:block}.save-confirm small{margin-top:3px;color:var(--muted);font-size:9px}.save-confirm a{margin-left:auto;color:var(--text);font-size:9px;text-decoration:none}
.recent-additions{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(10,18,29,.48)}.recent-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px}.recent-head h2{margin:4px 0 0;font-size:20px}.recent-head>span{font-size:9px;color:var(--muted)}
.recent-list{border-top:1px solid var(--line)}.recent-row{display:grid;grid-template-columns:54px minmax(180px,1fr) minmax(100px,.45fr) 110px 68px;align-items:center;gap:12px;padding:11px 3px;border-bottom:1px solid rgba(130,145,170,.10)}
.recent-date b,.recent-date small,.recent-main b,.recent-main small,.recent-source small,.recent-source span{display:block}.recent-date b{font-size:11px}.recent-date small,.recent-main small,.recent-source small{color:var(--muted);font-size:8px;margin-top:3px}.recent-main b{font-size:11px}.recent-source span{font-size:9px;margin-top:3px}.recent-amount{text-align:right;font-size:12px}.recent-actions{display:flex;justify-content:flex-end;gap:6px}.mini-doc,.mini-edit{height:28px;min-width:28px;padding:0 6px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--text);text-decoration:none;font-size:8px}.mini-edit{font-size:14px}.recent-empty{padding:20px 2px;color:var(--muted);font-size:10px}
@media(max-width:800px){.recent-row{grid-template-columns:48px 1fr auto}.recent-source{display:none}.recent-amount{grid-column:3}.recent-actions{grid-column:2/4;justify-content:flex-start}.recent-head>span{display:none}}

/* v1.2.4 — month-centric overview */
.month-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 30px}
.month-finance-card{display:block;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(18,28,43,.62),rgba(9,17,28,.58));color:var(--text);text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.month-finance-card:hover{transform:translateY(-1px);border-color:rgba(139,162,218,.26)}.month-finance-card.is-current{border-color:rgba(155,185,255,.38);background:linear-gradient(145deg,rgba(70,92,153,.22),rgba(10,18,29,.65));box-shadow:0 0 0 1px rgba(125,157,230,.05) inset}
.mfc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.mfc-head span{font-size:15px;font-weight:750}.mfc-head strong{font-size:18px;letter-spacing:-.035em}.mfc-head em{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:rgba(147,177,245,.13);color:#b9ccfa;font-size:7px;font-style:normal;letter-spacing:.08em;vertical-align:2px}
.mfc-lines{padding-top:7px}.mfc-lines>div:not(.cash-payers){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(130,145,170,.08);font-size:9px}.mfc-lines b{font-size:10px}.mfc-total span,.mfc-total b{font-weight:800;color:var(--text)}.muted-line{color:var(--muted)}.cash-payers{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px}.cash-payers small{padding:4px 6px;border:1px solid rgba(140,160,200,.12);border-radius:7px;color:var(--muted);font-size:7px}
@media(max-width:1150px){.month-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.month-finance-grid{grid-template-columns:1fr}}

/* v1.2.5 — Apple-inspired Executive Overview */
.apple-overview{background:
radial-gradient(900px 500px at 67% -10%,rgba(78,104,172,.11),transparent 62%),
radial-gradient(700px 420px at 20% 12%,rgba(70,87,130,.07),transparent 68%),
var(--bg)}
.apple-overview main{max-width:1500px}
.apple-overview .months{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.apple-overview .monthcard,.apple-overview .month-card{
position:relative;overflow:hidden;min-height:270px!important;padding:20px!important;border-radius:22px!important;
border:1px solid rgba(145,164,199,.16)!important;
background:linear-gradient(155deg,rgba(25,35,51,.78),rgba(10,17,28,.72))!important;
box-shadow:0 18px 50px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.025)!important;
backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.apple-overview .monthcard:hover,.apple-overview .month-card:hover{transform:translateY(-2px);border-color:rgba(158,183,239,.28)!important;box-shadow:0 24px 65px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important}
.apple-overview .monthcard.current,.apple-overview .month-card.current,.apple-overview .monthcard.is-current,.apple-overview .month-card.is-current{border-color:rgba(156,187,255,.42)!important;background:linear-gradient(145deg,rgba(48,66,105,.72),rgba(13,22,35,.78))!important;box-shadow:0 20px 70px rgba(46,75,135,.13),inset 0 1px rgba(255,255,255,.05)!important}
.apple-month-details{margin-top:16px;padding-top:12px;border-top:1px solid rgba(160,177,207,.12)}
.amd-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;color:#aeb9cc;font-size:9px}.amd-row b{color:#edf3ff;font-size:10px;font-weight:650}.amd-row.total{margin:4px 0;padding:9px 0;border-top:1px solid rgba(160,177,207,.10);border-bottom:1px solid rgba(160,177,207,.10);color:#f4f7fc}.amd-row.total b{font-size:12px}.amd-row.subtle{opacity:.55}
.amd-cash{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.amd-cash span{padding:4px 7px;border-radius:999px;background:rgba(126,149,199,.08);border:1px solid rgba(140,163,210,.10);color:#9eabc0;font-size:7px}.amd-cash b{color:#cbd7eb}
.apple-overview .year-title,.apple-overview h1{letter-spacing:-.045em}.apple-overview .eyebrow{letter-spacing:.15em}
.apple-overview .kpi,.apple-overview .card{border-radius:20px}
@media(max-width:1180px){.apple-overview .months{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.apple-overview .months{grid-template-columns:1fr!important}.apple-overview .monthcard,.apple-overview .month-card{min-height:auto!important}}

/* =========================================================
   YUVL. v1.2.6 — Casa del Billar / Apple-inspired art direction
   Scoped to project overview; preserves RU/EN + light/dark.
   ========================================================= */
.casa-del-billar-ui{
 --cdb-bg:#070b12;--cdb-bg2:#0a1019;--cdb-surface:rgba(15,23,35,.76);
 --cdb-surface-strong:rgba(17,27,42,.88);--cdb-line:rgba(153,174,211,.14);
 --cdb-line-hi:rgba(177,198,236,.24);--cdb-text:#f5f7fb;--cdb-muted:#8e9aaf;
 --cdb-blue:#9bb8ff;--cdb-green:#48a98b;--cdb-green-soft:rgba(72,169,139,.16);
 background:
 radial-gradient(900px 560px at 78% -5%,rgba(78,108,177,.12),transparent 63%),
 radial-gradient(720px 520px at 12% 32%,rgba(38,119,94,.055),transparent 70%),
 linear-gradient(180deg,var(--cdb-bg),var(--cdb-bg2) 65%,var(--cdb-bg));
 color:var(--cdb-text);
}
.casa-del-billar-ui header,.casa-del-billar-ui aside,.casa-del-billar-ui main{position:relative;z-index:2}
.casa-del-billar-ui header{background:rgba(7,11,18,.74)!important;border-color:var(--cdb-line)!important;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.casa-del-billar-ui aside{background:rgba(7,12,20,.70)!important;border-color:var(--cdb-line)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.casa-del-billar-ui .brand{letter-spacing:-.035em}.casa-del-billar-ui .brand span{color:#9eabc1!important;font-weight:520;letter-spacing:.025em}
.casa-del-billar-ui .btn{border-color:var(--cdb-line)!important;background:rgba(25,35,50,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(12px)}
.casa-del-billar-ui .btn:hover{border-color:var(--cdb-line-hi)!important;background:rgba(31,43,61,.78)!important}
.casa-del-billar-ui .btn.primary{background:linear-gradient(180deg,#edf4ff,#dbe9fb)!important;color:#101722!important;border-color:rgba(255,255,255,.48)!important;box-shadow:0 7px 22px rgba(0,0,0,.12)}
.casa-del-billar-ui .eyebrow{color:#94a1b6!important;font-size:9px!important;letter-spacing:.17em!important}
.casa-del-billar-ui h1,.casa-del-billar-ui h2,.casa-del-billar-ui h3{color:var(--cdb-text);letter-spacing:-.042em}
.casa-del-billar-ui .project-title{display:flex;align-items:center;gap:10px}
.project-orb{position:relative;width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#c7f4e4 0 5%,#4ca98b 18%,#195f4e 62%,#0a2c26 100%);box-shadow:0 0 0 1px rgba(151,228,203,.14),0 0 20px rgba(65,167,135,.16)}
.project-orb:after{content:"";position:absolute;inset:1px;border-radius:50%;background:linear-gradient(120deg,rgba(255,255,255,.58),transparent 31%);opacity:.58;animation:cdbOrbShine 8s ease-in-out infinite}

/* Existing month cards become the single visual system */
.casa-del-billar-ui .months{gap:17px!important}
.casa-del-billar-ui .monthcard,.casa-del-billar-ui .month-card{
 isolation:isolate;min-height:286px!important;padding:21px!important;border-radius:24px!important;
 border:1px solid var(--cdb-line)!important;
 background:linear-gradient(155deg,rgba(20,30,45,.80),rgba(9,16,26,.74))!important;
 box-shadow:0 20px 55px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.035)!important;
 backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);
}
.casa-del-billar-ui .monthcard:before,.casa-del-billar-ui .month-card:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(430px 190px at var(--mx,80%) var(--my,0%),rgba(143,174,238,.075),transparent 58%);opacity:.72;pointer-events:none}
.casa-del-billar-ui .monthcard:hover,.casa-del-billar-ui .month-card:hover{transform:translateY(-2px) scale(1.002);border-color:var(--cdb-line-hi)!important;box-shadow:0 28px 75px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)!important}
.casa-del-billar-ui .monthcard.current,.casa-del-billar-ui .month-card.current,.casa-del-billar-ui .monthcard.is-current,.casa-del-billar-ui .month-card.is-current{
 border-color:rgba(99,190,160,.31)!important;
 background:linear-gradient(145deg,rgba(28,59,55,.53),rgba(15,26,39,.84) 48%,rgba(9,16,26,.78))!important;
 box-shadow:0 24px 75px rgba(14,78,62,.10),inset 0 1px rgba(218,255,244,.055)!important;
}
.casa-del-billar-ui .monthcard.current:after,.casa-del-billar-ui .month-card.current:after,.casa-del-billar-ui .monthcard.is-current:after,.casa-del-billar-ui .month-card.is-current:after{
 content:"";position:absolute;right:18px;top:18px;width:7px;height:7px;border-radius:50%;background:#69c9a9;box-shadow:0 0 16px rgba(86,199,162,.48)
}
.casa-del-billar-ui .apple-month-details{border-color:rgba(159,178,210,.11)}
.casa-del-billar-ui .amd-row{color:#9ca8bb}.casa-del-billar-ui .amd-row b{color:#eef3fb}.casa-del-billar-ui .amd-row.total{border-color:rgba(159,178,210,.11);color:#f6f8fc}
.casa-del-billar-ui .amd-cash span{background:rgba(75,155,130,.075);border-color:rgba(83,173,145,.11);color:#a7b8b4}

/* Ambient billiards — deliberately subtle and non-interactive */
.cdb-ambient{position:fixed;z-index:0;inset:76px 0 0 279px;overflow:hidden;pointer-events:none;opacity:.72}
.cdb-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.12}
.cdb-glow-a{width:520px;height:520px;right:-130px;top:5%;background:#5279c7;animation:cdbGlowA 22s ease-in-out infinite alternate}
.cdb-glow-b{width:460px;height:460px;left:8%;bottom:-180px;background:#237b61;animation:cdbGlowB 27s ease-in-out infinite alternate}
.cdb-ball{position:absolute;width:42px;height:42px;border-radius:50%;opacity:.12;filter:blur(.15px);will-change:transform}
.cdb-ball i{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 31% 27%,rgba(255,255,255,.72) 0 3%,rgba(164,191,238,.32) 8%,rgba(46,66,98,.58) 38%,rgba(8,15,24,.88) 76%);box-shadow:0 13px 34px rgba(0,0,0,.34),inset -8px -9px 16px rgba(0,0,0,.25)}
.cdb-ball-1{left:7%;top:21%;animation:cdbBall1 31s linear infinite}.cdb-ball-2{right:9%;top:57%;width:31px;height:31px;animation:cdbBall2 37s linear infinite reverse}.cdb-ball-3{left:43%;bottom:8%;width:23px;height:23px;opacity:.08;animation:cdbBall3 43s linear infinite}
.cdb-table-line{position:absolute;height:1px;width:42vw;background:linear-gradient(90deg,transparent,rgba(101,185,157,.12),transparent);transform-origin:left center;opacity:.32}
.cdb-table-line-a{left:9%;top:42%;transform:rotate(-18deg)}.cdb-table-line-b{right:-8%;bottom:24%;transform:rotate(24deg)}
.cdb-cue-trace{position:absolute;left:26%;top:34%;width:38vw;height:1px;transform:rotate(13deg);opacity:.0;background:linear-gradient(90deg,transparent,rgba(184,210,255,.28),transparent);animation:cdbCue 16s ease-in-out infinite}
.cdb-cue-trace i{position:absolute;width:4px;height:4px;right:18%;top:-2px;border-radius:50%;background:#b9d4ff;box-shadow:0 0 12px rgba(163,199,255,.55)}

@keyframes cdbBall1{0%{transform:translate(-90px,40px)}43%{transform:translate(54vw,21vh)}68%{transform:translate(38vw,51vh)}100%{transform:translate(78vw,65vh)}}
@keyframes cdbBall2{0%{transform:translate(80px,-30px)}46%{transform:translate(-38vw,20vh)}72%{transform:translate(-59vw,-9vh)}100%{transform:translate(-78vw,24vh)}}
@keyframes cdbBall3{0%{transform:translate(-20vw,0)}50%{transform:translate(21vw,-38vh)}100%{transform:translate(47vw,-15vh)}}
@keyframes cdbGlowA{to{transform:translate(-110px,70px) scale(1.12)}}@keyframes cdbGlowB{to{transform:translate(150px,-90px) scale(.92)}}
@keyframes cdbCue{0%,73%,100%{opacity:0}78%{opacity:.30}86%{opacity:.08}92%{opacity:0}}
@keyframes cdbOrbShine{0%,70%,100%{transform:rotate(0deg);opacity:.4}80%{transform:rotate(35deg);opacity:.85}}

/* Light theme: warm Apple-like porcelain, no loss of billiard identity */
html[data-theme="light"] .casa-del-billar-ui,
body.light.casa-del-billar-ui,.light .casa-del-billar-ui{
 --cdb-bg:#f4f6f9;--cdb-bg2:#edf1f5;--cdb-surface:rgba(255,255,255,.72);
 --cdb-surface-strong:rgba(255,255,255,.88);--cdb-line:rgba(52,72,101,.12);
 --cdb-line-hi:rgba(47,76,118,.20);--cdb-text:#17202c;--cdb-muted:#6f7b8c;
 background:radial-gradient(850px 520px at 78% -6%,rgba(100,139,205,.12),transparent 62%),radial-gradient(650px 480px at 8% 36%,rgba(50,137,108,.055),transparent 70%),linear-gradient(180deg,#f7f9fb,#edf1f5)!important;color:var(--cdb-text)!important
}
html[data-theme="light"] .casa-del-billar-ui header,body.light.casa-del-billar-ui header,.light .casa-del-billar-ui header{background:rgba(249,251,253,.76)!important}
html[data-theme="light"] .casa-del-billar-ui aside,body.light.casa-del-billar-ui aside,.light .casa-del-billar-ui aside{background:rgba(244,247,250,.72)!important}
html[data-theme="light"] .casa-del-billar-ui .monthcard,html[data-theme="light"] .casa-del-billar-ui .month-card,body.light.casa-del-billar-ui .monthcard,body.light.casa-del-billar-ui .month-card,.light .casa-del-billar-ui .monthcard,.light .casa-del-billar-ui .month-card{background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(244,247,251,.75))!important;box-shadow:0 18px 50px rgba(39,56,82,.075),inset 0 1px rgba(255,255,255,.85)!important}
html[data-theme="light"] .casa-del-billar-ui .monthcard.current,html[data-theme="light"] .casa-del-billar-ui .month-card.current,body.light.casa-del-billar-ui .monthcard.current,body.light.casa-del-billar-ui .month-card.current,.light .casa-del-billar-ui .monthcard.current,.light .casa-del-billar-ui .month-card.current{background:linear-gradient(145deg,rgba(229,245,239,.93),rgba(247,250,252,.88))!important;border-color:rgba(47,139,109,.24)!important}
html[data-theme="light"] .casa-del-billar-ui .amd-row,body.light.casa-del-billar-ui .amd-row,.light .casa-del-billar-ui .amd-row{color:#748094}
html[data-theme="light"] .casa-del-billar-ui .amd-row b,html[data-theme="light"] .casa-del-billar-ui h1,html[data-theme="light"] .casa-del-billar-ui h2,body.light.casa-del-billar-ui .amd-row b,body.light.casa-del-billar-ui h1,body.light.casa-del-billar-ui h2,.light .casa-del-billar-ui .amd-row b,.light .casa-del-billar-ui h1,.light .casa-del-billar-ui h2{color:#17202c!important}
html[data-theme="light"] .cdb-ambient,body.light.casa-del-billar-ui .cdb-ambient,.light .casa-del-billar-ui .cdb-ambient{opacity:.40}
html[data-theme="light"] .casa-del-billar-ui .btn:not(.primary),body.light.casa-del-billar-ui .btn:not(.primary),.light .casa-del-billar-ui .btn:not(.primary){background:rgba(255,255,255,.70)!important;color:#253142!important}

/* Mobile + accessibility */
@media(max-width:900px){.cdb-ambient{left:0;opacity:.42}.cdb-ball{opacity:.08}.cdb-table-line{opacity:.18}}
@media(max-width:700px){.casa-del-billar-ui .monthcard,.casa-del-billar-ui .month-card{min-height:auto!important;border-radius:20px!important}.cdb-cue-trace,.cdb-ball-3{display:none}}
@media(prefers-reduced-motion:reduce){.cdb-ball,.cdb-glow,.cdb-cue-trace,.project-orb:after{animation:none!important}.casa-del-billar-ui .monthcard,.casa-del-billar-ui .month-card{transition:none!important}}

.project-watermark{position:absolute;right:34px;top:26px;width:112px;height:112px;z-index:4;opacity:.9;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22));pointer-events:none}.project-watermark img{width:100%;height:100%;object-fit:contain}
.cdb-ball-4{left:19%;top:67%;width:27px;height:27px;opacity:.10;animation:cdbBall4 34s linear infinite}.cdb-ball-5{right:28%;top:18%;width:36px;height:36px;opacity:.09;animation:cdbBall5 46s linear infinite}.cdb-ball-6{left:63%;bottom:16%;width:18px;height:18px;opacity:.12;animation:cdbBall6 28s linear infinite reverse}.cdb-ball-7{right:4%;top:31%;width:25px;height:25px;opacity:.08;animation:cdbBall7 39s linear infinite}
@keyframes cdbBall4{0%{transform:translate(-15vw,8vh)}48%{transform:translate(38vw,-21vh)}100%{transform:translate(66vw,12vh)}}@keyframes cdbBall5{0%{transform:translate(16vw,-10vh)}52%{transform:translate(-31vw,35vh)}100%{transform:translate(-61vw,10vh)}}@keyframes cdbBall6{0%{transform:translate(-32vw,0)}50%{transform:translate(8vw,-52vh)}100%{transform:translate(29vw,-19vh)}}@keyframes cdbBall7{0%{transform:translate(10vw,8vh)}44%{transform:translate(-47vw,32vh)}100%{transform:translate(-76vw,-3vh)}}
.barlink{text-decoration:none;color:inherit;border-radius:10px;cursor:pointer}.barlink:hover{background:rgba(137,164,224,.06);transform:translateY(-2px)}.month-total{display:block;font-size:25px!important;margin:12px 0 3px}.month-card-foot{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(159,178,210,.10);color:#8794a8;font-size:8px}
.staff-main{max-width:1320px;margin:0 auto;padding:48px 42px 80px}.staff-main h1{font-size:42px;letter-spacing:-.045em;margin:8px 0}.staff-intro{color:var(--muted)}.staff-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:18px;margin-top:28px}.staff-list,.staff-editor{border:1px solid var(--line);border-radius:20px;background:rgba(13,21,33,.60);padding:16px}.staff-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:13px;color:var(--text);text-decoration:none}.staff-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(100,137,210,.12);font-weight:800}.staff-card b,.staff-card span,.staff-card small{display:block}.staff-card span,.staff-card small{color:var(--muted);font-size:8px;margin-top:3px}.staff-card em{font-size:7px;font-style:normal;color:var(--muted)}.staff-editor form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.staff-editor label{font-size:8px;color:var(--muted)}.staff-editor input,.staff-editor textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}.staff-editor textarea{min-height:100px}.staff-editor .wide{grid-column:1/-1}.staff-active{display:flex!important;align-items:center;gap:7px}.staff-active input{width:auto!important;margin:0!important}.staff-actions{display:flex;gap:8px}.staff-delete{display:block!important;margin-top:12px!important}.staff-delete button{border:0;background:none;color:#9d6d75;font-size:9px}.staff-empty{padding:30px;color:var(--muted);font-size:10px}@media(max-width:900px){.staff-layout{grid-template-columns:1fr}.project-watermark{width:76px;height:76px}}@media(max-width:650px){.staff-main{padding:28px 18px}.staff-editor form{grid-template-columns:1fr}.staff-editor .wide{grid-column:auto}.project-watermark{display:none}}

/* v1.2.7.1 — guaranteed Casa del Billar logo placement */
.casa-del-billar-ui main{position:relative}
.project-logo-corner{
 position:absolute;z-index:12;right:34px;top:26px;
 width:124px;height:124px;display:grid;place-items:center;
 pointer-events:none;
}
.project-logo-corner img{
 display:block;width:100%;height:100%;object-fit:contain;
 opacity:.96;
 filter:drop-shadow(0 16px 32px rgba(0,0,0,.30));
}
html[data-theme="light"] .project-logo-corner img,
body.light .project-logo-corner img{filter:drop-shadow(0 13px 26px rgba(33,50,72,.16))}
@media(max-width:1050px){.project-logo-corner{width:92px;height:92px;right:22px;top:22px}}
@media(max-width:720px){.project-logo-corner{width:62px;height:62px;right:15px;top:18px;opacity:.88}}

/* =========================================================
   YUVL. v1.2.8 — CASA DEL BILLAR GREEN SIGNATURE
   Dark theme only. Light theme remains intentionally clean.
   ========================================================= */
html:not([data-theme="light"]) .casa-del-billar-ui,
body:not(.light).casa-del-billar-ui{
 --cdb-bg:#03100b;
 --cdb-bg2:#061a11;
 --cdb-surface:rgba(7,29,19,.76);
 --cdb-surface-strong:rgba(8,38,24,.88);
 --cdb-line:rgba(115,207,158,.13);
 --cdb-line-hi:rgba(126,229,174,.25);
 --cdb-text:#f4faf6;
 --cdb-muted:#8fa89b;
 --cdb-blue:#a6d8bc;
 --cdb-green:#32b875;
 --cdb-green-soft:rgba(46,181,112,.17);
 background:
   radial-gradient(1000px 620px at 82% -8%,rgba(33,170,91,.19),transparent 61%),
   radial-gradient(820px 600px at 10% 38%,rgba(11,111,63,.15),transparent 66%),
   radial-gradient(600px 440px at 68% 78%,rgba(27,139,82,.09),transparent 68%),
   linear-gradient(155deg,#020b07 0%,#04150e 37%,#062117 70%,#020c08 100%)!important;
 background-attachment:fixed!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui:before,
body:not(.light).casa-del-billar-ui:before{
 content:"";position:fixed;z-index:0;inset:0;pointer-events:none;
 background:
  linear-gradient(115deg,transparent 15%,rgba(61,190,116,.035) 38%,transparent 58%),
  radial-gradient(circle at 50% 110%,rgba(37,185,105,.08),transparent 44%);
 animation:casaGreenBreath 14s ease-in-out infinite alternate;
}
html:not([data-theme="light"]) .casa-del-billar-ui header,
body:not(.light).casa-del-billar-ui header{
 background:linear-gradient(180deg,rgba(3,15,10,.90),rgba(3,16,11,.72))!important;
 border-color:rgba(112,206,156,.13)!important;
 box-shadow:0 1px rgba(255,255,255,.018),0 12px 38px rgba(0,0,0,.12);
}
html:not([data-theme="light"]) .casa-del-billar-ui aside,
body:not(.light).casa-del-billar-ui aside{
 background:linear-gradient(180deg,rgba(3,16,11,.84),rgba(4,23,15,.72))!important;
 border-color:rgba(112,206,156,.12)!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui nav a.active,
body:not(.light).casa-del-billar-ui nav a.active{
 background:linear-gradient(135deg,rgba(28,107,67,.28),rgba(14,62,40,.23))!important;
 border-color:rgba(94,204,145,.18)!important;
 box-shadow:inset 0 1px rgba(220,255,236,.035),0 12px 28px rgba(0,0,0,.08);
}
html:not([data-theme="light"]) .casa-del-billar-ui nav a:hover,
body:not(.light).casa-del-billar-ui nav a:hover{background:rgba(35,120,76,.10)!important}
html:not([data-theme="light"]) .casa-del-billar-ui .btn,
body:not(.light).casa-del-billar-ui .btn{
 background:linear-gradient(180deg,rgba(17,49,33,.72),rgba(8,31,20,.72))!important;
 border-color:rgba(115,205,157,.14)!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui .btn:hover,
body:not(.light).casa-del-billar-ui .btn:hover{
 background:linear-gradient(180deg,rgba(25,71,46,.80),rgba(10,39,25,.78))!important;
 border-color:rgba(124,226,171,.25)!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui .monthcard,
html:not([data-theme="light"]) .casa-del-billar-ui .month-card,
body:not(.light).casa-del-billar-ui .monthcard,
body:not(.light).casa-del-billar-ui .month-card{
 border-color:rgba(111,201,153,.13)!important;
 background:
   radial-gradient(420px 180px at 100% 0%,rgba(48,168,101,.07),transparent 60%),
   linear-gradient(145deg,rgba(10,39,25,.82),rgba(4,21,14,.77) 62%,rgba(3,15,10,.80))!important;
 box-shadow:0 22px 58px rgba(0,0,0,.20),inset 0 1px rgba(221,255,236,.028)!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui .monthcard:hover,
html:not([data-theme="light"]) .casa-del-billar-ui .month-card:hover,
body:not(.light).casa-del-billar-ui .monthcard:hover,
body:not(.light).casa-del-billar-ui .month-card:hover{
 border-color:rgba(112,229,164,.26)!important;
 background:
   radial-gradient(440px 190px at var(--mx,80%) var(--my,0%),rgba(71,200,128,.12),transparent 60%),
   linear-gradient(145deg,rgba(12,48,30,.87),rgba(5,25,16,.80))!important;
 box-shadow:0 30px 76px rgba(0,0,0,.27),0 0 42px rgba(32,145,86,.035),inset 0 1px rgba(225,255,239,.04)!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui .monthcard.is-current,
html:not([data-theme="light"]) .casa-del-billar-ui .month-card.is-current,
body:not(.light).casa-del-billar-ui .monthcard.is-current,
body:not(.light).casa-del-billar-ui .month-card.is-current{
 border-color:rgba(100,225,157,.34)!important;
 background:
   radial-gradient(520px 220px at 90% -5%,rgba(68,202,125,.15),transparent 60%),
   linear-gradient(140deg,rgba(16,66,41,.91),rgba(7,35,22,.86) 52%,rgba(3,18,12,.86))!important;
 box-shadow:0 26px 75px rgba(0,0,0,.25),0 0 50px rgba(35,160,94,.06),inset 0 1px rgba(231,255,241,.05)!important;
}
html:not([data-theme="light"]) .casa-del-billar-ui .amd-row,
body:not(.light).casa-del-billar-ui .amd-row{color:#96ad9f}
html:not([data-theme="light"]) .casa-del-billar-ui .amd-row b,
body:not(.light).casa-del-billar-ui .amd-row b{color:#eff8f2}
html:not([data-theme="light"]) .casa-del-billar-ui .amd-cash span,
body:not(.light).casa-del-billar-ui .amd-cash span{
 background:rgba(47,172,104,.09);border-color:rgba(81,201,135,.13);color:#9fc4ad
}
html:not([data-theme="light"]) .casa-del-billar-ui .barshape,
body:not(.light).casa-del-billar-ui .barshape{
 background:linear-gradient(180deg,#54c98a 0%,#238858 52%,#125737 100%)!important;
 box-shadow:0 0 22px rgba(55,187,113,.09);
}
html:not([data-theme="light"]) .casa-del-billar-ui .barlink:hover .barshape,
body:not(.light).casa-del-billar-ui .barlink:hover .barshape{
 filter:brightness(1.14) saturate(1.08);box-shadow:0 0 28px rgba(67,205,127,.17)
}
html:not([data-theme="light"]) .casa-del-billar-ui .eyebrow,
body:not(.light).casa-del-billar-ui .eyebrow{color:#88a997!important}
html:not([data-theme="light"]) .casa-del-billar-ui .project-logo-corner img,
body:not(.light).casa-del-billar-ui .project-logo-corner img{
 filter:drop-shadow(0 18px 34px rgba(0,0,0,.34)) drop-shadow(0 0 28px rgba(41,174,98,.11));
}
html:not([data-theme="light"]) .casa-del-billar-ui .project-logo-corner:before,
body:not(.light).casa-del-billar-ui .project-logo-corner:before{
 content:"";position:absolute;inset:-18px;border-radius:50%;z-index:-1;
 background:radial-gradient(circle,rgba(52,188,106,.12),transparent 67%);
 filter:blur(9px);animation:casaLogoAura 7s ease-in-out infinite alternate;
}

/* animated green light waves */
.cdb-green-wave{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.13;mix-blend-mode:screen}
.cdb-green-wave-a{width:44vw;height:30vw;left:7%;top:7%;background:radial-gradient(circle,#2dc879,transparent 68%);animation:cdbGreenWaveA 24s ease-in-out infinite alternate}
.cdb-green-wave-b{width:38vw;height:34vw;right:-8%;bottom:-6%;background:radial-gradient(circle,#168d58,transparent 68%);animation:cdbGreenWaveB 31s ease-in-out infinite alternate}
html[data-theme="light"] .cdb-green-wave,body.light .cdb-green-wave{display:none}

/* billiard balls get a faint green room reflection, not a green recolor */
html:not([data-theme="light"]) .cdb-ball i,
body:not(.light) .cdb-ball i{
 box-shadow:0 13px 34px rgba(0,0,0,.38),inset -8px -9px 16px rgba(0,0,0,.27),0 0 18px rgba(49,175,103,.045)
}
html:not([data-theme="light"]) .cdb-table-line,
body:not(.light) .cdb-table-line{
 background:linear-gradient(90deg,transparent,rgba(93,216,155,.16),transparent)
}
html:not([data-theme="light"]) .cdb-cue-trace,
body:not(.light) .cdb-cue-trace{
 background:linear-gradient(90deg,transparent,rgba(128,238,178,.25),transparent)
}
@keyframes casaGreenBreath{0%{opacity:.62;transform:scale(1)}100%{opacity:1;transform:scale(1.035)}}
@keyframes casaLogoAura{0%{opacity:.45;transform:scale(.94)}100%{opacity:.92;transform:scale(1.08)}}
@keyframes cdbGreenWaveA{0%{transform:translate(-8vw,-4vh) scale(.90)}55%{transform:translate(24vw,13vh) scale(1.12)}100%{transform:translate(48vw,-1vh) scale(.96)}}
@keyframes cdbGreenWaveB{0%{transform:translate(7vw,10vh) scale(1)}50%{transform:translate(-26vw,-17vh) scale(.90)}100%{transform:translate(-48vw,4vh) scale(1.14)}}
@media(prefers-reduced-motion:reduce){.cdb-green-wave,.project-logo-corner:before,.casa-del-billar-ui:before{animation:none!important}}

/* =========================================================
   YUVL. v1.2.9 — CASA LUMINOUS / 12 BALL AMBIENT
   ========================================================= */

/* Five additional ambient balls */
.cdb-ball-8{left:3%;top:49%;width:20px;height:20px;opacity:.09;animation:cdbBall8 33s linear infinite}
.cdb-ball-9{left:31%;top:11%;width:29px;height:29px;opacity:.085;animation:cdbBall9 41s linear infinite reverse}
.cdb-ball-10{right:17%;top:72%;width:34px;height:34px;opacity:.10;animation:cdbBall10 49s linear infinite}
.cdb-ball-11{left:53%;top:46%;width:16px;height:16px;opacity:.11;animation:cdbBall11 29s linear infinite reverse}
.cdb-ball-12{right:2%;bottom:8%;width:24px;height:24px;opacity:.075;animation:cdbBall12 44s linear infinite}
@keyframes cdbBall8{0%{transform:translate(-10vw,-6vh)}38%{transform:translate(28vw,25vh)}72%{transform:translate(51vw,-9vh)}100%{transform:translate(81vw,18vh)}}
@keyframes cdbBall9{0%{transform:translate(-20vw,8vh)}50%{transform:translate(24vw,47vh)}100%{transform:translate(61vw,15vh)}}
@keyframes cdbBall10{0%{transform:translate(13vw,11vh)}42%{transform:translate(-32vw,-33vh)}76%{transform:translate(-54vw,5vh)}100%{transform:translate(-77vw,-22vh)}}
@keyframes cdbBall11{0%{transform:translate(-29vw,27vh)}48%{transform:translate(9vw,-31vh)}100%{transform:translate(39vw,18vh)}}
@keyframes cdbBall12{0%{transform:translate(8vw,-5vh)}55%{transform:translate(-41vw,-42vh)}100%{transform:translate(-73vw,-12vh)}}

/* ---------- LIGHT THEME: Casa Ivory & Sage ---------- */
html[data-theme="light"] .casa-del-billar-ui,
body.light.casa-del-billar-ui,
.light .casa-del-billar-ui{
 --cdb-bg:#f3f5ef;
 --cdb-bg2:#e9eee7;
 --cdb-surface:rgba(255,255,252,.74);
 --cdb-surface-strong:rgba(252,255,250,.90);
 --cdb-line:rgba(38,91,64,.13);
 --cdb-line-hi:rgba(30,111,72,.23);
 --cdb-text:#14251c;
 --cdb-muted:#718177;
 --cdb-blue:#397d5b;
 --cdb-green:#187348;
 --cdb-green-soft:rgba(32,126,78,.10);
 background:
   radial-gradient(900px 570px at 82% -5%,rgba(85,158,112,.15),transparent 62%),
   radial-gradient(760px 520px at 6% 35%,rgba(189,211,190,.26),transparent 67%),
   radial-gradient(620px 450px at 72% 85%,rgba(129,177,145,.11),transparent 67%),
   linear-gradient(145deg,#f8faf5 0%,#f0f4ed 42%,#e8eee7 78%,#f5f7f1 100%)!important;
 color:var(--cdb-text)!important;
}
html[data-theme="light"] .casa-del-billar-ui:before,
body.light.casa-del-billar-ui:before,
.light .casa-del-billar-ui:before{
 content:"";position:fixed;z-index:0;inset:0;pointer-events:none;
 background:
   linear-gradient(120deg,transparent 12%,rgba(255,255,255,.45) 38%,transparent 61%),
   radial-gradient(circle at 50% 112%,rgba(83,157,109,.10),transparent 43%);
 animation:casaLightBreath 16s ease-in-out infinite alternate;
}
html[data-theme="light"] .casa-del-billar-ui header,
body.light.casa-del-billar-ui header,
.light .casa-del-billar-ui header{
 background:linear-gradient(180deg,rgba(250,252,248,.88),rgba(244,248,242,.72))!important;
 border-color:rgba(40,96,65,.12)!important;
 box-shadow:0 1px rgba(255,255,255,.85),0 15px 38px rgba(37,69,50,.055)!important;
}
html[data-theme="light"] .casa-del-billar-ui aside,
body.light.casa-del-billar-ui aside,
.light .casa-del-billar-ui aside{
 background:linear-gradient(180deg,rgba(244,248,241,.88),rgba(235,242,234,.76))!important;
 border-color:rgba(40,96,65,.11)!important;
 box-shadow:inset -1px 0 rgba(255,255,255,.58)!important;
}
html[data-theme="light"] .casa-del-billar-ui nav a,
body.light.casa-del-billar-ui nav a,
.light .casa-del-billar-ui nav a{color:#65776b!important}
html[data-theme="light"] .casa-del-billar-ui nav a.active,
body.light.casa-del-billar-ui nav a.active,
.light .casa-del-billar-ui nav a.active{
 color:#173b28!important;
 background:linear-gradient(135deg,rgba(213,233,217,.82),rgba(234,243,233,.72))!important;
 border-color:rgba(45,118,75,.15)!important;
 box-shadow:0 10px 28px rgba(46,88,59,.055),inset 0 1px rgba(255,255,255,.72)!important;
}
html[data-theme="light"] .casa-del-billar-ui nav a:hover,
body.light.casa-del-billar-ui nav a:hover,
.light .casa-del-billar-ui nav a:hover{background:rgba(210,230,214,.48)!important;color:#214c34!important}
html[data-theme="light"] .casa-del-billar-ui .btn:not(.primary),
body.light.casa-del-billar-ui .btn:not(.primary),
.light .casa-del-billar-ui .btn:not(.primary){
 background:linear-gradient(180deg,rgba(255,255,253,.88),rgba(239,244,238,.80))!important;
 border-color:rgba(41,95,64,.13)!important;color:#254334!important;
 box-shadow:0 7px 20px rgba(39,74,51,.05),inset 0 1px rgba(255,255,255,.86)!important;
}
html[data-theme="light"] .casa-del-billar-ui .btn.primary,
body.light.casa-del-billar-ui .btn.primary,
.light .casa-del-billar-ui .btn.primary{
 background:linear-gradient(180deg,#246f49,#155c3a)!important;color:#f7fff9!important;
 border-color:rgba(17,82,49,.20)!important;box-shadow:0 9px 25px rgba(26,105,64,.14)!important;
}
html[data-theme="light"] .casa-del-billar-ui .monthcard,
html[data-theme="light"] .casa-del-billar-ui .month-card,
body.light.casa-del-billar-ui .monthcard,
body.light.casa-del-billar-ui .month-card,
.light .casa-del-billar-ui .monthcard,
.light .casa-del-billar-ui .month-card{
 border-color:rgba(44,100,68,.12)!important;
 background:
  radial-gradient(430px 190px at 100% 0%,rgba(106,165,123,.08),transparent 62%),
  linear-gradient(145deg,rgba(255,255,252,.89),rgba(241,246,239,.79))!important;
 box-shadow:0 20px 55px rgba(45,75,54,.075),inset 0 1px rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .casa-del-billar-ui .monthcard:hover,
html[data-theme="light"] .casa-del-billar-ui .month-card:hover,
body.light.casa-del-billar-ui .monthcard:hover,
body.light.casa-del-billar-ui .month-card:hover,
.light .casa-del-billar-ui .monthcard:hover,
.light .casa-del-billar-ui .month-card:hover{
 border-color:rgba(38,119,72,.22)!important;
 background:
  radial-gradient(440px 200px at var(--mx,80%) var(--my,0%),rgba(78,154,102,.11),transparent 60%),
  linear-gradient(145deg,rgba(255,255,253,.94),rgba(237,244,236,.86))!important;
 box-shadow:0 28px 68px rgba(42,76,52,.105),inset 0 1px rgba(255,255,255,.96)!important;
}
html[data-theme="light"] .casa-del-billar-ui .monthcard.is-current,
html[data-theme="light"] .casa-del-billar-ui .month-card.is-current,
body.light.casa-del-billar-ui .monthcard.is-current,
body.light.casa-del-billar-ui .month-card.is-current,
.light .casa-del-billar-ui .monthcard.is-current,
.light .casa-del-billar-ui .month-card.is-current{
 border-color:rgba(32,126,75,.27)!important;
 background:
  radial-gradient(480px 210px at 92% -4%,rgba(68,150,96,.14),transparent 61%),
  linear-gradient(145deg,rgba(230,244,231,.96),rgba(246,249,243,.91))!important;
 box-shadow:0 24px 65px rgba(42,107,65,.09),inset 0 1px rgba(255,255,255,.94)!important;
}
html[data-theme="light"] .casa-del-billar-ui h1,
html[data-theme="light"] .casa-del-billar-ui h2,
html[data-theme="light"] .casa-del-billar-ui h3,
html[data-theme="light"] .casa-del-billar-ui .amd-row b,
body.light.casa-del-billar-ui h1,body.light.casa-del-billar-ui h2,body.light.casa-del-billar-ui h3,
body.light.casa-del-billar-ui .amd-row b,
.light .casa-del-billar-ui h1,.light .casa-del-billar-ui h2,.light .casa-del-billar-ui h3,
.light .casa-del-billar-ui .amd-row b{color:#14251c!important}
html[data-theme="light"] .casa-del-billar-ui .amd-row,
body.light.casa-del-billar-ui .amd-row,
.light .casa-del-billar-ui .amd-row{color:#718177!important}
html[data-theme="light"] .casa-del-billar-ui .eyebrow,
body.light.casa-del-billar-ui .eyebrow,
.light .casa-del-billar-ui .eyebrow{color:#6f8477!important}
html[data-theme="light"] .casa-del-billar-ui .amd-cash span,
body.light.casa-del-billar-ui .amd-cash span,
.light .casa-del-billar-ui .amd-cash span{
 background:rgba(53,137,83,.07)!important;border-color:rgba(50,126,78,.11)!important;color:#547363!important
}
html[data-theme="light"] .casa-del-billar-ui .barshape,
body.light.casa-del-billar-ui .barshape,
.light .casa-del-billar-ui .barshape{
 background:linear-gradient(180deg,#65ad7d 0%,#39845a 52%,#246642 100%)!important;
 box-shadow:0 8px 20px rgba(47,112,70,.09)!important;
}
html[data-theme="light"] .project-logo-corner img,
body.light .project-logo-corner img,
.light .project-logo-corner img{
 filter:drop-shadow(0 14px 28px rgba(32,75,47,.14))!important;
}
html[data-theme="light"] .project-logo-corner:before,
body.light .project-logo-corner:before,
.light .project-logo-corner:before{
 content:"";position:absolute;inset:-20px;border-radius:50%;z-index:-1;
 background:radial-gradient(circle,rgba(70,150,96,.11),transparent 68%);
 filter:blur(10px);animation:casaLightLogoAura 8s ease-in-out infinite alternate;
}

/* Light mode ambient: visible but refined, like sunlight across felt */
html[data-theme="light"] .cdb-ambient,
body.light.casa-del-billar-ui .cdb-ambient,
.light .casa-del-billar-ui .cdb-ambient{opacity:.48!important}
html[data-theme="light"] .cdb-green-wave,
body.light .cdb-green-wave,
.light .cdb-green-wave{display:block!important;opacity:.065;mix-blend-mode:multiply}
html[data-theme="light"] .cdb-ball,
body.light .cdb-ball,
.light .cdb-ball{opacity:.075}
html[data-theme="light"] .cdb-ball i,
body.light .cdb-ball i,
.light .cdb-ball i{
 background:radial-gradient(circle at 31% 27%,rgba(255,255,255,.92) 0 4%,rgba(93,153,111,.25) 12%,rgba(56,106,71,.34) 42%,rgba(28,64,40,.47) 78%)!important;
 box-shadow:0 12px 28px rgba(41,77,51,.11),inset -7px -8px 14px rgba(33,74,47,.09)!important
}
html[data-theme="light"] .cdb-table-line,
body.light .cdb-table-line,
.light .cdb-table-line{background:linear-gradient(90deg,transparent,rgba(42,118,72,.13),transparent)!important}
html[data-theme="light"] .cdb-cue-trace,
body.light .cdb-cue-trace,
.light .cdb-cue-trace{background:linear-gradient(90deg,transparent,rgba(39,113,68,.17),transparent)!important}

@keyframes casaLightBreath{0%{opacity:.55;transform:scale(1)}100%{opacity:.92;transform:scale(1.025)}}
@keyframes casaLightLogoAura{0%{opacity:.35;transform:scale(.95)}100%{opacity:.72;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.casa-del-billar-ui:before,.project-logo-corner:before{animation:none!important}}