:root{--font-sans: "Plus Jakarta Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary: #5b3df5;--primary-dark: #4324d6;--primary-accent: #8b5cf6;--primary-light: #ede9fe;--primary-soft: #f5f3ff;--brand-grad: linear-gradient(135deg, #5b3df5 0%, #7c3aed 55%, #4324d6 100%);--dark-grad: linear-gradient(145deg, #161233 0%, #2a1b5e 55%, #19143a 100%);--text-main: #14172b;--text-secondary: #585c78;--text-muted: #8b90ad;--bg-page: #f4f5fa;--card-bg: #ffffff;--border: #e6e8f2;--success-bg: #dcfce7;--success-text: #15803d;--warning-bg: #fef3c7;--warning-text: #b45309;--danger-text: #ef4444;--shadow-card: 0 8px 24px -6px rgba(15, 17, 38, .06), 0 2px 6px rgba(15, 17, 38, .03);--shadow-elevated: 0 18px 38px -10px rgba(24, 16, 68, .16), 0 4px 12px rgba(15, 17, 38, .06);--shadow-primary: 0 10px 24px -4px rgba(91, 61, 245, .36)}html{height:100%;font-size:16px;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font-family:var(--font-sans)}body{color-scheme:light;background:radial-gradient(circle at 50% 0%,#e8e3ff,#f4f5fa 45%,#eef0f8);color:var(--text-main);font-size:15px;font-weight:500;line-height:1.5;margin:0;height:100%}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}strong{font-weight:700}.ms-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.ms-icon.ms-xs{font-size:14px;vertical-align:-2px}.ms-icon.ms-sm{font-size:15px;vertical-align:-2px}.ms-icon.ms-md{font-size:18px;vertical-align:-3px}.ms-icon.ms-lg{font-size:22px;vertical-align:-4px}.ms-icon.ms-filled{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 20}.ms-icon.ms-amber{color:#f59e0b;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 20}.ms-icon.ms-purple{color:var(--primary)}.mobile-page{width:100%;min-height:100%;background:linear-gradient(180deg,#f7f6ff 0%,var(--bg-page) 220px)}.page-section{padding:18px 18px 0}.page-section.section-bottom{padding-bottom:36px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2,.section-head h3{font-size:17.5px;font-weight:700;color:var(--text-main);margin:0}app-header{display:block;position:sticky;top:0;z-index:30}.app-top-bar{background:#ffffffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(230,232,242,.8);position:sticky;top:0;z-index:30}.back-btn,.icon-action-btn{width:42px;height:42px;border-radius:13px;border:1px solid var(--border);background:var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-main);cursor:pointer;position:relative;box-shadow:0 2px 8px #0f11260a;transition:transform .15s ease,border-color .15s ease}.back-btn:active,.icon-action-btn:active{transform:scale(.95)}.bar-title{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.segmented-tabs{display:flex;background:#e9ebf5;padding:4px;border-radius:14px;margin-bottom:16px;box-shadow:inset 0 1px 3px #0f11260d}.seg-tab{flex:1;padding:10px 8px;border:none;background:transparent;border-radius:11px;font-size:13.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}.seg-tab.active{background:var(--card-bg);color:var(--primary);font-weight:700;box-shadow:0 3px 10px #0f112614}.chips-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}.chips-strip::-webkit-scrollbar{display:none}.chip-btn{padding:10px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:99px;font-size:13.5px;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #0f112608;transition:all .2s cubic-bezier(.22,1,.36,1)}.chip-btn:hover{border-color:#c4b5fd;transform:translateY(-1px)}.chip-btn.active{background:var(--brand-grad);color:#fff;font-weight:700;border-color:transparent;box-shadow:0 6px 14px #5b3df547}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px;border:none}.status-badge.confirmed{background:var(--success-bg);color:var(--success-text)}.status-badge.warning{background:var(--warning-bg);color:var(--warning-text)}.status-badge.action,.status-badge.purple{background:var(--primary-light);color:var(--primary)}.status-badge.solid-purple{background:var(--brand-grad);color:#fff;box-shadow:0 4px 10px #5b3df540}.status-badge.clickable{cursor:pointer}.text-btn{border:none;background:none;font-size:13.5px;font-weight:700;color:var(--primary);cursor:pointer;padding:0}.btn-primary-full{width:100%;background:var(--brand-grad);color:#fff;border:none;border-radius:16px;padding:15px 18px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-primary);transition:transform .15s ease,box-shadow .15s ease}.btn-primary-full:hover{transform:translateY(-1px)}.btn-primary-full:active{transform:translateY(0)}.btn-primary-full.confirmed{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 8px 20px #15803d4d}.btn-secondary-full{width:100%;margin-top:10px;background:var(--primary-light);color:var(--primary);border:1px solid #ddd6fe;border-radius:15px;padding:14px;font-size:14px;font-weight:700;cursor:pointer}.btn-outline{flex:1;background:var(--card-bg);color:var(--primary);border:1.5px solid #d8b4fe;border-radius:14px;padding:14px 12px;font-size:14px;font-weight:700;cursor:pointer}.btn-primary{flex:1.4;background:var(--brand-grad);color:#fff;border:none;border-radius:14px;padding:14px 12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-primary)}.items-stack{display:flex;flex-direction:column;gap:14px}.surface-card{background:var(--card-bg);border:1px solid rgba(230,232,242,.9);border-radius:20px;padding:15px 16px;box-shadow:var(--shadow-card)}.progress-track{height:8px;background:#fff3;border-radius:99px;overflow:hidden}.progress-track.purple-track{background:#ffffff29}.progress-fill{height:100%;background:linear-gradient(90deg,#34d399,#4ade80);border-radius:99px;transition:width .35s cubic-bezier(.22,1,.36,1)}.progress-fill.purple-fill{background:linear-gradient(90deg,#a78bfa,#38bdf8)}