:root{--bg:#eef5fb;--bg-accent:#d7ebf7;--surface:#fff;--surface-2:#f4f9fd;--border:#d0e3f0;--border-strong:#9fc4df;--text:#14324a;--text-muted:#5b738c;--primary:#1a6fb8;--primary-hover:#145a96;--primary-soft:#e4f1fb;--navy:#0f3a63;--navy-deep:#0b2f52;--danger:#c0392b;--danger-soft:#fdecea;--shadow:0 10px 28px #0f3a6312;--radius:14px;--sidebar-w:268px;--font:"DM Sans", system-ui, sans-serif;--font-display:"Source Serif 4", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 90% 55% at 8% -10%, #cfe7f6 0%, transparent 58%), radial-gradient(ellipse 70% 45% at 100% 0%, #d9eef9 0%, transparent 50%), linear-gradient(180deg, #f3f8fc 0%, var(--bg) 40%, #eaf3fa 100%);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--navy-deep) 0%, var(--navy) 55%, #124872 100%);color:#eef7fd;flex-direction:column;flex-shrink:0;gap:1.35rem;height:100vh;padding:1.35rem 1rem 1.1rem;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:.8rem;padding:.35rem .55rem 1.05rem;display:flex}.brand-mark{width:44px;height:44px;font-family:var(--font-display);letter-spacing:.02em;background:#ffffff24;border-radius:12px;place-items:center;font-weight:700;display:grid}.brand-name{font-family:var(--font-display);font-size:1.22rem;font-weight:700;line-height:1.15}.brand-sub{opacity:.72;letter-spacing:.01em;margin-top:.18rem;font-size:.72rem}.nav{flex-direction:column;flex:1;gap:.28rem;display:flex}.nav-link{color:#ffffffd1;border-radius:11px;align-items:center;gap:.7rem;padding:.72rem .85rem;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.nav-badge{letter-spacing:.02em;text-transform:uppercase;color:#fff;background:#ffffff2e;border-radius:999px;margin-left:auto;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.sidebar-user{border-top:1px solid #ffffff1f;flex-direction:column;gap:.7rem;padding-top:.9rem;display:flex}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:.9rem}.sidebar-user-row{align-items:center;gap:.7rem;display:flex}.sidebar-avatar{background:#ffffff29;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:grid}.sidebar-user-name{font-size:.88rem;font-weight:600}.sidebar-user-email{opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.72rem;overflow:hidden}.btn-signout{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:9px;align-items:center;gap:.4rem;padding:.48rem .75rem;font-size:.85rem;display:inline-flex}.btn-signout:hover{background:#ffffff24}.auth-screen{background:radial-gradient(70% 55% at 15% 10%,#aad6f0a6 0%,#0000 60%),radial-gradient(55% 50% at 90% 85%,#badcf28c 0%,#0000 55%),linear-gradient(165deg,#dceef8 0%,#f4fafd 42%,#e3f0f8 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.auth-decor{pointer-events:none;color:#0f3a63;opacity:.55;position:absolute;inset:0}.auth-decor-mountains{width:min(42vw,480px);position:absolute;bottom:-4%;left:-2%}.auth-decor-ledger{width:min(24vw,240px);position:absolute;bottom:4%;right:2%}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff5;border:1px solid #c5dcebf2;border-radius:18px;width:min(440px,100%);padding:2.15rem 1.85rem 1.7rem;position:relative;box-shadow:0 22px 56px #0f3a631f}.auth-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.55rem;display:flex}.auth-brand-hero{justify-content:center;align-items:center;gap:.85rem;display:flex}.auth-brand-mark{background:var(--navy);color:#fff;width:52px;height:52px;font-family:var(--font-display);border-radius:14px;flex-shrink:0;font-size:1.15rem}.auth-brand-name{font-family:var(--font-display);color:var(--navy);font-size:1.85rem;font-weight:700;line-height:1.1}.auth-brand-rule{background:#b7cfe0;width:88px;height:1px;margin:.85rem auto .75rem;position:relative}.auth-brand-rule:after{content:"";background:var(--navy);border-radius:1px;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.auth-brand-title{font-family:var(--font-display);color:#123552;margin:0 0 .35rem;font-size:1.25rem}.auth-brand-sub,.auth-brand p{color:var(--text-muted);max-width:32ch;margin:0;font-size:.92rem;line-height:1.45}.auth-form{flex-direction:column;gap:.95rem;display:flex}.field-with-icon{align-items:center;width:100%;display:flex;position:relative}.field-with-icon>input,.field-with-icon input[type=email],.field-with-icon input[type=text],.field-with-icon input[type=password],.password-field.field-with-icon>input,.password-field.field-with-icon input[type=password],.password-field.field-with-icon input[type=text]{width:100%;padding-left:2.7rem!important}.field-icon{z-index:1;color:#7b93a8;pointer-events:none;place-items:center;width:1rem;height:1rem;display:grid;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.password-field{align-items:center;width:100%;display:flex;position:relative}.password-field input{width:100%;padding-right:2.6rem}.password-field.field-with-icon input{padding-left:2.7rem;padding-right:2.6rem}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-toggle:hover{background:var(--primary-soft);color:var(--primary)}.auth-submit{background:var(--navy);border-radius:10px;justify-content:center;width:100%;margin-top:.5rem;padding:.82rem 1rem}.auth-submit:hover:not(:disabled){background:var(--navy-deep)}.auth-note{text-align:center;color:var(--text-muted);margin:1rem 0 0;font-size:.82rem}.auth-note a{color:var(--navy);font-weight:600}.auth-footer-links{justify-content:center;align-items:center;gap:.9rem;margin-top:1.2rem;font-size:.88rem;display:flex}.auth-footer-links a{color:var(--navy);font-weight:600}.auth-footer-sep{background:var(--border-strong);width:1px;height:14px}.main{flex:1;min-width:0;padding:1.85rem 2.1rem 2.6rem}.page{max-width:1200px;margin:0 auto;animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.55rem;display:flex}.page-header h1{font-family:var(--font-display);color:var(--navy);letter-spacing:-.02em;margin:0;font-size:2.05rem;font-weight:700}.page-sub{color:var(--text-muted);max-width:54ch;margin:.4rem 0 0;line-height:1.5}.page-actions{gap:.5rem;display:flex}.btn-primary,.btn-secondary,.btn-ghost{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.58rem 1rem;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0;padding:.4rem}.btn-ghost:hover{background:var(--primary-soft);color:var(--primary)}.btn-ghost.danger:hover{background:var(--danger-soft);color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.form-panel{margin-bottom:1.25rem;padding:1.3rem 1.4rem 1.4rem;animation:.25s fadeIn}.panel-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-head h2{color:var(--navy);margin:0;font-size:1.12rem;font-weight:600}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem 1rem;margin-bottom:1rem;display:grid}label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.84rem;font-weight:500;display:flex}label.full{margin-bottom:1rem;display:flex}label.span-2{grid-column:span 2}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password]{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:.62rem .78rem}input:focus{border-color:var(--primary);background:#fff;outline:2px solid #9fcceb}.form-actions{justify-content:flex-end;gap:.6rem;display:flex}.entry-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:0;display:flex;overflow:hidden}.entry-card{border:none;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:1rem 1.2rem;transition:background .15s}.entry-card:last-child{border-bottom:none}.entry-card:hover{background:var(--surface-2);border-color:#0000;transform:none}.entry-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.entry-date{color:var(--primary);letter-spacing:.02em;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:inline-flex}.entry-card h3{color:var(--navy);margin:.18rem 0 0;font-size:1.02rem}.entry-meta{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.entry-pills{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.entry-pill{border-radius:999px;align-items:center;padding:.22rem .58rem;font-size:.75rem;font-weight:600;display:inline-flex}.tone-blue{color:#1a5f9a;background:#e5f1fb}.tone-amber{color:#9a5b12;background:#fff1df}.tone-green{color:#1f7a4d;background:#e7f6ee}.tone-sky{color:#1b6f8a;background:#e8f7fc}.tone-violet{color:#5b4a9a;background:#eee8fb}.tone-slate{color:#526477;background:#eef2f6}.entry-actions{flex-shrink:0;gap:.15rem;display:flex}.entry-preview-wrap{margin-top:.75rem}.entry-preview-label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:.35rem;font-size:.78rem;font-weight:600}.entry-preview{border-top:1px solid var(--border);color:var(--text);margin-top:.7rem;padding-top:.7rem;font-size:.92rem}.entry-reading .entry-preview,.entry-verse .entry-preview{font-family:var(--font-display);color:#23415c;background:#f3f8fc;border-top:none;border-radius:10px;margin-top:0;padding:.85rem 1rem;font-size:.98rem;line-height:1.55}.entry-verse h3{font-family:var(--font-display);font-size:1.15rem}.entries-section{margin-top:.35rem}.section-title{color:var(--navy);margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.date-chip{border:1px solid var(--border);color:var(--navy);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex;position:relative}.date-chip input[type=date]{opacity:0;cursor:pointer;border:none;padding:0;position:absolute;inset:0}.empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius);background:#ffffffb3;padding:2.5rem 1.5rem}.banner{border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.banner.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f5c6c2}.banner.success{color:#1f7a4d;background:#e8f7ef;border:1px solid #b7e4c7}.banner.info{color:#1a5f9a;background:#e8f2fb;border:1px solid #c5daf0}.banner.warn{color:#9a5b12;background:#fff6e8;border:1px solid #f0d7b0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-filter select{appearance:none;border:1px solid var(--border);color:var(--navy);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b738c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .7rem center no-repeat;border-radius:999px;padding:.42rem 2rem .42rem .85rem;font-size:.82rem;font-weight:600}.chart-filter select:focus{border-color:var(--primary);outline:2px solid #9fcceb}.body-tabs{border:1px solid var(--border);background:#ffffffbf;border-radius:12px;gap:.35rem;margin-bottom:1rem;padding:.3rem;display:inline-flex}.body-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.5rem .95rem;font-size:.88rem;font-weight:600}.body-tab:hover{background:var(--primary-soft);color:var(--primary)}.body-tab.active{background:var(--navy);color:#fff}.field-hint{color:var(--text-muted);font-size:.72rem;font-weight:400}.goals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-user-card{margin-bottom:1.25rem;padding:1.15rem 1.25rem}.admin-user-row{align-items:center;gap:1rem;display:flex}.admin-avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:.95rem;font-weight:700;display:grid}.admin-user-name{color:var(--navy);font-size:1.05rem;font-weight:700}.admin-user-email{color:var(--text-muted);font-size:.88rem}.admin-user-meta{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.75rem;font-weight:600}.admin-user-copy{flex:1;min-width:0}.rings-panel{margin-bottom:1.25rem;padding:1.15rem 1.2rem 1.2rem}.rings-layout{grid-template-columns:minmax(200px,260px) 1fr;align-items:center;gap:1.25rem;display:grid}.rings-svg-wrap{place-items:center;display:grid}.rings-svg{width:min(100%,240px);height:auto}.ring-progress{transition:stroke-dasharray .4s}.rings-legend{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.rings-legend li{align-items:flex-start;gap:.65rem;display:flex}.ring-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:.3rem;box-shadow:0 0 0 3px #ffffffe6}.ring-legend-copy strong{color:var(--navy);font-size:.92rem;display:block}.ring-legend-copy span{color:var(--text-muted);font-size:.8rem}@media (width<=860px){.rings-layout,.goals-grid,.admin-user-row{flex-wrap:wrap;grid-template-columns:1fr}.admin-user-row{display:flex}}.users-table-wrap{padding:0;overflow:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--border);padding:.85rem 1.1rem;font-size:.92rem}.users-table th{background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.users-table tr:last-child td{border-bottom:none}.users-actions{text-align:right;width:48px}.notepad{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.notepad-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:.25rem;padding:.45rem .55rem;display:flex}.notepad-toolbar button{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.notepad-toolbar button:hover,.notepad-toolbar button.active{background:var(--primary-soft);color:var(--primary)}.notepad-toolbar .roman-btn{width:auto;padding:0 .45rem;font-size:.78rem;font-weight:700}.toolbar-sep{background:var(--border);width:1px;height:18px;margin:0 .25rem}.notepad-content{outline:none;min-height:120px;padding:.85rem 1rem;line-height:1.55}.notepad .ProseMirror{outline:none;min-height:120px;padding:.85rem 1rem}.notepad .ProseMirror p{margin:0 0 .5rem}.notepad .ProseMirror ul,.notepad .ProseMirror ol,.notepad-content ul,.notepad-content ol{margin:.35rem 0 .55rem;padding-left:1.35rem}.notepad .ProseMirror ol[type=i],.notepad-content ol[type=i]{list-style-type:lower-roman}.notepad .ProseMirror p.is-editor-empty:first-child:before{color:#9aadc0;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.notepad-readonly .notepad-content,.notepad-readonly .ProseMirror{min-height:auto}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:.95rem 1rem .85rem}.kpi-icon{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;place-items:center;margin-bottom:.55rem;display:grid}.kpi-label{color:var(--text-muted);font-size:.74rem;font-weight:500}.kpi-value{color:var(--navy);letter-spacing:-.02em;margin-top:.28rem;font-size:1.28rem;font-weight:700}.kpi-unit{color:var(--text-muted);font-size:.78rem;font-weight:600}.kpi-goal{color:var(--text-muted);margin-top:.35rem;font-size:.72rem}.kpi-progress{background:#e4eef6;border-radius:999px;height:4px;margin-top:.55rem;overflow:hidden}.kpi-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--navy), var(--primary));height:100%;display:block}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.chart-grid-primary{grid-template-columns:1.35fr 1fr}.chart-panel{padding:1.15rem 1.2rem .8rem}.chart-panel.wide{grid-column:1/-1}.chart-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem;display:flex}.chart-panel h2{color:var(--navy);margin:0;font-size:1.05rem}.chart-sub{color:var(--text-muted);margin:.2rem 0 .75rem;font-size:.8rem}.chart-wrap{width:100%;position:relative}.chart-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.9rem}.macro-donut{grid-template-columns:1.1fr .9fr;align-items:center;gap:.5rem;display:grid}.macro-donut-chart{min-height:240px;position:relative}.donut-center{pointer-events:none;color:var(--navy);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center strong{font-size:1.25rem;font-weight:700;line-height:1}.donut-center span{color:var(--text-muted);margin-top:.2rem;font-size:.75rem}.macro-legend{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.macro-legend li{align-items:flex-start;gap:.55rem;display:flex}.macro-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem}.macro-legend strong{color:var(--navy);font-size:.84rem;display:block}.macro-legend span{color:var(--text-muted);font-size:.76rem}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid-primary,.macro-donut{grid-template-columns:1fr}}@media (width<=860px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;padding-bottom:.85rem;position:relative}.nav{flex-flow:wrap}.nav-link{padding:.5rem .7rem;font-size:.85rem}.nav-badge{display:none}.main{padding:1.25rem 1rem 2rem}.chart-grid,.kpi-grid,.form-grid{grid-template-columns:1fr}.chart-panel.wide{grid-column:auto}.page-header{flex-direction:column}.page-header h1{font-size:1.7rem}label.span-2{grid-column:auto}.auth-brand-name{font-size:1.45rem}.auth-decor-mountains,.auth-decor-ledger{opacity:.7;width:min(70vw,320px)}.auth-decor-ledger{width:min(40vw,160px)}}