.layout--shell{min-height:100%;display:flex;flex-direction:column}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;font-family:Inter,system-ui,sans-serif;background:#ebf2ff}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 4px 6px #1e3a8a0f,0 18px 40px #1e40af1a;padding:40px 36px 32px;text-align:center}.login-hero{display:flex;justify-content:center;margin-bottom:20px}.login-hero__svg{width:88px;height:88px;display:block}.login-card__title{margin:0 0 8px;font-size:1.35rem;font-weight:700;line-height:1.25;color:#1e3a8a;letter-spacing:-.02em}.login-card__subtitle{margin:0 0 28px;font-size:.95rem;font-weight:500;color:#3b6bc9}.login-card__title--spaced{margin-bottom:12px}.login-card__subtitle--block{margin-bottom:28px;line-height:1.5}.login-form{text-align:left}.login-field{display:block;margin-bottom:18px}.login-field__label{display:block;font-size:.88rem;font-weight:600;color:#374151;margin-bottom:6px}.login-field__input{width:100%;height:44px;padding:0 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s}.login-field__input::placeholder{color:#9ca3af}.login-field__input:hover{border-color:#b8c0cc}.login-field__input:focus{outline:none;border-color:#1a66ff;box-shadow:0 0 0 3px #1a66ff2e}.login-form__error{margin:-8px 0 14px;font-size:.82rem;color:#b91c1c}.login-form__submit{width:100%;height:46px;margin-top:8px;border:none;border-radius:10px;background:#1a66ff;color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s,transform .05s}.login-form__submit:hover{filter:brightness(1.05)}.login-form__submit:active{transform:scale(.99)}.login-card__register{display:inline-block;margin-top:24px;font-size:.9rem;font-weight:600;color:#1a66ff;text-decoration:none}.login-card__register:hover{text-decoration:underline}.plan-page{min-height:100%;padding:20px 16px 40px;font-family:Inter,system-ui,sans-serif;background:#eceff4}.plan-page__inner{max-width:920px;margin:0 auto}.plan-header-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0f172a0f,0 12px 28px #0f172a14;padding:20px 22px 18px;margin-bottom:8px}.plan-header-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e2e8f0;margin-bottom:18px}.plan-header-card__brand{display:flex;align-items:center;gap:14px;min-width:0}.plan-header-card__logo{flex-shrink:0;width:44px;height:44px}.plan-header__logo-svg{width:44px;height:44px;display:block}.plan-header-card__title{margin:0 0 4px;font-size:1.2rem;font-weight:700;color:#1e3a8a;letter-spacing:-.02em;line-height:1.25}.plan-header-card__meta{margin:0;font-size:.88rem;font-weight:500;color:#64748b}.plan-header-card__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 20px}.plan-header-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.plan-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:filter .15s,background .15s}.plan-btn--primary{background:#1a66ff;color:#fff}.plan-btn--primary:hover{filter:brightness(1.06)}.plan-btn--muted{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.plan-btn--muted:hover{background:#e2e8f0}.plan-btn--pdf svg{flex-shrink:0}.plan-field{display:flex;flex-direction:column;gap:6px;min-width:0}.plan-field--date{min-width:200px}.plan-field__label{font-size:.8rem;font-weight:600;color:#334155}.plan-field__input-wrap{position:relative;display:flex;align-items:center}.plan-field__icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.plan-field__input{height:42px;padding:0 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.92rem;color:#0f172a;background:#fff;width:100%;transition:border-color .15s,box-shadow .15s}.plan-field__input--date{padding-left:40px;color-scheme:light}.plan-field__input:focus,.plan-field__select:focus{outline:none;border-color:#1a66ff;box-shadow:0 0 0 3px #1a66ff26}.plan-field__select{height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;font-size:.92rem;color:#0f172a;background:#fff;min-width:100px;cursor:pointer}.plan-header-card__saved{margin:12px 0 0;font-size:.85rem;font-weight:600;color:#15803d}.plan-katalog-link{margin:0 0 16px;font-size:.88rem}.plan-katalog-link a{color:#1a66ff;font-weight:600;text-decoration:none}.plan-katalog-link a:hover{text-decoration:underline}.plan-blocks-heading{margin:0 0 14px;font-size:1.15rem;font-weight:700;color:#1e3a8a}.plan-blocks{display:flex;flex-direction:column;gap:14px}.plan-block{border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0f,0 8px 20px #0f172a0f}.plan-block__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;text-align:left;border:none;cursor:pointer;font-family:inherit;background:#e8f0fe;border-bottom:1px solid #dbeafe;transition:background .15s}.plan-block__head:hover{background:#dbeafe}.plan-block__head-main{display:flex;flex-direction:column;gap:4px;min-width:0}.plan-block__title{font-size:1rem;font-weight:700;color:#1e3a8a}.plan-block__summary{font-size:.85rem;font-weight:500;color:#475569}.plan-block__toggle{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:600;color:#1e3a8a;background:#ffffffa6;border-radius:8px}.plan-block__body{background:#fff;padding:16px 18px 14px}.plan-exercise{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e2e8f0}.plan-exercise:last-of-type{border-bottom:none;margin-bottom:12px;padding-bottom:0}.plan-exercise__grid{display:grid;grid-template-columns:1fr 1fr minmax(100px,120px);gap:14px 16px}@media(max-width:720px){.plan-exercise__grid{grid-template-columns:1fr}.plan-header-card__actions{margin-left:0;width:100%}.plan-btn{flex:1;min-width:0}}.plan-field--stack{gap:6px}.plan-field--narrow{max-width:140px}@media(max-width:720px){.plan-field--narrow{max-width:none}}.plan-exercise__remove{margin-top:8px;padding:0;border:none;background:none;font-size:.86rem;font-weight:600;color:#dc2626;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.plan-exercise__remove:hover{color:#b91c1c}.plan-exercise__preview{margin:12px 0 0;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.plan-exercise__preview img{display:block;max-width:100%;max-height:min(360px,55vh);height:auto;margin:0 auto;border-radius:8px;object-fit:contain}.plan-exercise__preview-cap{margin:8px 0 0;font-size:.78rem;font-weight:600;color:#64748b;text-align:center}.plan-block__add{width:100%;margin-top:4px;padding:12px 16px;border:2px dashed #1a66ff;border-radius:10px;background:#1a66ff0a;color:#1a66ff;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.plan-block__add:hover{background:#1a66ff17}.catalog-page{max-width:920px;margin:0 auto;padding:20px 16px 48px;min-height:100%;font-family:Inter,system-ui,sans-serif;background:#eceff4}.catalog-page__bar{margin-bottom:16px}.catalog-page__back{font-size:.9rem;font-weight:600;color:#1a66ff;text-decoration:none}.catalog-page__back:hover{text-decoration:underline}.catalog-page__head{margin-bottom:20px}.catalog-page__title{font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:-.03em;margin:0 0 6px}.catalog-page__sub{margin:0;color:var(--muted);max-width:56ch}.catalog-filters{margin-bottom:18px}.catalog-filters__search{width:100%;max-width:420px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:12px}.tag-chips{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--muted)}.tag-chip:hover{background:var(--surface-2);color:var(--text)}.tag-chip--on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.catalog-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.catalog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.catalog-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.catalog-card__title{margin:0;font-size:1.05rem;font-weight:700}.catalog-card__badge{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--accent-2);background:#fff3ea;padding:4px 10px;border-radius:999px}.catalog-card__desc{margin:8px 0 0;color:var(--muted);font-size:.9rem}.catalog-card__tags{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.catalog-card__tags li{font-size:.75rem;font-weight:600;color:var(--muted);background:var(--surface-2);padding:4px 8px;border-radius:6px}:root{color-scheme:light;--bg: #ecf2ed;--bg-gradient: radial-gradient(1200px 600px at 10% -10%, rgb(74 222 128 / 12%), transparent), radial-gradient(800px 400px at 100% 0%, rgb(16 185 129 / 8%), transparent), var(--bg);--surface: #ffffff;--surface-2: #e8f1ea;--text: #0b1210;--muted: #4a5f56;--border: #c5d4ca;--accent: #15803d;--accent-bright: #4ade80;--accent-soft: #dcfce7;--accent-2: #b45309;--sidebar-bg: #0a1611;--sidebar-border: rgb(255 255 255 / 8%);--sidebar-text: #ecfdf5;--sidebar-muted: #86b899;--sidebar-hover: rgb(255 255 255 / 6%);--sidebar-active-bg: rgb(74 222 128 / 12%);--sidebar-active-border: #4ade80;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(8 20 14 / 5%), 0 12px 32px rgb(8 30 18 / 7%);--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Plus Jakarta Sans", var(--font)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg-gradient);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:.9rem;color:var(--text);transition:background .15s,border-color .15s,color .15s,filter .15s}.btn:hover{background:var(--surface-2)}.btn--ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--sm{padding:6px 12px;font-size:.78rem}.btn--primary{background:linear-gradient(180deg,#16a34a,var(--accent));border-color:#15803d8c;color:#fff;box-shadow:inset 0 1px #ffffff38}.btn--primary:hover{filter:brightness(1.06)}.btn--danger{border-color:#e8c4c4;color:#991b1b;background:#fff5f5}.btn--danger:hover{background:#ffecec}