@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{--komu-bg:#f6fafa;--komu-text:#16232e;--komu-text-2:#52616f;--komu-text-3:#8a97a3;--komu-primary:#2f6690;--komu-primary-dark:#1f4e6b;--komu-accent:#f59e0b;--komu-success:#2fa36b;--komu-success-bg:#e8f3ee;--komu-danger:#e4574c;--komu-danger-bg:#fdedeb;--komu-info:#2f6690;--komu-info-bg:#ebf3fa;--komu-muted-bg:#eef2f5;--komu-border:#e2e8ed;--komu-border-faint:#eef2f5;--komu-kid-bg:#f5f3ff;--komu-kid-primary:#7c5cfc;--komu-kid-primary-light:#9b7fff;--komu-kid-soft:#ede9fe;--komu-kid-text:#2d2a55;--komu-kid-text-2:#8b87b3;--komu-kid-text-3:#b3afd1;--komu-kid-success:#22c55e;--komu-kid-success-bg:#e8f8ef;--komu-kid-pending:#b8860b;--komu-kid-pending-bg:#fff4e0;--komu-avatar-1:#7c5cfc;--komu-avatar-2:#3ec6e0;--komu-avatar-3:#ff6584;--komu-avatar-4:#22c55e;--komu-font:"Plus Jakarta Sans", system-ui, sans-serif;--komu-font-kid-display:"Baloo 2", cursive;--komu-font-kid-body:"Nunito", sans-serif;--komu-radius-sm:10px;--komu-radius-md:12px;--komu-radius-lg:14px;--komu-radius-card:18px;--komu-radius-kid-card:20px;--komu-radius-panel:24px;--komu-radius-pill:999px;--komu-shadow-card:0 1px 4px #16232e0f;--komu-shadow-kid-card:0 2px 16px #7c5cfc1a;--komu-shadow-raised:0 2px 12px #16232e0f;--komu-shadow-modal:0 20px 60px #16232e33}.komu-surface{background:var(--komu-bg);color:var(--komu-text);font-family:var(--komu-font);-webkit-font-smoothing:antialiased}.komu-kid-surface{background:var(--komu-kid-bg);color:var(--komu-kid-text);font-family:var(--komu-font-kid-body);-webkit-font-smoothing:antialiased}.komu-title{font:700 15px/1.3 var(--komu-font);color:var(--komu-text);margin:0}.komu-title--lg{font-size:20px;font-weight:700}.komu-title--xl{font-size:28px;font-weight:800;line-height:1.2}.komu-body{font:400 14px/1.5 var(--komu-font);color:var(--komu-text-2);margin:0}.komu-meta{font:500 12px/1.4 var(--komu-font);color:var(--komu-text-3);margin:0}.komu-label{font:700 11px/1.4 var(--komu-font);letter-spacing:.06em;text-transform:uppercase;color:var(--komu-text-3);margin:0}.komu-amount{font:700 15px/1.2 var(--komu-font);color:var(--komu-accent)}.komu-amount--credit{color:var(--komu-success)}.komu-amount--debit{color:var(--komu-danger)}.komu-kid-title{font:800 22px/1.2 var(--komu-font-kid-display);color:var(--komu-kid-text);margin:0}.komu-kid-amount{font:800 32px/1.1 var(--komu-font-kid-display);color:var(--komu-kid-primary);margin:0}.komu-kid-body{font:400 14px/1.5 var(--komu-font-kid-body);color:var(--komu-kid-text-2);margin:0}.komu-kid-task-name{font:700 14px/1.4 var(--komu-font-kid-body);color:var(--komu-kid-text);margin:0}.komu-kid-task-name--done{opacity:.6;text-decoration:line-through}.komu-kid-reward{font:700 13px/1.3 var(--komu-font-kid-display);color:var(--komu-kid-primary);margin:0}.komu-stack{flex-direction:column;gap:12px;display:flex}.komu-stack--tight{gap:6px}.komu-stack--loose{gap:20px}.komu-row{align-items:center;gap:12px;display:flex}.komu-row--between{justify-content:space-between}.komu-row--end{justify-content:flex-end}.komu-row--wrap{flex-wrap:wrap}.komu-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.komu-divider-top{border-top:1px solid var(--komu-border-faint);padding-top:10px}.komu-grow{flex:1;min-width:0}.komu-btn{font-family:var(--komu-font);border-radius:var(--komu-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.komu-btn:focus-visible{outline:2px solid var(--komu-primary);outline-offset:2px}.komu-btn:active{transform:scale(.98)}.komu-btn:disabled,.komu-btn[disabled],.komu-btn.is-disabled{opacity:.5;cursor:not-allowed;transform:none}.komu-btn--primary{background:var(--komu-primary);color:#fff;box-shadow:0 1px 3px #0000001a}.komu-btn--primary:hover:not(:disabled){background:var(--komu-primary-dark);box-shadow:0 4px 6px -1px #0000001a}.komu-btn--secondary{color:var(--komu-primary);border-color:var(--komu-border);background:#fff}.komu-btn--secondary:hover:not(:disabled){border-color:var(--komu-primary);background:var(--komu-bg)}.komu-btn--ghost{color:var(--komu-text-2);background:0 0}.komu-btn--ghost:hover:not(:disabled){background:var(--komu-muted-bg);color:var(--komu-text)}.komu-btn--danger{background:var(--komu-danger-bg);color:var(--komu-danger)}.komu-btn--danger:hover:not(:disabled){background:var(--komu-danger);color:#fff}.komu-btn--danger:focus-visible{outline-color:var(--komu-danger)}.komu-btn--sm{border-radius:var(--komu-radius-sm);padding:6px 12px;font-size:13px}.komu-btn--lg{border-radius:var(--komu-radius-lg);padding:12px 20px;font-size:15px}.komu-btn--kid{background:linear-gradient(135deg, var(--komu-kid-primary), var(--komu-kid-primary-light));color:#fff;font-family:var(--komu-font-kid-body);border-radius:var(--komu-radius-pill);padding:10px 20px;font-weight:700;box-shadow:0 4px 12px #7c5cfc45}.komu-field{flex-direction:column;gap:6px;display:flex}.komu-field__label{font:600 13px/1.3 var(--komu-font);color:var(--komu-text)}.komu-field__wrap{display:block;position:relative}.komu-input,.komu-select{box-sizing:border-box;width:100%;font:400 14px/1.4 var(--komu-font);color:var(--komu-text);border:1px solid var(--komu-border);border-radius:var(--komu-radius-md);background:#fff;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.komu-input::placeholder{color:var(--komu-text-3)}.komu-input:hover,.komu-select:hover{border-color:var(--komu-text-3)}.komu-input:focus,.komu-select:focus{border-color:var(--komu-primary);box-shadow:0 0 0 2px #2f66901f}.komu-input--with-icon{padding-left:36px}.komu-field__icon{color:var(--komu-text-3);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.komu-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:36px}.komu-field__chevron{color:var(--komu-text-3);pointer-events:none;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.komu-field__hint{font:400 12px/1.4 var(--komu-font);color:var(--komu-text-3)}.komu-field__error{font:400 12px/1.4 var(--komu-font);color:var(--komu-danger)}.komu-field--error .komu-input,.komu-field--error .komu-select{border-color:var(--komu-danger)}.komu-field--error .komu-input:focus{box-shadow:0 0 0 2px #e4574c33}.komu-card{border:1px solid var(--komu-border-faint);border-radius:var(--komu-radius-card);box-shadow:var(--komu-shadow-card);background:#fff;padding:20px}.komu-card--flush{padding:0}.komu-card__row{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.komu-card__row+.komu-card__row{border-top:1px solid var(--komu-border-faint)}.komu-card__header{border-bottom:1px solid var(--komu-border-faint);padding:12px 20px}.komu-card__thumb{border-radius:var(--komu-radius-md);background:linear-gradient(135deg, var(--komu-info-bg), var(--komu-muted-bg));justify-content:center;align-items:center;width:100%;height:80px;font-size:30px;display:flex}.komu-stat{background:var(--komu-muted-bg);border-radius:var(--komu-radius-md);text-align:center;padding:12px}.komu-stat--accent{background:var(--komu-kid-pending-bg)}.komu-stat__value{font:800 18px/1.2 var(--komu-font);color:var(--komu-text);margin:0}.komu-stat--accent .komu-stat__value{color:var(--komu-accent);font-size:16px}.komu-stat__label{font:400 11px/1.3 var(--komu-font);color:var(--komu-text-3);margin:0}.komu-badge{border-radius:var(--komu-radius-pill);font:600 12px/1.6 var(--komu-font);background:var(--komu-info-bg);color:var(--komu-info);align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.komu-badge--success{background:var(--komu-success-bg);color:var(--komu-success)}.komu-badge--pending{background:var(--komu-kid-pending-bg);color:var(--komu-kid-pending)}.komu-badge--danger{background:var(--komu-danger-bg);color:var(--komu-danger)}.komu-badge--info{background:var(--komu-info-bg);color:var(--komu-info)}.komu-badge--muted{background:var(--komu-muted-bg);color:var(--komu-text-2)}.komu-kid-badge{border-radius:var(--komu-radius-pill);font:700 12px/1.6 var(--komu-font-kid-body);background:var(--komu-kid-success-bg);color:var(--komu-kid-success);align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.komu-kid-badge--success{background:var(--komu-kid-success-bg);color:var(--komu-kid-success)}.komu-kid-badge--pending{background:var(--komu-kid-pending-bg);color:var(--komu-kid-pending)}.komu-kid-badge--info{background:var(--komu-kid-soft);color:var(--komu-kid-primary)}.komu-avatar{flex-direction:column;align-items:center;gap:6px;display:inline-flex}.komu-avatar__circle{--komu-avatar-color:var(--komu-avatar-1);border-radius:var(--komu-radius-pill);color:#fff;width:40px;height:40px;font-family:var(--komu-font-kid-display);background:linear-gradient(135deg, var(--komu-avatar-color), color-mix(in srgb, var(--komu-avatar-color) 60%, #fff));box-shadow:0 2px 8px color-mix(in srgb, var(--komu-avatar-color) 27%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.komu-avatar--sm .komu-avatar__circle{width:32px;height:32px;font-size:13px}.komu-avatar--lg .komu-avatar__circle{width:56px;height:56px;font-size:20px}.komu-avatar--xl .komu-avatar__circle{width:80px;height:80px;font-size:30px}.komu-avatar--c1 .komu-avatar__circle{--komu-avatar-color:var(--komu-avatar-1)}.komu-avatar--c2 .komu-avatar__circle{--komu-avatar-color:var(--komu-avatar-2)}.komu-avatar--c3 .komu-avatar__circle{--komu-avatar-color:var(--komu-avatar-3)}.komu-avatar--c4 .komu-avatar__circle{--komu-avatar-color:var(--komu-avatar-4)}.komu-avatar__name{font:600 13px/1.2 var(--komu-font);color:var(--komu-text);text-align:center;margin:0}.komu-avatar__age{font:400 11px/1.3 var(--komu-font);color:var(--komu-text-3);text-align:center;margin:0}.komu-bottomnav{border-top:1px solid var(--komu-border-faint);background:#fff;justify-content:space-around;align-items:flex-end;padding:8px 8px 4px;display:flex;box-shadow:0 -4px 16px #16232e0f}.komu-bottomnav__item{border-radius:var(--komu-radius-md);color:var(--komu-text-3);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;display:flex}.komu-bottomnav__icon{border-radius:var(--komu-radius-sm);padding:6px;display:inline-flex}.komu-bottomnav__label{font:600 10px/1.2 var(--komu-font)}.komu-bottomnav__item.is-active{color:var(--komu-primary)}.komu-bottomnav__item.is-active .komu-bottomnav__icon{background:#2f669014}.komu-bottomnav--kid .komu-bottomnav__label{font-family:var(--komu-font-kid-body)}.komu-bottomnav--kid .komu-bottomnav__item.is-active{color:var(--komu-kid-primary)}.komu-bottomnav--kid .komu-bottomnav__item.is-active .komu-bottomnav__icon{background:#7c5cfc14}.komu-sidebar{border:1px solid var(--komu-border-faint);width:224px;height:100%;box-shadow:var(--komu-shadow-raised);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.komu-sidebar__brand{border-bottom:1px solid var(--komu-border-faint);padding:20px}.komu-sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex}.komu-sidebar__link{border-radius:var(--komu-radius-md);width:100%;font:500 14px/1.4 var(--komu-font);color:var(--komu-text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.komu-sidebar__link svg{color:var(--komu-text-3)}.komu-sidebar__link:hover{background:var(--komu-muted-bg);color:var(--komu-text)}.komu-sidebar__link.is-active{background:var(--komu-primary);color:#fff;box-shadow:0 1px 3px #0000001a}.komu-sidebar__link.is-active svg{color:#fff}.komu-sidebar__footer{border-top:1px solid var(--komu-border-faint);padding:12px}.komu-sidebar__user{border-radius:var(--komu-radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}.komu-sidebar__user:hover{background:var(--komu-muted-bg)}.komu-logo{align-items:center;gap:8px;display:inline-flex}.komu-logo__mark{border-radius:var(--komu-radius-sm);background:linear-gradient(135deg, var(--komu-primary), var(--komu-primary-dark));color:#fff;width:32px;height:32px;font:900 14px/1 var(--komu-font);justify-content:center;align-items:center;display:flex}.komu-logo__text{font:700 17px/1.2 var(--komu-font);color:var(--komu-text)}.komu-logo__text em{color:var(--komu-accent);font-style:normal}.komu-modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16232e66;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.komu-modal--fixed{position:fixed}.komu-modal__dialog{border-radius:var(--komu-radius-panel);width:100%;max-width:384px;box-shadow:var(--komu-shadow-modal);background:#fff;overflow:hidden}.komu-modal__header{border-bottom:1px solid var(--komu-border-faint);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.komu-modal__title{font:700 16px/1.3 var(--komu-font);color:var(--komu-text);margin:0}.komu-modal__close{width:32px;height:32px;color:var(--komu-text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.komu-modal__close:hover{background:var(--komu-muted-bg);color:var(--komu-text)}.komu-modal__body{padding:24px}.komu-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.komu-empty__icon{background:var(--komu-muted-bg);width:80px;height:80px;color:var(--komu-text-3);border-radius:20px;justify-content:center;align-items:center;display:flex}.komu-empty__title{font:700 16px/1.3 var(--komu-font);color:var(--komu-text);margin:0}.komu-empty__text{font:400 14px/1.5 var(--komu-font);color:var(--komu-text-2);margin:0}.komu-empty--kid .komu-empty__icon{background:var(--komu-kid-soft);color:var(--komu-kid-primary)}.komu-empty--kid .komu-empty__title{font-family:var(--komu-font-kid-display);color:var(--komu-kid-text)}.komu-empty--kid .komu-empty__text{font-family:var(--komu-font-kid-body);color:var(--komu-kid-text-2)}.komu-kid-card{border-radius:var(--komu-radius-kid-card);box-shadow:var(--komu-shadow-kid-card);background:#fff;padding:20px}.komu-kid-card--task{align-items:center;gap:12px;padding:16px;display:flex}.komu-kid-card__emoji{border-radius:var(--komu-radius-md);background:var(--komu-kid-bg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.komu-kid-card__emoji--done{background:var(--komu-kid-success-bg)}.komu-kid-card__emoji--pending{background:var(--komu-kid-pending-bg)}.komu-kid-header{background:linear-gradient(135deg, var(--komu-kid-primary), var(--komu-kid-primary-light));border-radius:var(--komu-radius-panel);color:#fff;padding:20px}.komu-kid-header__greeting{font:400 13px/1.4 var(--komu-font-kid-body);color:#ffffffb3;margin:0}.komu-kid-header__name{font:800 22px/1.2 var(--komu-font-kid-display);color:#fff;margin:0}.komu-kid-header__balance{font:800 32px/1.1 var(--komu-font-kid-display);color:#fff;margin:0}:root{--background:#fff;--foreground:#171717}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}