:root{--bg: #10151c;--panel: #1a222c;--panel-2: #202a36;--border: rgba(230, 234, 240, .1);--text: #E6EAF0;--text-2: #B2BCCB;--muted: #8A96AA;--paid: #3DFFB2;--unpaid: #FF5A5A;--deposit: #FFD966;--api-green: #3DFFB2;--api-amber: #FFD966;--api-red: #FF5A5A;--pagePad: 18px;--radius: 18px;--radiusSm: 14px;--auraOffset: 8px;--auraBlur: 4px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{color:inherit}::placeholder{color:#b2bccba6}select.oe-input option{background:var(--panel-2);color:var(--text)}.oe-app{min-height:100vh;width:100%}.oe-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pagePad);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#fff0)}.oe-brand{display:flex;align-items:center;gap:14px}.oe-logo{width:90px;height:90px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.oe-title{font-weight:900;letter-spacing:.2px;font-size:20px}.oe-subtitle{color:var(--muted);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:8px}.oe-headerRight{display:flex;gap:10px;align-items:center}.oe-apiDotWrap{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.oe-apiDot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 18px #ffffff14}.oe-apiDot.green{background:var(--api-green);box-shadow:0 0 18px color-mix(in srgb,var(--api-green) 45%,transparent)}.oe-apiDot.amber{background:var(--api-amber);box-shadow:0 0 18px color-mix(in srgb,var(--api-amber) 45%,transparent)}.oe-apiDot.red{background:var(--api-red);box-shadow:0 0 18px color-mix(in srgb,var(--api-red) 45%,transparent)}.oe-apiDotLabel{color:var(--text-2);font-size:12px}.oe-nav{display:flex;gap:10px;padding:10px var(--pagePad);border-bottom:1px solid var(--border)}.oe-navItem{text-decoration:none;color:var(--text-2);padding:10px 12px;border-radius:14px;border:1px solid transparent;background:#ffffff05;transition:transform .12s ease,background .12s ease,border-color .12s ease}.oe-navItem:hover{background:#ffffff0d;transform:translateY(-1px);border-color:#ffffff1a}.oe-navItem.active{color:var(--text);background:#ffffff0f;border-color:#ffffff24}.oe-page{width:100%;padding:var(--pagePad)}.oe-btn{cursor:pointer;border:1px solid rgba(255,255,255,.12);color:var(--text);background:#ffffff0f;padding:10px 12px;border-radius:14px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.oe-btn:hover{transform:translateY(-1px);background:#ffffff14;border-color:#ffffff29}.oe-btn:active{transform:translateY(0)}.oe-btnGhost{background:#ffffff08;border-color:#ffffff1a}.oe-btnDanger{background:#ff5a5a1a;border-color:#ff5a5a59}.oe-input,.oe-textarea,select.oe-input{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);padding:10px 12px;outline:none;transition:border-color .12s ease,background .12s ease}.oe-inputSmall{max-width:280px}.oe-input:focus,.oe-textarea:focus,select.oe-input:focus{border-color:#fff3;background:#ffffff12}.oe-textarea{min-height:90px;resize:vertical}.oe-label{display:grid;gap:6px;color:var(--text-2);font-size:13px}.oe-form{display:grid;gap:12px}.oe-twoCol{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:980px){.oe-twoCol{grid-template-columns:1fr}.oe-inputSmall{max-width:100%}}.oe-panel{position:relative;border-radius:var(--radius);background:var(--panel);border:1px solid rgba(255,255,255,.1);padding:14px;overflow:hidden}.oe-panel:before{content:"";position:absolute;inset:0;transform:translate(var(--auraOffset),var(--auraOffset));border-radius:var(--radius);filter:blur(var(--auraBlur));background:#ffffff14;opacity:.75;z-index:0;pointer-events:none}.oe-panel>*{position:relative;z-index:1}.oe-panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.oe-panelTitle{font-weight:900;letter-spacing:.2px;font-size:15px}.oe-muted{color:var(--muted)}.oe-dot{opacity:.5;margin:0 6px}.oe-empty{color:var(--muted);padding:10px 6px}.oe-list{display:grid;gap:14px}.oe-row{position:relative;border-radius:var(--radiusSm);background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden}.oe-row:before{content:"";position:absolute;inset:0;transform:translate(var(--auraOffset),var(--auraOffset));border-radius:var(--radiusSm);filter:blur(var(--auraBlur));background:#ffffff0f;opacity:.7;z-index:0;pointer-events:none}.oe-row>*{position:relative;z-index:1}.oe-rowMain{min-width:0}.oe-rowTitle{font-weight:900;font-size:14px;margin-bottom:4px}.oe-rowMeta{font-size:12px;color:var(--text-2);display:flex;flex-wrap:wrap;align-items:center}.oe-rowActions{display:flex;gap:8px;flex-shrink:0}.oe-hubGrid{display:grid;grid-template-columns:420px 1fr;gap:16px;align-items:start}@media(max-width:1100px){.oe-hubGrid{grid-template-columns:1fr}}.oe-clientRow{width:100%;text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:var(--radiusSm);padding:12px;transition:transform .12s ease,background .12s ease,border-color .12s ease;position:relative;overflow:hidden}.oe-clientRow:before{content:"";position:absolute;inset:0;transform:translate(var(--auraOffset),var(--auraOffset));border-radius:var(--radiusSm);filter:blur(var(--auraBlur));background:#ffffff0f;opacity:.7;z-index:0;pointer-events:none}.oe-clientRow>*{position:relative;z-index:1}.oe-clientRow:hover{transform:translateY(-1px);background:#ffffff0d;border-color:#ffffff24}.oe-clientTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}.oe-clientName{font-weight:900;font-size:14px}.oe-clientNext{color:var(--muted);font-size:12px;white-space:nowrap}.oe-clientMeta{color:var(--text-2);font-size:12px;display:flex;flex-wrap:wrap;align-items:center}.oe-calendarPanel{padding:14px}.oe-calendarHeader{align-items:center}.oe-calControls{display:flex;gap:8px}.oe-calendar{border-radius:var(--radiusSm);border:1px solid rgba(255,255,255,.1);background:#ffffff05;overflow:hidden}.oe-calTop{display:grid;grid-template-columns:72px repeat(7,1fr);border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.oe-calCorner{border-right:1px solid rgba(255,255,255,.08)}.oe-calDayHead{padding:10px;border-right:1px solid rgba(255,255,255,.06)}.oe-calDayHead.today{background:#ffffff0a}.oe-calDayName{color:var(--text-2);font-size:12px;font-weight:800}.oe-calDayDate{color:var(--text);font-size:13px;font-weight:900;margin-top:2px}.oe-calBody{display:grid;grid-template-columns:72px 1fr;max-height:420px;overflow:auto}.oe-calTimes{border-right:1px solid rgba(255,255,255,.08);background:#ffffff05}.oe-calTime{height:48px;padding:10px;font-size:12px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.05)}.oe-calGrid{display:grid;grid-template-columns:repeat(7,1fr)}.oe-calCol{position:relative;border-right:1px solid rgba(255,255,255,.05)}.oe-calCell{height:48px;border-bottom:1px solid rgba(255,255,255,.05)}.oe-calEvents{position:absolute;inset:0;pointer-events:none}.oe-eventCard{pointer-events:auto;position:absolute;left:10px;right:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);color:#fffffff0;padding:10px;text-align:left;cursor:pointer;overflow:visible;transition:transform .12s ease,filter .12s ease;isolation:isolate}.oe-eventCard:before{content:"";position:absolute;inset:0;transform:translate(var(--auraOffset),var(--auraOffset));border-radius:14px;filter:blur(var(--auraBlur));opacity:.95;z-index:-1;pointer-events:none;background:#ffffff1a}.oe-eventCard.status-paid:before{background:color-mix(in srgb,var(--paid) 50%,transparent)}.oe-eventCard.status-unpaid:before{background:color-mix(in srgb,var(--unpaid) 45%,transparent)}.oe-eventCard.status-deposit:before{background:color-mix(in srgb,var(--deposit) 45%,transparent)}.oe-eventCard:hover{transform:translateY(-2px);filter:saturate(1.05)}.oe-eventTitle{font-weight:900;font-size:13px;line-height:1.1}.oe-eventSub{margin-top:4px;font-size:12px;color:#ffffffe0}.oe-eventTooltip{position:absolute;left:0;top:100%;width:320px;padding-top:10px;display:none;z-index:50}.oe-eventCard:hover .oe-eventTooltip{display:block}.oe-tooltipCard{border-radius:16px;background:var(--panel-2);border:1px solid rgba(255,255,255,.14);padding:12px;position:relative;overflow:hidden;transform:translateY(-6px)}.oe-tooltipCard:before{content:"";position:absolute;inset:0;transform:translate(8px,8px);border-radius:16px;filter:blur(4px);background:#ffffff1a;opacity:.85;z-index:0;pointer-events:none}.oe-tooltipCard>*{position:relative;z-index:1}.oe-tooltipTitle{font-weight:900;margin-bottom:8px;letter-spacing:.2px}.oe-tooltipLine{font-size:12px;color:var(--text-2);margin:4px 0}.oe-twoColLayout{display:grid;grid-template-columns:420px 1fr;gap:16px;align-items:start}@media(max-width:1100px){.oe-twoColLayout{grid-template-columns:1fr}}.oe-error{margin:12px var(--pagePad) 0;padding:10px 12px;border-radius:14px;background:#ff5a5a1a;border:1px solid rgba(255,90,90,.35);color:var(--text)}.oe-modalOverlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:18px;z-index:999}.oe-modal{width:min(680px,96vw);border-radius:18px;background:var(--panel-2);border:1px solid rgba(255,255,255,.14);overflow:hidden;position:relative}.oe-modal:before{content:"";position:absolute;inset:0;transform:translate(8px,8px);border-radius:18px;filter:blur(4px);background:#ffffff1a;opacity:.85;z-index:0;pointer-events:none}.oe-modal>*{position:relative;z-index:1}.oe-modalHeader{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.oe-modalTitle{font-weight:900;letter-spacing:.2px}.oe-modalBody{padding:12px}.oe-modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px var(--pagePad);background:#151a21b8;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo{width:42px;height:42px;object-fit:contain}.brandText{display:flex;flex-direction:column;gap:2px}.brandTitle{font-weight:900;letter-spacing:.2px;color:var(--text)}.brandSub{font-size:12px;color:var(--muted)}.topbarRight{display:flex;align-items:center;gap:12px}.layout{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px var(--pagePad)}.sidebar{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);background:#151a218c;border-radius:18px}.navItem{text-decoration:none;color:var(--text-2);padding:10px 12px;border-radius:14px;border:1px solid transparent;background:#ffffff05;transition:transform .12s ease,background .12s ease,border-color .12s ease}.navItem:hover{transform:translateY(-1px);border-color:#ffffff1a;background:#ffffff0a;color:var(--text)}.navItem.active{border-color:#ffffff2e;background:#ffffff0f;color:var(--text)}.content{min-width:0}.panel{border:1px solid var(--border);background:#151a218c;border-radius:18px;padding:14px}.btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:800;letter-spacing:.15px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#ffffff14}.btn.ghost{background:transparent;border-color:#ffffff1f}input,select,textarea{color:var(--text);background:#151a21a6;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;outline:none}input::placeholder,textarea::placeholder{color:#b2bccb8c}input:focus,select:focus,textarea:focus{border-color:#ffffff38}: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}