:root{
  --pt-navy:#0a2d58;
  --pt-navy-2:#113b6d;
  --pt-pink:#d31357;
  --pt-pink-soft:#fff0f5;
  --pt-blue:#2f73ef;
  --pt-green:#27b867;
  --pt-orange:#ff922d;
  --pt-red:#dc2446;
  --pt-text:#11243f;
  --pt-muted:#68778d;
  --pt-bg:#edf3f8;
  --pt-card:#ffffff;
  --pt-border:#e3eaf1;
  --pt-radius:22px;
  --pt-shadow:0 14px 40px rgba(18,48,85,.10);
  --safe-bottom:max(12px,env(safe-area-inset-bottom));
}
*{box-sizing:border-box}
html{background:var(--pt-bg);scroll-behavior:smooth}
body{margin:0;color:var(--pt-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#fff 0,#edf3f8 48%,#e8eef4 100%);-webkit-font-smoothing:antialiased}
button,select,input,textarea{font:inherit}
button{border:0}
button:focus-visible,select:focus-visible{outline:3px solid rgba(47,115,239,.25);outline-offset:2px}
.icon,.chev{width:24px;height:24px;display:block;fill:none}
.chev{width:19px;height:19px;flex:0 0 auto}
.page-shell{min-height:100vh}
.app-frame{width:min(100%,520px);margin:0 auto;padding:16px 14px 94px}
.round-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eef4fb;color:var(--pt-navy)}
.round-icon .icon{width:25px;height:25px}
.round-icon.pink{background:#ffeaf2;color:var(--pt-pink)}
.round-icon.blue{background:#eaf2ff;color:var(--pt-blue)}
.round-icon.green{background:#e7faef;color:var(--pt-green)}
.round-icon.orange{background:#fff0df;color:var(--pt-orange)}
.round-icon.red{background:#ffe8ec;color:var(--pt-red)}
.round-icon.navy{background:#edf1f7;color:var(--pt-navy)}
.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);width:min(calc(100% - 32px),440px);padding:13px 16px;border-radius:14px;background:#12243d;color:white;box-shadow:0 16px 34px rgba(10,29,54,.22);z-index:1000;text-align:center;font-weight:700;font-size:13px}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:end center}
.modal-backdrop{position:absolute;inset:0;background:rgba(6,24,44,.38);backdrop-filter:blur(5px)}
.modal-card{position:relative;width:min(100%,520px);max-height:72vh;overflow:auto;background:white;border-radius:26px 26px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(8,34,65,.2)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-head h3{margin:0;font-size:22px}.modal-head p{margin:5px 0 0;color:var(--pt-muted);font-size:13px}.modal-close{background:#eef3f8;color:var(--pt-navy);width:38px;height:38px;border-radius:50%;font-size:25px;line-height:1;cursor:pointer}.empty-state{padding:26px 16px;text-align:center;border:1px dashed #d5dfe8;border-radius:18px;color:var(--pt-muted);background:#f8fafc}
@media(min-width:760px){.app-frame{margin-top:22px;margin-bottom:22px;border-radius:36px;background:rgba(255,255,255,.54);box-shadow:0 24px 70px rgba(26,57,91,.12);overflow:hidden}.bottom-nav{border-radius:22px 22px 0 0}}