:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display:"Outfit", var(--font-sans);--bg-base:#090a0f;--bg-surface:#141625bf;--bg-card:#1c1f3599;--bg-card-hover:#262a47b3;--bg-app:#090a0ff2;--bg-sidebar:#0d0e15b8;--bg-header:#0d0e1580;--bg-nav:#0d0e15d9;--bg-input:#ffffff08;--bg-modal:#141625;--bg-button-secondary:#ffffff14;--bg-button-secondary-hover:#ffffff1f;--bg-button-ghost-hover:#ffffff0d;--bg-metric:#ffffff06;--bg-active-soft:#6366f126;--border-color:#ffffff12;--border-color-focus:#6366f180;--color-primary:#6366f1;--color-secondary:#a855f7;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f43f5e;--color-info:#0ea5e9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-primary:#fff;--body-background-image:radial-gradient(circle at 10% 20%, #6366f112 0%, transparent 40%), radial-gradient(circle at 90% 80%, #a855f712 0%, transparent 40%);--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-success:linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-danger:linear-gradient(135deg, #e11d48 0%, #f43f5e 100%);--gradient-warning:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 4px 20px -4px #0009, 0 2px 10px -5px #0006;--shadow-lg:0 20px 25px -5px #000000b3, 0 10px 10px -5px #00000080;--backdrop-blur:blur(16px);--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:20px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-base:#f6f8fb;--bg-surface:#ffffffdb;--bg-card:#ffffffeb;--bg-card-hover:#f0f6fff5;--bg-app:#f8fafcf5;--bg-sidebar:#ffffffe6;--bg-header:#ffffffd1;--bg-nav:#ffffffeb;--bg-input:#0f172a0a;--bg-modal:#fff;--bg-button-secondary:#0f172a0f;--bg-button-secondary-hover:#0f172a1a;--bg-button-ghost-hover:#0f172a0f;--bg-metric:#0f172a09;--bg-active-soft:#2563eb1f;--border-color:#0f172a1f;--border-color-focus:#2563eb6b;--color-primary:#2563eb;--color-secondary:#0891b2;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0284c7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--body-background-image:radial-gradient(circle at 10% 20%, #2563eb17 0%, transparent 42%), radial-gradient(circle at 90% 80%, #0891b214 0%, transparent 42%);--shadow-sm:0 2px 8px -2px #0f172a24;--shadow-md:0 10px 28px -16px #0f172a4d, 0 4px 12px -8px #0f172a2e;--shadow-lg:0 22px 44px -20px #0f172a52, 0 10px 20px -14px #0f172a33}:root[data-theme=professional]{--bg-base:#0b1220;--bg-surface:#121f30c7;--bg-card:#19273ab8;--bg-card-hover:#203248d1;--bg-app:#0a1220f5;--bg-sidebar:#0c192ad1;--bg-header:#0c192a9e;--bg-nav:#0c192ae6;--bg-input:#ffffff0b;--bg-modal:#121f30;--bg-button-secondary:#94a3b81c;--bg-button-secondary-hover:#94a3b82b;--bg-button-ghost-hover:#94a3b817;--bg-metric:#94a3b812;--bg-active-soft:#14b8a624;--border-color:#cbd5e11f;--border-color-focus:#14b8a675;--color-primary:#14b8a6;--color-secondary:#38bdf8;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#38bdf8;--text-primary:#f8fafc;--text-secondary:#b6c4d5;--text-muted:#7f92aa;--body-background-image:radial-gradient(circle at 12% 16%, #14b8a614 0%, transparent 40%), radial-gradient(circle at 88% 82%, #38bdf812 0%, transparent 42%)}:root[data-theme=fun]{--bg-base:#fff7ed;--bg-surface:#ffffffd6;--bg-card:#ffffffe0;--bg-card-hover:#fffbebfa;--bg-app:#fff7edf5;--bg-sidebar:#ffffffe6;--bg-header:#fffc;--bg-nav:#ffffffeb;--bg-input:#7f1d1d09;--bg-modal:#fff;--bg-button-secondary:#f973161a;--bg-button-secondary-hover:#f9731629;--bg-button-ghost-hover:#f973161a;--bg-metric:#f9731612;--bg-active-soft:#ec48991f;--border-color:#9a341221;--border-color-focus:#ec489970;--color-primary:#ec4899;--color-secondary:#0ea5e9;--color-success:#65a30d;--color-warning:#f97316;--color-danger:#e11d48;--color-info:#0ea5e9;--text-primary:#2f1728;--text-secondary:#76515f;--text-muted:#9a6b78;--body-background-image:radial-gradient(circle at 12% 18%, #ec48991f 0%, transparent 38%), radial-gradient(circle at 88% 78%, #0ea5e91a 0%, transparent 40%), radial-gradient(circle at 50% 100%, #65a30d14 0%, transparent 34%);--shadow-sm:0 2px 8px -2px #7f1d1d21;--shadow-md:0 12px 30px -18px #7f1d1d52, 0 4px 12px -8px #7f1d1d2e;--shadow-lg:0 24px 48px -22px #7f1d1d57, 0 10px 20px -14px #7f1d1d33}:root[data-theme=cottonCandySkies]{--bg-base:#fbf7ff;--bg-surface:#ffffffd6;--bg-card:#ffffffe6;--bg-card-hover:#f7e8fbfa;--bg-app:#fbf7fff5;--bg-sidebar:#ffffffe6;--bg-header:#fffc;--bg-nav:#ffffffeb;--bg-input:#7b6f850f;--bg-modal:#fff;--bg-button-secondary:#b9a2e824;--bg-button-secondary-hover:#b9a2e838;--bg-button-ghost-hover:#b7e4e933;--bg-metric:#f9bedd29;--bg-active-soft:#b9a2e833;--border-color:#7b6f8529;--border-color-focus:#b9a2e88f;--color-primary:#8e6ad8;--color-secondary:#df6fa6;--color-success:#168f8f;--color-warning:#bf7a1f;--color-danger:#d83f72;--color-info:#2c9eaa;--text-primary:#302239;--text-secondary:#6f587a;--text-muted:#8c7e94;--body-background-image:radial-gradient(circle at 14% 18%, #f9bedd57 0%, transparent 38%), radial-gradient(circle at 88% 22%, #b7e4e966 0%, transparent 40%), radial-gradient(circle at 52% 96%, #b9a2e842 0%, transparent 34%);--shadow-sm:0 2px 8px -2px #3022391f;--shadow-md:0 12px 30px -18px #3022394d, 0 4px 12px -8px #30223929;--shadow-lg:0 24px 48px -22px #30223952, 0 10px 20px -14px #3022392e}:root[data-theme=electropop]{--bg-base:#16072f;--bg-surface:#270c4ec7;--bg-card:#331260b8;--bg-card-hover:#4b1480d6;--bg-app:#16072ff5;--bg-sidebar:#1e093fdb;--bg-header:#1e093fad;--bg-nav:#1e093fe6;--bg-input:#ffffff0e;--bg-modal:#220b45;--bg-button-secondary:#f900ff1f;--bg-button-secondary-hover:#f900ff33;--bg-button-ghost-hover:#ccff021c;--bg-metric:#5200ff29;--bg-active-soft:#f900ff2e;--border-color:#ffffff21;--border-color-focus:#ccff029e;--color-primary:#f900ff;--color-secondary:#ccff02;--color-success:#ccff02;--color-warning:#ff6904;--color-danger:#ff3a72;--color-info:#8ef8ff;--text-primary:#fff8ff;--text-secondary:#dbc8ee;--text-muted:#a990c5;--body-background-image:radial-gradient(circle at 12% 16%, #f900ff33 0%, transparent 38%), radial-gradient(circle at 86% 24%, #ff69042e 0%, transparent 38%), radial-gradient(circle at 50% 100%, #ccff021f 0%, transparent 36%)}:root[data-theme=urbanGraffiti]{--bg-base:#101010;--bg-surface:#202020d1;--bg-card:#2a2a2ac2;--bg-card-hover:#3a3a3ae0;--bg-app:#101010f5;--bg-sidebar:#181818e0;--bg-header:#181818b3;--bg-nav:#181818eb;--bg-input:#ffffff0e;--bg-modal:#202020;--bg-button-secondary:#2cff051a;--bg-button-secondary-hover:#2cff052e;--bg-button-ghost-hover:#00f0ff1a;--bg-metric:#00f0ff1f;--bg-active-soft:#2cff0524;--border-color:#ffffff1f;--border-color-focus:#2cff0599;--color-primary:#2cff05;--color-secondary:#00f0ff;--color-success:#2cff05;--color-warning:#fc0;--color-danger:#ff3a19;--color-info:#00f0ff;--text-primary:#f7fff5;--text-secondary:#c8d4c8;--text-muted:#8a958a;--body-background-image:radial-gradient(circle at 12% 18%, #ff3a1933 0%, transparent 34%), radial-gradient(circle at 88% 26%, #00f0ff24 0%, transparent 36%), radial-gradient(circle at 48% 100%, #2cff051f 0%, transparent 38%)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;background-image:var(--body-background-image);background-attachment:fixed;min-height:-webkit-fill-available;font-size:16px;line-height:1.5;overflow-x:hidden}html{height:-webkit-fill-available}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.app-container{max-width:480px;min-height:100vh;background-color:var(--bg-app);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);min-height:-webkit-fill-available;padding-bottom:calc(80px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #000c}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.card-premium{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);min-width:0;padding:16px}.form-group{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;min-width:0;max-width:100%;padding:12px 14px;font-size:1rem}select.form-control{text-overflow:ellipsis}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.form-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-due{color:var(--color-warning);background:#f59e0b26;border-color:#f59e0b4d}.badge-logged,.badge-completed{color:var(--color-success);background:#10b98126;border-color:#10b9814d}.badge-skipped{color:var(--text-secondary);background:#94a3b826;border-color:#94a3b84d}.badge-missed{color:var(--color-danger);background:#f43f5e26;border-color:#f43f5e4d}.fade-in{animation:.3s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav-container{width:100%;max-width:480px;height:calc(64px + env(safe-area-inset-bottom));background:var(--bg-nav);-webkit-backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border-color);z-index:100;padding:0 2px env(safe-area-inset-bottom);grid-template-columns:repeat(7,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab-button{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;min-width:0;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 1px;font-size:.64rem;font-weight:500;display:flex;overflow:hidden}.nav-tab-button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-tab-button.active{color:var(--color-primary)}.nav-tab-button.active svg{stroke:var(--color-primary);transform:scale(1.1)}.nav-tab-button svg{transition:transform var(--transition-fast)}.header-bar{border-bottom:1px solid var(--border-color);background:var(--bg-header);z-index:50;-webkit-backdrop-filter:var(--backdrop-blur);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.page-content{flex:1;padding:16px;overflow-y:auto}.desktop-app-shell{background-color:var(--bg-app);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.desktop-sidebar{border-right:1px solid var(--border-color);background:var(--bg-sidebar);height:100vh;-webkit-backdrop-filter:var(--backdrop-blur);flex-direction:column;gap:18px;padding:18px 14px;display:flex;position:sticky;top:0}.desktop-brand{justify-content:space-between;align-items:center;gap:10px;display:flex}.desktop-nav{flex-direction:column;gap:6px;display:flex}.desktop-nav-item{border-radius:var(--border-radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:11px 12px;font-weight:700;display:flex}.desktop-nav-item.active{color:var(--text-primary);border-color:var(--border-color-focus);background:var(--bg-active-soft)}.desktop-page-content{width:min(100%,1180px);margin:0 auto;padding:28px 32px 48px}.desktop-page-content .calculator-layout{grid-template-columns:minmax(340px,.9fr) minmax(380px,1fr);align-items:start;display:grid!important}.desktop-page-content .calculator-layout>:first-child{grid-area:1/1/span 3}.desktop-page-content .calculator-layout>:not(:first-child){grid-column:2}.desktop-page-content .vault-desktop-layout{grid-template-columns:minmax(0,1fr);align-items:start;display:grid!important}.desktop-page-content .vault-vial-grid,.desktop-page-content .vault-stock-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid!important}.vault-detail-panel{display:none}.desktop-page-content .vault-detail-panel{display:block;position:sticky;top:28px}.desktop-page-content .vault-list-column{display:contents!important}.desktop-page-content .vault-list-column>:not(.bac-water-card){grid-column:1}.desktop-page-content .vault-list-column>.bac-water-card{grid-area:auto/1}.desktop-page-content .vault-detail-panel{display:none}.vault-desktop-protocol-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px;display:grid}@media (width<=760px){.desktop-page-content{padding-left:16px;padding-right:16px}.desktop-page-content .vault-vial-grid,.desktop-page-content .vault-stock-grid{grid-template-columns:minmax(0,1fr)}.vault-desktop-protocol-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-loading{min-height:220px;color:var(--text-secondary);place-items:center;font-size:.95rem;display:grid}.health-subnav{z-index:99;bottom:calc(68px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-modal) 94%, transparent);border-top:1px solid var(--border-color);width:min(100%,480px);-webkit-backdrop-filter:var(--backdrop-blur);grid-template-columns:repeat(6,1fr);gap:4px;padding:7px 8px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -8px 22px #00000029}.health-page-content{padding-bottom:142px}.health-subnav button{color:var(--text-muted);min-height:49px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;gap:3px;padding:6px 2px;font-size:.66rem;font-weight:700;display:grid}.health-subnav button.active{color:var(--color-primary);background:var(--bg-active-soft)}.desktop-health-page-content .health-subnav{z-index:10;border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;box-shadow:var(--shadow-sm);margin:0 0 20px;position:sticky;top:16px;bottom:auto;left:auto;transform:none}.desktop-health-page-content .health-subnav button{justify-content:center;gap:7px;min-height:42px;padding:8px 10px;font-size:.78rem;display:flex}.welcome-banner-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.welcome-banner-panel{border:1px solid var(--border-color);background:var(--bg-modal);width:min(100%,520px);max-height:calc(100dvh - 36px);box-shadow:var(--shadow-lg);border-radius:16px;gap:14px;padding:18px;display:grid;overflow-y:auto}.welcome-banner-heading{align-items:center;gap:12px;min-width:0;display:flex}.welcome-banner-heading h2{margin:0;font-size:1.28rem;line-height:1.15}.welcome-banner-heading p{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem;line-height:1.35}.welcome-banner-icon{background:var(--bg-active-soft);width:44px;height:44px;color:var(--color-primary);border-radius:12px;flex:none;place-items:center;display:grid}.welcome-banner-section{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#ffffff06;padding:12px}.welcome-banner-section h3{margin:0 0 5px;font-size:.94rem;line-height:1.2}.welcome-banner-section p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.48}.welcome-banner-link{width:100%;margin-top:10px;text-decoration:none}.welcome-banner-updates{color:var(--text-secondary);gap:5px;margin:0;padding-left:18px;font-size:.84rem;line-height:1.42;display:grid}.welcome-banner-actions{background:var(--bg-modal);padding-top:2px;position:sticky;bottom:0}.metric-tile{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-metric);min-width:0;padding:10px}.metric-tile span{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;display:block}.metric-tile strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.2;display:block}.reminder-settings-stack{gap:12px;display:grid}.reminder-setting-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#ffffff06;gap:12px;padding:12px;display:grid}.reminder-setting-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.reminder-setting-title{gap:2px;min-width:0;display:grid}.reminder-setting-title strong{font-size:.95rem;line-height:1.2}.reminder-setting-title span{color:var(--text-muted);font-size:.78rem;line-height:1.35}.reminder-toggle-button{flex:none;min-width:86px;min-height:38px;padding:8px 12px}.reminder-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reminder-option-message{color:var(--text-muted);font-size:.82rem;line-height:1.45}.resource-card-link{color:inherit;text-decoration:none}.resource-card-link:hover,.resource-card-link:focus-visible{background:var(--bg-card-hover);border-color:var(--border-color-focus)!important}.resource-card-link:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}.desktop-page-content .calendar-desktop-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start;gap:18px;display:grid}.desktop-page-content .calendar-details-pane{position:sticky;top:28px}.calendar-page,.calendar-desktop-layout,.calendar-grid-pane,.calendar-details-pane,.calendar-grid{min-width:0;max-width:100%}.calendar-grid{flex-direction:column;width:100%;display:flex;overflow:hidden}.calendar-weekday-row,.calendar-day-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;display:grid}.calendar-weekday-row{text-align:center;margin-bottom:8px}.calendar-day-grid{gap:6px}.calendar-weekday-label{min-width:0;color:var(--text-muted);text-transform:uppercase;padding:4px 0;font-size:.75rem;font-weight:600}.calendar-day-cell{aspect-ratio:1;border-radius:var(--border-radius-sm);cursor:pointer;min-width:0;transition:all var(--transition-fast);flex-direction:column;justify-content:space-between;align-items:center;padding:6px 2px;display:flex;position:relative;overflow:hidden}.calendar-user-indicators{gap:3px;width:100%;min-width:0;min-height:26px;display:grid}.calendar-user-dot-group{justify-items:center;gap:1px;min-width:0;display:grid}.calendar-user-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.46rem;font-weight:900;line-height:1;overflow:hidden}.calendar-user-dot-row{justify-content:center;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex;overflow:hidden}.calendar-user-dot{border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 1px #ffffff24}.calendar-more-dot{color:var(--text-secondary);font-size:.48rem;font-weight:900;line-height:1}.mobile-app-container,.mobile-app-container .page-content{max-width:100%;overflow-x:hidden}.mobile-app-container .card-premium{overflow-wrap:anywhere;max-width:100%}@media (width<=420px){.welcome-banner-overlay{padding:10px 10px calc(10px + env(safe-area-inset-bottom));align-items:flex-end}.welcome-banner-panel{max-height:calc(100dvh - 20px - env(safe-area-inset-bottom));padding:14px 14px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 10px 10px}.welcome-banner-actions{margin-left:-14px;margin-right:-14px;margin-bottom:calc(-14px - env(safe-area-inset-bottom));padding:10px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color)}.mobile-app-container .page-content{padding-left:12px;padding-right:12px}.mobile-app-container .card-premium{padding:12px}.calendar-day-grid{gap:4px}.calendar-day-cell{border-radius:7px;padding:4px 1px}.calendar-day-cell>span:first-child{font-size:.78rem!important}.calendar-user-indicators{min-height:20px}.calendar-user-label{font-size:.4rem}.calendar-user-dot{width:4px;height:4px}.form-row-grid,.reminder-control-grid{grid-template-columns:1fr}}@media (width<=360px){.nav-tab-button{gap:0}.nav-tab-button svg{width:20px;height:20px}.nav-tab-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.desktop-app-shell .modal-overlay{justify-content:center;align-items:center!important}.desktop-app-shell .modal-content{max-width:620px}.mobile-app-container .modal-overlay{align-items:stretch;padding:0}.mobile-app-container .modal-content{border-radius:0;max-width:none;min-height:100dvh;max-height:100dvh}.mobile-app-container .vault-focused-overlay{justify-content:center;align-items:center;padding:14px}.mobile-app-container .vault-focused-modal{border-radius:14px;width:min(100%,480px);min-height:0;max-height:calc(100dvh - 28px);padding:0;overflow:hidden}.desktop-app-shell .vault-focused-modal{border-radius:14px;width:min(100%,560px);min-height:0;max-height:calc(100dvh - 48px);padding:0;overflow:hidden}.vault-focused-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.vault-focused-header h2{margin:0;font-size:1.1rem;line-height:1.25}.vault-focused-header p{color:var(--text-secondary);margin:4px 0 0;font-size:.8rem}.vault-focused-header button,.vault-focused-lot-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:5px}.vault-focused-lot-actions button:last-child{color:var(--color-danger)}.vault-focused-body{flex-direction:column;gap:12px;max-height:calc(100dvh - 130px);padding:14px 16px 16px;display:flex;overflow-y:auto}.vault-product-visual,.vault-container-visual{border:1px solid var(--border-color);min-height:88px;color:var(--color-primary);background:#ffffff06;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:12px;display:flex}.vault-product-visual strong,.vault-container-visual strong{color:var(--text-primary)}.vault-container-visual p,.vault-focused-lot p{color:var(--text-secondary);margin:4px 0 0;font-size:.78rem;line-height:1.4}.vault-focused-actions{gap:10px;display:flex}.vault-focused-section-title{color:var(--text-secondary);margin:4px 0 -2px;font-size:.85rem}.vault-focused-lot{border:1px solid var(--border-color);border-radius:9px;padding:10px;position:relative}.vault-focused-lot strong{font-size:.86rem}.vault-focused-lot-actions{gap:2px;display:flex;position:absolute;top:7px;right:7px}.vault-focused-lot a{color:var(--color-primary);align-items:center;gap:5px;margin-top:8px;font-size:.78rem;text-decoration:none;display:inline-flex}.vault-focused-notes{padding-right:36px}.vault-mobile-protocol-card{border:1px solid var(--border-color);cursor:pointer;background:#ffffff05;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.vault-mobile-protocol-actions{align-self:stretch;gap:5px;display:flex}.vault-mobile-protocol-adhoc,.vault-mobile-protocol-log{writing-mode:vertical-rl;text-orientation:mixed;width:34px;min-width:34px;padding:6px 5px;font-size:.7rem;line-height:1}.vault-mobile-protocol-adhoc svg{display:none}.calendar-mobile-event-card{border:1px solid var(--border-color);cursor:pointer;background:#ffffff05;border-radius:9px;justify-content:space-between;align-items:stretch;gap:10px;padding:11px;display:flex}.calendar-mobile-event-card h4{font-family:var(--font-display);font-size:1rem}.calendar-mobile-event-card p{color:var(--text-secondary);margin:4px 0 0;font-size:.78rem}.calendar-mobile-event-actions{align-self:stretch;gap:5px;display:flex}.calendar-mobile-event-action{writing-mode:vertical-rl;text-orientation:mixed;width:30px;min-width:30px;padding:5px 4px;font-size:.66rem;line-height:1}.calendar-mobile-event-action svg{display:none}.calendar-mobile-event-detail{border:1px solid var(--border-color);background:#ffffff05;border-radius:9px;flex-wrap:wrap;align-items:center;gap:7px 10px;padding:10px;display:flex}.calendar-mobile-event-detail strong{font-size:1rem}.calendar-mobile-event-detail span{color:var(--text-secondary);font-size:.78rem}.calendar-mobile-event-detail .badge{color:inherit}.calendar-mobile-popup-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.calendar-settings-only>div:first-of-type{display:none}.calendar-settings-only .calendar-desktop-layout{display:block}.calendar-settings-only .calendar-grid-pane>:not(.calendar-settings-card),.calendar-settings-only .calendar-details-pane{display:none}.mobile-app-container .vault-mobile-summary-card{grid-template-columns:minmax(150px,1fr) auto;grid-template-areas:"name type""amount concentration""days opened";align-items:center!important;gap:5px 10px!important;display:grid!important}.mobile-app-container .vault-mobile-summary-card .vault-mobile-summary-name{-webkit-line-clamp:2;overflow-wrap:normal;word-break:normal;-webkit-box-orient:vertical;grid-area:name;line-height:1.2;display:-webkit-box;overflow:hidden}.mobile-app-container .vault-mobile-summary-card .badge{grid-area:type}.mobile-app-container .vault-mobile-summary-card .vault-mobile-summary-amount{grid-area:amount;font-size:.78rem;margin-left:0!important}.mobile-app-container .vault-mobile-summary-card .vault-mobile-summary-concentration{color:var(--text-secondary);white-space:nowrap;text-align:right;grid-area:concentration;font-size:.78rem}.mobile-app-container .vault-mobile-summary-card .vault-mobile-summary-days{white-space:nowrap;grid-area:days;font-size:.74rem}.mobile-app-container .vault-mobile-summary-card .vault-mobile-summary-opened{color:var(--text-muted);white-space:nowrap;text-align:right;grid-area:opened;font-size:.72rem}.vault-container-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vault-container-details-grid>div{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:9px;display:flex}.vault-container-details-grid span{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.67rem;font-weight:800}.vault-container-details-grid strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}@media (width<=420px){.mobile-app-container .vault-mobile-summary-card{grid-template-columns:minmax(110px,1fr) auto;grid-template-areas:"name type""amount concentration""days opened"}}@media (width>=1320px){.desktop-page-content{width:min(100%,1320px)}.desktop-page-content .vault-desktop-layout{grid-template-columns:minmax(0,1fr)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);max-height:85vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow-y:auto}.stock-modal-content{flex-direction:column;height:calc(100dvh - 24px);min-height:0;max-height:calc(100dvh - 24px);padding:0;display:flex;overflow:hidden}.desktop-app-shell .stock-modal-overlay,.stock-modal-overlay{justify-content:center;overflow:hidden;align-items:stretch!important}.stock-modal-header{border-bottom:1px solid var(--border-color);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 14px;display:flex}.stock-modal-form{flex-direction:column;flex:auto;min-height:0;display:flex}.stock-modal-body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.stock-modal-actions{border-top:1px solid var(--border-color);background:var(--bg-modal);flex:none;gap:10px;padding:14px 20px 20px;display:flex}.mobile-app-container .stock-modal-content{height:calc(100dvh - 24px);min-height:0;max-height:calc(100dvh - 24px)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.btn{font-family:var(--font-display);border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast), opacity var(--transition-fast);color:var(--text-primary);-webkit-user-select:none;user-select:none;text-align:center;white-space:normal;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;padding:12px 20px;font-size:.95rem;font-weight:600;line-height:1.15;text-decoration:none;display:inline-flex}.btn svg{flex:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-secondary{background:var(--bg-button-secondary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-button-secondary-hover)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 14px #f43f5e66}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 14px #10b98166}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-button-ghost-hover)}.btn-full{width:100%}@media print{body{color:#111827!important;background:#fff!important}body *{visibility:hidden}.export-report-printable,.export-report-printable *{visibility:visible}.export-report-printable{width:100%;position:absolute;top:0;left:0;box-shadow:none!important;color:#111827!important;background:#fff!important;border:none!important}.export-report-printable h2,.export-report-printable h3,.export-report-printable strong,.export-report-printable p,.export-report-printable div,.export-report-printable table,.export-report-printable th,.export-report-printable td{color:#111827!important}.no-print{display:none!important}}