:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}#root{min-height:100vh}html[data-theme=light]{color-scheme:light;--bg: #F7F8FB;--panel: #FFFFFF;--panel-2: #F2F4F8;--border: #E6E9F0;--text: #111827;--muted: #5B667A;--muted-2: #6C7890;--shadow-soft: 0 6px 18px rgba(17, 24, 39, .08);--btn: linear-gradient(135deg, #4C8DFF, #8B6FE8);--btnText: #FFFFFF;--dangerBg: rgba(255, 90, 90, .14);--dangerBorder: rgba(255, 90, 90, .35);--inputBg: #FFFFFF;--inputText: var(--text);--paid: #3DFFB2;--unpaid: #FF5A5A;--deposit: #FFD966;--timeText: #1F2937;--timeTextAlt: #111827;--todayCol: rgba(76, 141, 255, .12);--todayColStrong: rgba(76, 141, 255, .18)}html[data-theme=dark]{color-scheme:dark;--bg: #0E1116;--panel: #151A21;--panel-2: #11161D;--border: rgba(255, 255, 255, .08);--text: #E9EEF7;--muted: #7C8799;--muted-2: #9AA6B8;--shadow-soft: 0 10px 24px rgba(0, 0, 0, .45);--btn: linear-gradient(135deg, #4C8DFF, #8B6FE8);--btnText: #FFFFFF;--dangerBg: rgba(255, 90, 90, .12);--dangerBorder: rgba(255, 90, 90, .35);--inputBg: rgba(255, 255, 255, .04);--inputText: var(--text);--paid: #3DFFB2;--unpaid: #FF5A5A;--deposit: #FFD966;--timeText: #BFD0E6;--timeTextAlt: #E9EEF7;--todayCol: rgba(76, 141, 255, .14);--todayColStrong: rgba(76, 141, 255, .22)}body{background:var(--bg);color:var(--text)}.oe-app{min-height:100vh;display:flex;flex-direction:column}.oe-page{padding:18px;max-width:1200px;width:100%;margin:0 auto}.oe-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#fff0)}.oe-brand{display:flex;align-items:center;gap:14px;min-width:260px}.oe-logo{width:44px;height:44px;border-radius:14px;background:var(--panel);border:1px solid var(--border);padding:8px;box-shadow:var(--shadow-soft)}.oe-title{font-size:18px;font-weight:750;letter-spacing:.2px}.oe-subtitle{margin-top:2px;color:var(--muted);font-size:13px}.oe-headerRight{display:flex;gap:10px;align-items:center}.oe-nav{display:flex;gap:8px;padding:10px 18px 14px;border-bottom:1px solid var(--border)}.oe-navItem{text-decoration:none;color:var(--muted-2);background:transparent;border:1px solid transparent;padding:8px 12px;border-radius:12px;font-weight:650;font-size:14px}.oe-navItem:hover{color:var(--text);border-color:var(--border);background:#ffffff0a}.oe-navItem.active{color:var(--text);border-color:var(--border);background:#4c8dff1f}.oe-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow-soft)}.oe-panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.oe-panelTitle{font-weight:750;font-size:16px;margin:0}.oe-muted{color:var(--muted)}.oe-empty{color:var(--muted);padding:10px 0}.oe-hubGrid{display:grid;grid-template-columns:420px 1fr;gap:14px}@media(max-width:980px){.oe-hubGrid{grid-template-columns:1fr}}.oe-twoColLayout{display:grid;grid-template-columns:420px 1fr;gap:14px}@media(max-width:980px){.oe-twoColLayout{grid-template-columns:1fr}}.oe-form{display:flex;flex-direction:column;gap:12px}.oe-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted-2);font-weight:650}.oe-input,.oe-textarea,select.oe-input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--inputBg);color:var(--inputText);outline:none;font-size:14px}.oe-textarea{min-height:92px;resize:vertical}.oe-input:focus,.oe-textarea:focus{border-color:#4c8dff99;box-shadow:0 0 0 4px #4c8dff26}.oe-inputSmall{padding:8px 10px;border-radius:12px;font-size:13px}.oe-twoCol{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.oe-twoCol{grid-template-columns:1fr}}.oe-btn{appearance:none;border:0;cursor:pointer;padding:10px 14px;border-radius:14px;background:var(--btn);color:var(--btnText);font-weight:750;font-size:14px;box-shadow:var(--shadow-soft)}.oe-btn:disabled{opacity:.55;cursor:not-allowed}.oe-btnGhost{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.oe-btnGhost:hover{background:#ffffff0d}.oe-btnDanger{background:var(--dangerBg);border:1px solid var(--dangerBorder);color:var(--text);box-shadow:none}.oe-list{display:flex;flex-direction:column;gap:10px}.oe-row{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--border);border-radius:16px}.oe-rowMain{display:flex;flex-direction:column;gap:4px}.oe-rowTitle{font-weight:750}.oe-rowMeta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.oe-rowActions{display:flex;gap:8px;align-items:center}.oe-dot{opacity:.8}.oe-clientRow{text-align:left;width:100%;background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:12px;color:var(--text);cursor:pointer}.oe-clientRow:hover{background:#ffffff0f}.oe-clientTop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.oe-clientName{font-weight:850}.oe-clientNext{font-size:13px;font-weight:800;color:var(--text);opacity:.9}.oe-clientMeta{margin-top:6px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px}.oe-error{max-width:1200px;width:calc(100% - 36px);margin:10px auto 0;background:#ff5a5a1f;border:1px solid rgba(255,90,90,.35);color:var(--text);border-radius:16px;padding:12px 14px}.oe-apiDotWrap{display:inline-flex;align-items:center;gap:8px}.oe-apiDot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 4px #ffffff08}.oe-apiDot.green{background:#22c55e}.oe-apiDot.amber{background:#f59e0b}.oe-apiDot.red{background:#ef4444}.oe-apiDotLabel{font-size:12px;color:var(--muted);font-weight:650}.oe-toggleRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--border);background:#ffffff08}.oe-toggleLeft{display:flex;flex-direction:column;gap:2px}.oe-toggleTitle{font-weight:800}.oe-toggleHint{color:var(--muted);font-size:13px}.oe-toggleBtn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 12px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer}.oe-togglePill{width:44px;height:24px;border-radius:999px;border:1px solid var(--border);position:relative;background:#ffffff0d}.oe-toggleKnob{width:20px;height:20px;border-radius:999px;position:absolute;top:1px;left:1px;transition:transform .18s ease;background:#ef4444}.oe-toggleKnob.on{transform:translate(20px);background:#22c55e}.oe-toggleIcon{font-size:16px}.oe-toggleState{font-weight:800;font-size:13px;opacity:.95}.oe-calendarPanel{overflow:hidden}.oe-calendar{border:1px solid var(--border);border-radius:16px;overflow:hidden}.oe-calTop{display:grid;grid-template-columns:80px repeat(7,1fr);background:var(--panel-2);border-bottom:1px solid var(--border)}.oe-calCorner{border-right:1px solid var(--border)}.oe-calDayHead{padding:10px;border-right:1px solid var(--border)}.oe-calDayHead.today{background:var(--todayColStrong);box-shadow:inset 0 0 0 1px #4c8dff59}.oe-calDayName{font-weight:850;font-size:13px}.oe-calDayDate{color:var(--muted);font-size:12px;margin-top:2px}.oe-calScroll{max-height:560px;overflow-y:auto;overscroll-behavior:contain}.oe-calBody{display:grid;grid-template-columns:80px 1fr;background:#ffffff05}:root{--rowH: 44px}.oe-calTimes{border-right:1px solid var(--border);background:#ffffff05}.oe-calTime{height:var(--rowH);padding:10px;font-size:12px;display:flex;align-items:flex-start;justify-content:flex-end;color:var(--timeText);font-weight:750;opacity:.9}.oe-calTime.alt{color:var(--timeTextAlt);opacity:.98}.oe-calGrid{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.oe-calCol{position:relative;border-right:1px solid var(--border)}.oe-calCell{height:var(--rowH);border-bottom:1px solid rgba(255,255,255,.05)}.oe-calCol.todayCol{background:var(--todayCol)}.oe-calEvents{position:absolute;inset:0;pointer-events:none}.oe-eventCard{pointer-events:auto;position:absolute;left:8px;right:8px;border-radius:14px;border:1px solid rgba(255,255,255,.22);color:#0b0f14;padding:10px;box-shadow:0 12px 26px #00000059;text-align:left;cursor:pointer;overflow:hidden}.oe-eventTitle{font-weight:900;font-size:13px}.oe-eventSub{margin-top:2px;font-size:12px;opacity:.9}.oe-eventCard.status-paid:after,.oe-eventCard.status-unpaid:after,.oe-eventCard.status-deposit:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:999px;opacity:.9}.oe-eventCard.status-paid:after{background:var(--paid)}.oe-eventCard.status-unpaid:after{background:var(--unpaid)}.oe-eventCard.status-deposit:after{background:var(--deposit)}.oe-eventTooltip{position:absolute;inset:0;opacity:0;transition:opacity .12s ease}.oe-eventCard:hover .oe-eventTooltip{opacity:1}.oe-tooltipCard{position:absolute;left:0;right:0;bottom:0;transform:translateY(8px);background:#0f141ceb;color:#e9eef7;border-top:1px solid rgba(255,255,255,.18);padding:10px;border-radius:12px}.oe-tooltipTitle{font-weight:900;font-size:12px;margin-bottom:6px}.oe-tooltipLine{font-size:12px;opacity:.95}.oe-modalBackdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:50}.oe-modal{width:min(720px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}.oe-modalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border)}.oe-modalTitle{font-weight:850}.oe-modalBody{padding:12px}