@charset "UTF-8";:root{--color-primary: rgb(21, 95, 117);--color-primary-contrast: #ffffff;--color-danger: #eb445a;--color-success: #2dd36f;--color-medium: #92949c;--color-light: #f4f5f8;--border: #e2e3e6;--background: #f2f3f5;--surface: #ffffff;--card-bg: #ffffff;--text: #1f2023;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family);color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:var(--color-primary)}app-root{display:block;height:100dvh}.app-shell{height:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);box-shadow:0 0 24px #0000000f}.tabs-host,.page-host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tabs__content{flex:1;min-height:0;display:flex;flex-direction:column}.tab-bar{display:flex;flex:0 0 auto;height:56px;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0)}.tab-bar__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--color-medium);font:inherit;font-size:11px;text-decoration:none;cursor:pointer}.tab-bar__btn svg{width:22px;height:22px}.tab-bar__btn.active{color:var(--color-primary)}.toolbar{flex:0 0 auto;position:sticky;top:0;z-index:10;display:flex;align-items:center;min-height:52px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.toolbar__title{font-size:18px;font-weight:600;color:var(--color-primary)}.toolbar--centered{justify-content:center}.content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 10px #00000014;padding:16px;margin:16px 0}.card--clickable{cursor:pointer}.card__title{font-size:18px;font-weight:700}.card__subtitle{font-size:13px;color:var(--color-medium);margin-top:4px}.card__content{margin-top:8px}.list-header{font-size:16px;font-weight:700;padding:8px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;line-height:1.2;border:0;border-radius:8px;padding:12px 18px;background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){filter:brightness(.92)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{display:flex;width:100%}.btn--small{padding:7px 12px;font-size:13px}.btn--clear{background:transparent;color:var(--color-primary)}.grid{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px}.col{flex:1;min-width:0}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:12px;font-weight:500;color:var(--color-medium)}.input{width:100%;font-size:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 0 5px #ccc}.input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.segment{display:flex;gap:4px;overflow-x:auto;padding:4px;background:var(--color-light);border-radius:10px;flex-shrink:0}.segment__btn{flex:1 0 auto;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}.segment__btn.active{background:var(--surface);color:var(--color-primary);font-weight:600;box-shadow:0 1px 3px #0000002e}.spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--color-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);z-index:1000;max-width:90%;padding:12px 18px;border-radius:8px;color:var(--color-primary-contrast);font-size:14px;text-align:center;box-shadow:0 4px 16px #00000040}.toast--danger{background:var(--color-danger)}.toast--success{background:var(--color-success)}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.mt{margin-top:16px}.mb{margin-bottom:16px}.divider{border:0;border-top:1px solid var(--border);margin:16px 0}
