:root{--color-cream: #fdf0d5;--color-white: #ffffff;--color-navy: #003049;--color-text-secondary: #4a6472;--color-muted: #8ba0aa;--color-on-navy: #7fa8c0;--color-on-navy-strong: #bcd3e0;--color-red: #c1121f;--color-bordeaux: #780000;--color-blue: #669bbc;--color-hairline: #f1e7d3;--cat-koerper: #c1121f;--cat-geist: #003049;--cat-sozial: #780000;--cat-kreativitaet: #669bbc;--cal-0: #efe6cf;--cal-1: #a9cbe0;--cal-2: #669bbc;--cal-3: #003049;--status-active-bg: #dce7ee;--status-pending-bg: #f4dede;--status-pending-text: #780000;--field-readonly-bg: #efe6cf;--radius-card: 16px;--radius-field: 13px;--radius-header: 26px;--radius-pill: 20px;--shadow-card: 0 2px 6px rgba(0, 48, 73, .06);--shadow-header: 0 8px 22px rgba(0, 48, 73, .24);--shadow-button: 0 4px 14px rgba(193, 18, 31, .32);--font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--screen-padding: 22px;--content-max-width: 480px;--edge-pad: max(var(--screen-padding), calc((100% - var(--content-max-width)) / 2));--tabbar-clear: calc(128px + env(safe-area-inset-bottom)) }*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);color:var(--color-navy);background:var(--color-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tabular{font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}.avatar{border-radius:50%;background:var(--color-on-navy);color:var(--color-navy);font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0}.app-shell{width:100%;margin:0 auto;min-height:100%;background:var(--color-cream);position:relative}.app-header{background:var(--color-navy);color:var(--color-cream);padding:calc(20px + env(safe-area-inset-top)) var(--edge-pad) 22px}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;background:var(--color-red);color:#fff;font-size:17px;font-weight:700;padding:16px 18px;border-radius:16px;box-shadow:var(--shadow-button)}.btn-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.btn-text{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;text-align:center;color:var(--color-muted);font-size:15px;font-weight:600;padding:12px}.field-label{display:block;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted);margin-bottom:9px}.field-input{width:100%;min-height:54px;background:var(--color-white);border:2px solid transparent;border-radius:14px;padding:15px 16px;font-size:17px;color:var(--color-navy);outline:none}.field-input:focus{border-color:var(--color-navy)}.field-input[readonly]{background:var(--field-readonly-bg);color:var(--color-text-secondary)}.form-error{color:var(--color-red);font-size:14px;font-weight:600;margin-top:6px}.auth-header{background:var(--color-navy);color:var(--color-cream);padding:calc(32px + env(safe-area-inset-top)) var(--edge-pad) 34px}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.auth-brand-name{font-size:24px;font-weight:700;color:var(--color-cream)}.auth-title{font-size:30px;font-weight:700;color:var(--color-cream);margin-bottom:12px;line-height:1.15}.auth-subtitle{font-size:16px;line-height:1.55;color:var(--color-on-navy)}.auth-body{padding:28px var(--edge-pad) 32px;display:flex;flex-direction:column;gap:22px}.field-group{display:flex;flex-direction:column}.password-wrap{position:relative}.password-wrap .field-input{padding-right:96px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 6px;display:flex;align-items:center;color:var(--color-blue);font-size:15px;font-weight:600}.strength{display:flex;gap:8px;margin-top:12px}.strength-seg{flex:1;height:7px;border-radius:4px;background:#d9c9a6;transition:background .2s ease}.strength-seg.on{background:var(--color-navy)}.strength-label{font-size:13.5px;color:var(--color-text-secondary);margin-top:10px}.auth-hint{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--color-text-secondary);margin-top:6px}.auth-hint svg{flex-shrink:0;margin-top:2px}.tabbar{position:fixed;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:space-between;background:var(--color-cream);border-top:1px solid var(--color-hairline);padding:12px var(--edge-pad) calc(20px + env(safe-area-inset-bottom));z-index:20}.tabbar-item{flex:1;text-decoration:none}.tabbar-inner{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;min-height:56px;justify-content:center;color:var(--color-muted)}.tabbar-inner.active{color:var(--color-red)}.tabbar-label{font-size:12.5px;font-weight:600}.tab-scroll{padding-bottom:var(--tabbar-clear)}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.today-header{padding-bottom:24px}.today-top{display:flex;align-items:center;justify-content:space-between}.today-date{font-size:13px;letter-spacing:.08em;color:var(--color-on-navy)}.today-greeting{font-size:30px;font-weight:700;color:var(--color-cream);margin:10px 0 20px}.avatar-wrap{position:relative}.avatar-menu{position:absolute;right:0;top:52px;background:var(--color-white);border-radius:16px;box-shadow:0 10px 30px #0030493d;padding:16px;min-width:220px;z-index:30}.avatar-menu-name{font-size:16px;font-weight:700;color:var(--color-navy)}.avatar-menu-mail{font-size:13px;color:var(--color-muted);margin-bottom:14px;word-break:break-all}.avatar-menu-item{width:100%;min-height:46px;text-align:left;background:none;color:var(--color-navy);font-size:15px;font-weight:600;padding:10px 8px;border-radius:10px}.avatar-menu-item:hover{background:var(--color-cream)}.avatar-menu-logout{width:100%;min-height:46px;background:var(--color-cream);color:var(--color-red);font-size:15px;font-weight:600;padding:10px;border-radius:12px;margin-top:8px}.day-toggle{display:inline-flex;gap:6px;background:#fdf0d524;padding:5px;border-radius:var(--radius-pill);margin-bottom:22px}.day-pill{min-height:44px;padding:10px 24px;border-radius:var(--radius-pill);font-size:15px;font-weight:600;color:var(--color-on-navy-strong)}.day-pill.active{background:var(--color-cream);color:var(--color-navy)}.pts-label{display:flex;justify-content:space-between;font-size:13.5px;color:var(--color-on-navy-strong);margin-bottom:9px}.pts-label strong{color:var(--color-cream)}.pts-track{height:8px;border-radius:5px;background:#fdf0d52e;overflow:hidden}.pts-fill{height:100%;background:var(--color-cream);border-radius:5px;transition:width .3s ease}.sync-bar{background:var(--color-bordeaux);color:var(--color-cream);font-size:13.5px;font-weight:600;text-align:center;padding:10px var(--edge-pad)}.sync-bar.pending{background:var(--color-blue);color:#fff}.today-body{padding:22px var(--edge-pad) var(--tabbar-clear)}.track-group{margin-bottom:26px}.track-cat-head{display:flex;align-items:center;gap:10px;padding:0 4px 12px}.cat-pts{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill)}.track-row{display:flex;align-items:center;gap:16px;padding:18px}.track-row+.track-row{border-top:1px solid var(--color-hairline)}.track-main{flex:1;min-width:0}.track-name{font-size:17px;font-weight:600;color:var(--color-navy)}.track-name.done{color:#9aa7ad;text-decoration:line-through}.track-sub{font-size:13.5px;color:var(--color-muted);margin-top:4px}.checkbox{width:34px;height:34px;border-radius:50%;border:2px solid #c9d3d8;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.checkbox.done{border-width:0;animation:pop .25s ease}.checkbox svg{width:20px;height:20px}.ring{width:34px;height:34px;border-radius:50%;border:2.5px solid;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.stepper{display:flex;gap:10px}.step{width:40px;height:40px;border-radius:50%;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.step.minus{background:#f3ebd8;color:var(--color-text-secondary)}.step.plus{color:#fff}.pts-chip{font-size:12px;font-weight:700;padding:5px 11px;border-radius:var(--radius-pill);flex-shrink:0}.eval-header{padding-bottom:20px}.eval-title{font-size:27px;font-weight:700;color:var(--color-cream);margin-bottom:18px}.eval-segmented{display:flex;gap:5px;background:#fdf0d524;padding:5px;border-radius:var(--radius-pill)}.eval-seg{flex:1;min-height:46px;padding:11px;border-radius:var(--radius-pill);font-size:15px;font-weight:600;color:var(--color-on-navy-strong)}.eval-seg.active{background:var(--color-cream);color:var(--color-navy)}.eval-body{padding:24px var(--edge-pad) var(--tabbar-clear)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-nav button{width:44px;height:44px;border-radius:50%;font-size:22px;color:var(--color-navy);background:var(--color-white);box-shadow:var(--shadow-card)}.cal-title{font-size:18px;font-weight:700;color:var(--color-navy)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:18px}.cal-wd{text-align:center;font-size:12px;font-weight:700;color:var(--color-muted);padding-bottom:6px}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.cal-cell.lvl0{background:var(--cal-0);color:var(--color-muted)}.cal-cell.lvl1{background:var(--cal-1);color:var(--color-navy)}.cal-cell.lvl2{background:var(--cal-2);color:#fff}.cal-cell.lvl3{background:var(--cal-3);color:#fff}.cal-cell.today{outline:2.5px solid var(--color-red);outline-offset:-2.5px}.cal-legend{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-muted);margin-bottom:24px}.cal-legend i{width:20px;height:20px;border-radius:5px;display:inline-block}.cal-legend i.lvl0{background:var(--cal-0)}.cal-legend i.lvl1{background:var(--cal-1)}.cal-legend i.lvl2{background:var(--cal-2)}.cal-legend i.lvl3{background:var(--cal-3)}.review-card{padding:20px}.review-head{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-blue);margin-bottom:10px}.review-text{font-size:16px;color:var(--color-navy);line-height:1.7}.review-note{font-size:13px;color:var(--color-muted);margin-top:12px}.streak-card{padding:20px;margin-bottom:14px}.streak-name{font-size:17px;font-weight:700;color:var(--color-navy);margin-bottom:14px}.streak-stats{display:flex;align-items:center;gap:20px}.streak-badge{display:flex;flex-direction:column;align-items:center;background:var(--color-cream);border-radius:16px;padding:14px 20px}.streak-badge .big{font-size:30px;font-weight:700;color:var(--color-red)}.streak-lbl{font-size:12px;color:var(--color-muted)}.streak-sub{font-size:14.5px;color:var(--color-text-secondary);line-height:1.9}.info-box{display:flex;gap:12px;align-items:flex-start;background:#669bbc1f;border-radius:16px;padding:18px;font-size:14.5px;line-height:1.55;color:var(--color-text-secondary);margin-top:8px}.info-box svg{flex-shrink:0;color:var(--color-blue);margin-top:2px;width:20px;height:20px}.trend-head{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted);padding:20px 20px 8px}.bar-row{display:flex;align-items:center;gap:12px;padding:9px 20px}.bar-label{width:96px;font-size:14.5px;color:var(--color-navy);flex-shrink:0}.bar-track{flex:1;height:16px;background:var(--color-hairline);border-radius:8px;overflow:hidden}.bar-fill{height:100%;border-radius:8px;transition:width .3s ease;min-width:3px}.bar-val{width:28px;text-align:right;font-size:14.5px;font-weight:700;color:var(--color-navy)}.card+.card{margin-top:16px}.col-chart{display:flex;align-items:flex-end;gap:7px;height:150px;padding:10px 20px 14px}.col-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.col-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.col-bar{width:64%;border-radius:5px 5px 0 0;min-height:3px;transition:height .3s ease}.col-label{font-size:10px;color:var(--color-muted);margin-top:6px}.reflect-box{background:#78000014;border-radius:16px;padding:18px;font-size:14.5px;line-height:1.55;color:var(--color-bordeaux);margin-top:16px}.manage-header{display:flex;align-items:center;justify-content:space-between}.manage-title{font-size:27px;font-weight:700;color:var(--color-cream)}.btn-add{display:inline-flex;align-items:center;gap:7px;min-height:44px;background:var(--color-red);color:#fff;font-size:15px;font-weight:700;padding:11px 18px;border-radius:var(--radius-pill);box-shadow:var(--shadow-button)}.manage-body{padding:22px var(--edge-pad) var(--tabbar-clear)}.cat-group{margin-bottom:26px}.cat-head{display:flex;align-items:center;gap:10px;padding:0 4px 12px}.cat-dot{width:12px;height:12px;border-radius:3px}.cat-name{font-size:13.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-navy)}.cat-name.muted{color:var(--color-muted)}.cat-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.cat-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:10px}.cat-arrow:disabled{color:#cddbe3;cursor:default}.cat-edit{min-height:40px;padding:0 6px 0 10px;font-size:14px;font-weight:600;color:var(--color-muted)}.cat-empty{font-size:13.5px;color:var(--color-muted);padding:4px 4px 0}.card{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.habit-row{display:flex;align-items:center;gap:14px;padding:18px;background:var(--color-white)}.habit-row+.habit-row{border-top:1px solid var(--color-hairline)}.habit-row.archived{opacity:.6}.drag-handle{color:#c3d3dc;touch-action:none;cursor:grab;display:flex;align-items:center;padding:4px}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:24px;height:24px}.habit-main{flex:1;min-width:0;text-align:left;background:none;border:none;padding:0}.habit-name{font-size:17px;font-weight:700;color:var(--color-navy)}.habit-meta{font-size:13px;color:var(--color-muted);margin-top:4px}.chip-outline{min-height:40px;border:1px solid #cddbe3;color:var(--color-text-secondary);font-size:14px;font-weight:600;padding:9px 16px;border-radius:var(--radius-pill);background:#fff}.chip-restore{min-height:40px;border:none;background:var(--color-red);color:#fff;font-size:14px;font-weight:700;padding:10px 16px;border-radius:var(--radius-pill)}.center-muted{text-align:center;color:var(--color-muted);font-size:15px;line-height:1.5}.create-header{display:flex;align-items:center;gap:12px}.back-btn{color:var(--color-cream);display:flex;align-items:center;min-width:44px;min-height:44px;margin-left:-8px}.back-btn svg{width:26px;height:26px}.create-title{font-size:22px;font-weight:700;color:var(--color-cream)}.create-body{padding:24px var(--edge-pad) 40px;display:flex;flex-direction:column;gap:28px}.name-input{width:100%;min-height:58px;background:var(--color-white);border:2px solid transparent;border-radius:14px;padding:16px 18px;font-size:18px;font-weight:700;color:var(--color-navy);outline:none}.name-input:focus{border-color:var(--color-navy)}.field-block{display:flex;flex-direction:column;gap:12px}.field-block .field-label{margin-bottom:0}.optional{text-transform:none;letter-spacing:0;color:var(--color-blue);font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.cat-chip{display:inline-flex;align-items:center;gap:8px;min-height:46px;background:var(--color-white);color:var(--color-navy);border-radius:var(--radius-pill);padding:11px 18px;font-size:15px;font-weight:600;box-shadow:var(--shadow-card)}.cat-chip.active{background:var(--color-navy);color:var(--color-cream)}.cat-chip.add{background:transparent;box-shadow:none;border:1px dashed #c3aa78;color:var(--color-text-secondary)}.chip-dot{width:11px;height:11px;border-radius:3px}.new-cat{display:flex;flex-direction:column;gap:14px;background:#fff9;border-radius:14px;padding:16px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid transparent}.swatch.on{border-color:var(--color-navy)}.segmented{display:flex;background:var(--color-white);border-radius:14px;padding:5px;box-shadow:var(--shadow-card)}.seg{flex:1;min-height:46px;padding:12px;font-size:15px;font-weight:600;color:var(--color-muted);border-radius:11px}.seg.active{background:var(--color-cream);color:var(--color-navy)}.radio-list{background:var(--color-white);border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden}.radio-row{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;font-size:16px;color:var(--color-navy);text-align:left}.radio-row+.radio-row{border-top:1px solid var(--color-hairline)}.radio-row.active{font-weight:700}.radio-check{color:var(--color-navy);display:flex}.radio-check svg{width:22px;height:22px}.inline-num{width:64px;text-align:center;border:2px solid var(--color-navy);border-radius:10px;padding:8px;font-size:16px}.two-col{flex-direction:row;gap:14px}.two-col>div{flex:1;display:flex;flex-direction:column;gap:9px}.points-row{display:flex;gap:10px}.point{flex:1;min-height:54px;padding:15px 0;background:var(--color-white);border-radius:14px;font-size:17px;font-weight:700;color:var(--color-muted);box-shadow:var(--shadow-card)}.point.active{background:var(--color-red);color:#fff;box-shadow:var(--shadow-button)}.hint{font-size:13.5px;color:var(--color-muted);line-height:1.45}.why{font-style:italic;resize:vertical;min-height:64px}.create-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.profile-body{padding:36px var(--edge-pad);display:flex;flex-direction:column;align-items:center}.profile-avatar{display:flex;flex-direction:column;align-items:center;gap:10px;background:none}.avatar-edit{font-size:15px;font-weight:600;color:var(--color-blue)}.profile-name{font-size:24px;font-weight:700;color:var(--color-navy);margin-top:20px}.profile-mail{font-size:14.5px;color:var(--color-muted);margin-bottom:8px}.profile-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:32px}.profile-link{width:100%;min-height:56px;background:var(--color-white);border-radius:14px;box-shadow:var(--shadow-card);padding:17px;font-size:16px;font-weight:600;color:var(--color-navy)}.profile-link.danger{color:var(--color-red)}.admin-header{display:flex;align-items:center;gap:12px}.admin-titles{flex:1}.admin-sub{font-size:13px;color:var(--color-on-navy)}.admin-add{width:46px;height:46px;border-radius:50%;background:var(--color-red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-button)}.admin-add svg{width:22px;height:22px}.admin-body{padding:22px var(--edge-pad)}.new-user{padding:18px;display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.user-card{padding:18px;margin-bottom:14px}.user-top{display:flex;align-items:center;gap:14px}.user-ava{background:none;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:17px;font-weight:700;color:var(--color-navy);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-mail{font-size:13.5px;color:var(--color-muted);word-break:break-all;margin-top:2px}.badge-admin{font-size:10.5px;font-weight:700;letter-spacing:.04em;background:var(--color-navy);color:var(--color-cream);padding:3px 8px;border-radius:7px}.badge-you{font-size:11px;color:var(--color-muted)}.status-chip{font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:var(--radius-pill);flex-shrink:0;text-align:center;line-height:1.2}.status-chip.ok{background:var(--status-active-bg);color:var(--color-navy)}.status-chip.warn{background:var(--status-pending-bg);color:var(--status-pending-text)}.user-actions{display:flex;gap:10px;margin-top:16px}.ua-btn{flex:1;min-height:46px;padding:11px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;border:1px solid;background:#fff}.ua-btn.reset{border-color:#b9d0dd;color:var(--color-blue)}.ua-btn.del{border-color:#ecc4c7;color:var(--color-red)}