:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--success: #059669;--success-bg: #ecfdf5;--success-border: #6ee7b7;--success-text: #065f46;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fca5a5;--danger-text: #991b1b;--sans: "Inter", system-ui, sans-serif;--heading: "Inter", system-ui, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px;--success: #34d399;--success-bg: rgba(52, 211, 153, .12);--success-border: rgba(52, 211, 153, .4);--success-text: #6ee7b7;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .4);--danger-text: #fca5a5}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;font-family:var(--sans);cursor:pointer;transition:opacity .15s,box-shadow .15s,background .15s;white-space:nowrap;line-height:1}.btn--small{padding:5px 12px;font-size:13px;border-radius:7px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){opacity:.85;box-shadow:0 2px 10px var(--accent-border)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){opacity:.85}.btn--ghost{background:var(--social-bg);color:var(--text-h);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--border)}.btn:disabled{background:var(--border);color:var(--text);cursor:not-allowed}.modal .btn--primary{background:var(--accent);color:#fff;font-weight:600}.modal .btn--ghost{background:#f5f5f5;border-color:#d0d0d0;color:#1a1a1a}.modal .btn--ghost:hover:not(:disabled){background:#ebebeb;border-color:#999}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:12px}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card__title{margin:0;font-size:15px;font-weight:500;color:var(--text-h)}.field{margin-bottom:14px}.field__label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--text)}.field__input{display:block;width:100%;padding:9px 12px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--sans);color:var(--text-h);background:var(--bg);transition:border-color .15s,box-shadow .15s}.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.field__input::placeholder{color:var(--text);opacity:.6}.modal .field__input{background:#f9f9f9;border-color:#d0d0d0;color:#1a1a1a}.modal .field__input::placeholder{color:#999;opacity:1}.modal .field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #aa3bff26}.modal .field__label{color:#333}.modal .feedback{border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:12px}.modal .feedback--error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000040;color:#1a1a1a}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal__title{margin:0;font-size:17px;font-weight:600;color:#1a1a1a}.modal__close{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:4px 8px;border-radius:6px;line-height:1;transition:color .15s,background .15s}.modal__close:hover{color:#1a1a1a;background:#f0f0f0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:24px 16px}.auth-card{width:100%;max-width:380px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:36px 32px;box-shadow:var(--shadow)}.auth-logo{font-size:40px;display:block;text-align:center;margin-bottom:8px}.auth-title{font-size:20px!important;font-weight:600!important;letter-spacing:-.3px!important;color:var(--text-h);text-align:center;margin:0 0 4px!important}.auth-subtitle{font-size:14px;color:var(--text);text-align:center;margin:0 0 28px}.auth-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--danger-text);margin-bottom:16px}.auth-submit{width:100%;margin-top:6px}.auth-link{margin-top:20px;font-size:14px;color:var(--text);text-align:center}.auth-link a{color:var(--accent);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.layout{display:flex;min-height:100svh}.sidebar{width:240px;flex-shrink:0;background:#1e1b2e;display:flex;flex-direction:column;padding:24px 0;position:sticky;top:0;height:100svh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 20px 24px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.sidebar__logo{font-size:26px;line-height:1}.sidebar__title{font-size:15px;font-weight:600;color:#fff;margin:0}.sidebar__subtitle{font-size:12px;color:#ffffff73;margin:2px 0 0}.sidebar__nav{padding:0 12px}.sidebar__nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:none;color:#ffffff8c;font-size:14px;font-family:var(--sans);font-weight:400;cursor:pointer;text-align:left;transition:background .15s,color .15s;margin-bottom:2px}.sidebar__nav-item:hover{background:#ffffff12;color:#ffffffd9}.sidebar__nav-item--active{background:#aa3bff33;color:#fff;font-weight:500}.sidebar__nav-item--active .nav-icon{color:var(--accent)}.nav-icon{width:17px;height:17px;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.sidebar__footer{padding:16px 12px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:16px}.sidebar__logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:none;color:#ffffff73;font-size:14px;font-family:var(--sans);cursor:pointer;transition:background .15s,color .15s}.sidebar__logout:hover{background:#dc262626;color:#f87171}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.main__header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--border);background:var(--bg)}.main__title{margin:0;font-size:20px;font-weight:600;color:var(--text-h)}.main__content{padding:28px 32px;max-width:760px}.tab-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.empty-state{color:var(--text);font-size:14px;text-align:center;padding:32px 0}.layout--child,.layout--child .sidebar__title,.layout--child .main__title,.layout--child .card__title,.layout--child .btn,.layout--child .field__label,.layout--child .field__input,.layout--child .tab-btn,.layout--child .sidebar__nav-item,.layout--child .sidebar__logout{font-family:Nunito,system-ui,sans-serif}.layout--child{background-color:#1a0a3c;background-image:url(/bg.jpg),linear-gradient(145deg,#2d1b69,#0f0520 60%,#1a0040);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:100svh}@supports (-webkit-touch-callout: none){.layout--child{background-attachment:scroll}}.layout--child .sidebar{background:#0f05288c;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.sidebar--child .sidebar__brand{border-bottom-color:#ffffff26}.sidebar--child .sidebar__subtitle,.sidebar--child .sidebar__nav-item{color:#ffffffa6}.sidebar--child .sidebar__nav-item:hover{background:#ffffff1f;color:#fff}.sidebar--child .sidebar__nav-item--active{background:#fff3;color:#fff}.sidebar--child .sidebar__nav-item--active .nav-icon{color:#fff}.sidebar--child .sidebar__footer{border-top-color:#ffffff26}.sidebar--child .sidebar__logout{color:#ffffff8c}.sidebar--child .sidebar__logout:hover{background:#0000001a;color:#fff}.main--child{background:transparent}.main--child .main__header{background:#0a041e59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#ffffff1f}.main--child .main__title{color:#fff}.main--child .main__content .card{background:#0f082885;border-color:#ffffff24;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 4px 24px #0000004d}.main--child .main__content .card__title{color:#fff}.main--child .main__content .account-box{background:#ffffff17;border-color:#ffffff21}.main--child .main__content .account-box__label{color:#ffffffb3}.main--child .main__content .account-box__balance{color:#fff!important}.main--child .main__content .task-title{color:#fff}.main--child .main__content .task-meta{color:#ffffffbf}.main--child .main__content .value-bar-track{background:#fff3}.main--child .main__content .value-bar-label,.main--child .main__content .split-hint{color:#ffffffbf}.main--child .main__content .split-pct,.main--child .main__content .tx-desc{color:#fff}.main--child .main__content .tx-row{border-top-color:#ffffff1a}.main--child .main__content .tx-empty{color:#fff9}.main--child .main__content .empty-state{color:#ffffffbf}.main--child .main__content .feedback--success{background:#34d39933;border-color:#34d39966;color:#a7f3d0}.main--child .main__content .feedback--error{background:#f8717133;border-color:#f8717166;color:#fca5a5}.main--child .btn--ghost{background:#ffffff26;border-color:#ffffff40;color:#fff}.main--child .btn--ghost:hover{background:#ffffff40}.main--child .btn--primary{background:#ffffff40;color:#fff}@media(max-width:768px){.sidebar{display:none}.layout{flex-direction:column}.main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.main__header{padding:16px 20px;padding-top:max(16px,calc(env(safe-area-inset-top) + 12px))}.main__content{padding:16px 20px}}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:inline-flex}}.bottom-bar{display:none}@media(max-width:768px){.bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0c0620d1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom);z-index:50;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-bar::-webkit-scrollbar{display:none}.bottom-bar--child{background:#0c0423d9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top-color:#ffffff1f}.bottom-bar__item{flex:1 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:none;background:none;color:#ffffff73;font-size:10px;font-family:var(--sans);cursor:pointer;transition:color .15s;position:relative;white-space:nowrap}.bottom-bar__item--active{color:#fff}.bottom-bar__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:2px;border-radius:0 0 2px 2px;background:#c8a0ffd9}.bottom-bar__item .nav-icon{width:20px;height:20px}.bottom-bar__badge{position:absolute;top:5px;right:calc(50% - 20px);background:var(--danger);color:#fff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600}}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-box{background:var(--social-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.account-box__label{margin:0 0 4px;font-size:12px;color:var(--text)}.account-box__balance{margin:0 0 10px;font-size:22px;font-weight:600}.value-bar-wrap{margin-top:8px}.value-bar-track{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.value-bar-fill{height:100%;border-radius:4px;transition:width .3s}.value-bar-label{margin:3px 0 0;font-size:12px;color:var(--text)}.task-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-row__info{flex:1}.task-title{margin:0 0 3px;font-weight:500;color:var(--text-h);font-size:14px}.task-meta{margin:0 0 8px;font-size:12px;color:var(--text)}.feedback{border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:12px}.feedback--success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.feedback--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.tx-list{margin:0}.tx-row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--border);font-size:13px}.tx-row:first-child{border-top:none}.tx-desc{color:var(--text-h)}.tx-amount{font-weight:500}.tx-amount--pos{color:var(--success)}.tx-amount--neg{color:var(--danger)}.tx-empty{font-size:13px;color:var(--text);margin:0;opacity:.7}.split-hint{margin:0 0 12px;font-size:13px;color:var(--text)}.split-row{display:flex;gap:10px;align-items:center}.split-row input[type=range]{flex:1;accent-color:var(--accent)}.split-pct{min-width:42px;font-weight:500;font-size:15px;color:var(--text-h)}.list-row{display:flex;justify-content:space-between;align-items:center}.list-row__main{flex:1}.list-row__title{margin:0 0 2px;font-weight:500;font-size:14px;color:var(--text-h)}.list-row__sub{margin:0;font-size:13px;color:var(--text)}.check-label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px;cursor:pointer;color:var(--text-h)}.layout--parent{background-color:#0f172a;background-image:url(/navbar.jpg),linear-gradient(145deg,#1e3a5f,#0f172a 60%,#1a1035);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}@supports (-webkit-touch-callout: none){.layout--parent{background-attachment:scroll}}.layout--parent .sidebar{background:#0a143299;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.layout--parent .sidebar__title{color:#fff}.layout--parent .sidebar__subtitle{color:#ffffff80}.layout--parent .sidebar__nav-item{color:#fff9}.layout--parent .sidebar__nav-item:hover{background:#ffffff1a;color:#fff}.layout--parent .sidebar__nav-item--active{background:#3b82f64d;color:#fff}.layout--parent .sidebar__nav-item--active .nav-icon{color:#93c5fd}.layout--parent .sidebar__footer{border-top-color:#ffffff1a}.layout--parent .sidebar__logout{color:#ffffff80}.layout--parent .sidebar__logout:hover{background:#dc262626;color:#f87171}.main--parent{background:transparent}.main--parent .main__header{background:#08122a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#ffffff1a}.main--parent .main__title{color:#fff}.main--parent .main__content .card{background:#ffffffed;border-color:#fff3;box-shadow:0 4px 20px #00000040}@media(max-width:768px){.bottom-bar--parent{background:#081028e0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top-color:#ffffff1a}.bottom-bar--parent .bottom-bar__item--active{color:#93c5fd}.bottom-bar--parent .bottom-bar__item--active:before{background:#93c5fdd9}.main--parent{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.main--parent .main__header{padding-top:max(16px,calc(env(safe-area-inset-top) + 12px))}}