:root{--primary:#5856d6;--primary-hover:#4745b8;--primary-light:#f0effc;--primary-border:#d2d0f7;--bg-dark:#f2f2f7;--bg-card:#fff;--border-color:#e5e5ea;--text-primary:#1c1c1e;--text-secondary:#636366;--text-muted:#8e8e93;--accent:#34c759;--ios-bg-grouped:#f2f2f7;--ios-card-bg:#fff;--ios-subtle-bg:#f8f9fa;--ios-separator:#e5e5ea;--ios-hairline:#3c3c432e;--ios-primary-purple:#5856d6;--ios-primary-purple-light:#f0effc;--ios-primary-purple-border:#d2d0f7;--ios-blue:#007aff;--ios-blue-light:#ebf5ff;--ios-blue-border:#b9dcff;--ios-green:#34c759;--ios-green-light:#eaf9ee;--ios-green-border:#a3e9b4;--ios-orange:#ff9500;--ios-orange-light:#fff6e5;--ios-orange-border:#ffd999;--ios-red:#ff3b30;--ios-red-light:#feeceb;--ios-red-border:#ffb3ae;--ios-label:#000;--ios-secondary-label:#6e6e73;--ios-tertiary-label:#8e8e93;--ios-quaternary-label:#c7c7cc;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--radius-ios-sm:8px;--radius-ios-md:12px;--radius-ios-lg:16px;--radius-ios-card:14px;--radius-ios-pill:9999px;--shadow-ios-card:0 1px 2px #0000000a, 0 2px 6px #00000005;--shadow-ios-elevated:0 8px 24px #00000014;--shadow-ios-button:0 3px 8px #5856d640;--font-ios:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", "Inter", sans-serif;--transition:all .18s cubic-bezier(.16, 1, .3, 1)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-ios);background-color:var(--ios-bg-grouped);color:var(--ios-label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4;font-size:var(--font-size-base);letter-spacing:-.015em;-webkit-user-select:text;user-select:text;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}button,[role=button],.clickable-card{-webkit-user-select:none;user-select:none}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #005fcc}input,select,textarea,button{font:inherit;max-width:100%}input,select,textarea{min-width:0}[dir=rtl] .app-layout,[dir=rtl] .desktop-top-bar-controls,[dir=rtl] .ios-large-title-bar{direction:rtl}[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--ios-separator)}.app-layout{background-color:var(--ios-bg-grouped);min-height:100vh;display:flex;position:relative}.main-wrapper{background-color:var(--ios-bg-grouped);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.page-scroll-area{background-color:var(--ios-bg-grouped);padding-bottom:max(84px, calc(64px + env(safe-area-inset-bottom)));padding-top:env(safe-area-inset-top);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.ios-large-title-bar{background:var(--ios-bg-grouped);justify-content:space-between;align-items:center;gap:.5rem;padding:clamp(.75rem,2vw,1.25rem) clamp(.75rem,2vw,1.25rem) .5rem;display:flex}.ios-large-title{font-size:var(--font-size-2xl);color:var(--ios-label);letter-spacing:-.03em;font-weight:800;line-height:1.15}.ios-segmented-control{background:var(--ios-bg-grouped);scrollbar-width:none;gap:.4rem;padding:.25rem 1rem .75rem;display:flex;overflow-x:auto}.clickable-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s,background-color .15s}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014!important}.clickable-card:active{opacity:.92;transform:scale(.97)!important}.ios-segmented-control::-webkit-scrollbar{display:none}.ios-pill-tab{border-radius:var(--radius-ios-pill);min-height:38px;color:var(--ios-secondary-label);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:var(--transition);background:#fff;border:1px solid #0000000f;align-items:center;gap:4px;padding:.45rem 1.1rem;font-weight:600;display:inline-flex}.ios-pill-tab:active{transform:scale(.96)}.ios-pill-tab.active{background:var(--ios-primary-purple-light);color:var(--ios-primary-purple);border-color:var(--ios-primary-purple-border);font-weight:700}.ios-card-group{border-radius:var(--radius-ios-card);box-shadow:var(--shadow-ios-card);background:#fff;border:1px solid #0000000a;margin:0 clamp(.65rem,2vw,1rem) .85rem;overflow:hidden}.ios-group-title{font-size:var(--font-size-xs);color:var(--ios-secondary-label);text-transform:uppercase;letter-spacing:.02em;padding:.5rem clamp(.85rem,2vw,1.25rem) .35rem;font-weight:700}.ios-list-row{border-bottom:.5px solid var(--ios-separator);cursor:pointer;background:#fff;align-items:flex-start;gap:.65rem;min-height:50px;padding:.8rem clamp(.75rem,2vw,1rem);transition:background .12s;display:flex}.ios-list-row:last-child{border-bottom:none}.ios-list-row:active{background:#f2f2f7}.ios-badge{border-radius:var(--radius-ios-pill);font-size:var(--font-size-2xs);white-space:nowrap;align-items:center;gap:3px;padding:2px 7px;font-weight:700;line-height:1.2;display:inline-flex}.ios-badge-purple{background:var(--ios-primary-purple-light);color:var(--ios-primary-purple);border:1px solid var(--ios-primary-purple-border)}.ios-badge-green{background:var(--ios-green-light);color:#15803d;border:1px solid var(--ios-green-border)}.ios-badge-orange{background:var(--ios-orange-light);color:#b45309;border:1px solid var(--ios-orange-border)}.ios-badge-blue{background:var(--ios-blue-light);color:var(--ios-blue);border:1px solid var(--ios-blue-border)}.ios-badge-red{background:var(--ios-red-light);color:#b91c1c;border:1px solid var(--ios-red-border)}.ios-badge-gray{color:#64748b;background:#f2f2f7;border:1px solid #e2e8f0}.ios-btn-primary{background:var(--ios-primary-purple);color:#fff;border-radius:var(--radius-ios-md);min-height:44px;font-size:var(--font-size-base);cursor:pointer;box-shadow:var(--shadow-ios-button);transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:.65rem 1.15rem;font-weight:700;display:inline-flex}.ios-btn-primary:active{opacity:.9;transform:scale(.97)}.ios-btn-secondary{min-height:44px;color:var(--ios-label);border:1px solid var(--ios-separator);border-radius:var(--radius-ios-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;align-items:center;gap:4px;padding:.55rem .95rem;font-weight:600;display:inline-flex}.ios-btn-secondary:active{background:#f2f2f7;transform:scale(.97)}.ios-bottom-tab-bar{height:max(60px, calc(52px + env(safe-area-inset-bottom)));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:.5px solid var(--ios-hairline);z-index:100;background:#ffffffe6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000008}.ios-tab-item{color:var(--ios-tertiary-label);font-size:var(--font-size-2xs);height:100%;transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.ios-tab-item:active{transform:scale(.92)}.ios-tab-item.active{color:var(--ios-primary-purple);font-weight:800}.sidebar{border-right:.5px solid var(--ios-hairline);-webkit-user-select:none;user-select:none;z-index:20;background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex}.sidebar-header{align-items:center;gap:.75rem;padding:1.25rem 1.1rem 1rem;display:flex}.brand-icon{border-radius:var(--radius-ios-md);color:#fff;background:linear-gradient(135deg,#5856d6,#4338ca);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #5856d659}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex;overflow-y:auto}.nav-link{border-radius:var(--radius-ios-md);min-height:40px;color:var(--ios-secondary-label);font-size:var(--font-size-sm);transition:var(--transition);justify-content:space-between;align-items:center;padding:.55rem .85rem;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--ios-bg-grouped);color:var(--ios-label)}.nav-link.active{background-color:var(--ios-primary-purple-light);color:var(--ios-primary-purple);font-weight:800}.nav-badge{background-color:var(--ios-primary-purple);color:#fff;font-size:var(--font-size-2xs);border-radius:var(--radius-ios-pill);padding:1px 7px;font-weight:800}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{box-shadow:var(--shadow-ios-elevated);background:#fff;border:1px solid #0000000f;border-radius:20px;width:100%;max-width:540px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) iosModalPop;overflow-y:auto}@keyframes iosModalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=375px){:root{--primary:#5856d6;--primary-hover:#4745b8;--primary-light:#f0effc;--primary-border:#d2d0f7;--bg-dark:#f2f2f7;--bg-card:#fff;--border-color:#e5e5ea;--text-primary:#1c1c1e;--text-secondary:#636366;--text-muted:#8e8e93;--accent:#34c759;--font-size-2xl:20px;--font-size-xl:17px;--font-size-lg:15px;--font-size-base:12.5px;--font-size-sm:11.5px;--font-size-xs:10.5px;--font-size-2xs:9px}.ios-card-group{margin:0 .5rem .65rem}.ios-large-title-bar{padding:.65rem .65rem .35rem}}@media (width<=768px){.sidebar,.desktop-top-bar-controls{display:none!important}.mobile-only-floating-actions{z-index:990;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:80px;right:16px}.mobile-fab-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex;box-shadow:0 4px 14px #00000040}.mobile-fab-btn:active{transform:scale(.92)}.main-wrapper{padding-bottom:75px;width:100%!important;margin-left:0!important}}@media (width<=400px){.page-scroll-area{padding-inline:.5rem!important}.ios-large-title-bar,.ios-list-row,.desktop-top-bar-controls{flex-wrap:wrap;align-items:stretch}.ios-large-title-bar>*,.ios-list-row>*{min-width:0;max-width:100%}form>div{flex-wrap:wrap}form input,form select,form textarea,form button{min-height:44px;width:100%!important}.ios-segmented-control{flex-wrap:wrap;overflow-x:visible}.ios-pill-tab{white-space:normal;flex:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=769px){.ios-bottom-tab-bar,.mobile-only-floating-actions{display:none!important}.desktop-top-bar-controls{z-index:1000;align-items:center;gap:6px;display:flex;position:fixed;top:12px;right:16px}.page-scroll-area{padding-bottom:2rem}}@media (width>=1440px){.page-scroll-area{width:100%;max-width:1200px;margin:0 auto}}.desktop-top-header{background:var(--ios-bg-grouped,#f2f2f7);border-bottom:1px solid var(--ios-separator,#3c3c431f);z-index:50;flex-shrink:0;width:100%;position:sticky;top:0}.desktop-top-bar-controls{justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;padding:10px 24px!important;display:flex!important;position:static!important}.main-wrapper{background-color:var(--ios-bg-grouped,#f2f2f7);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.page-scroll-area{background-color:var(--ios-bg-grouped,#f2f2f7)!important;-webkit-overflow-scrolling:touch!important;flex-direction:column!important;flex:1!important;padding:1.5rem 2rem 5rem!important;display:flex!important;overflow:hidden auto!important}.page-inner-content{flex:1;width:100%;max-width:1200px;margin:0 auto}@media (width<=768px){.desktop-top-header{display:none!important}.page-scroll-area{padding:1rem 1rem 6rem!important}}
