:root{--navy:#0c2a52;--navy-700:#14375f;--page:#f3f8fc;--white:#fff;--gold:#f59e0c;--gold-ink:#3a2a02;--blue:#2e70ed;--ink:#0c2a52;--muted:#4a5a70;--muted-2:#5a6a80;--line:#e1e8f0;--line-2:#c7d2e0;--radius:9px;--radius-lg:14px;--maxw:1120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--white);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}.serif{font-family:Fraunces,Georgia,Times New Roman,serif}.ital{font-style:italic;color:var(--blue)}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:500;padding:12px 24px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .04s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.985)}.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-gold:hover{background:#e8950a}.btn-outline{background:var(--white);color:var(--navy);border-color:var(--line-2)}.btn-outline:hover{border-color:var(--navy)}.btn-outline-light{background:transparent;color:#fff;border-color:hsla(0,0%,100%,.4)}.btn-outline-light:hover{border-color:#fff;background:hsla(0,0%,100%,.1)}.section{padding:52px 0}.eyebrow{font-size:18px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);font-weight:500}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;text-align:left}.card{border-radius:12px;padding:22px}.nav-link{color:#3a4a63;transition:color .15s ease}.nav-link:hover{color:var(--navy)}.nav-link-light{color:#9db6d6;transition:color .15s ease}.nav-link-light:hover{color:#fff}.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}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr!important}}@media (max-width:860px){.section{padding:38px 0}}@media (max-width:580px){.grid-3{grid-template-columns:1fr}}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-side{display:flex;flex-direction:column;background:var(--white);padding:40px 56px}.auth-form-inner{width:100%;max-width:420px;margin:auto}.auth-logo{margin-bottom:40px}.auth-heading{font-size:clamp(2rem,4vw,2.6rem);font-weight:500;line-height:1.08;letter-spacing:-.01em;margin-bottom:10px}.auth-sub{color:var(--muted);margin-bottom:28px}.field-group{text-align:left;margin-bottom:18px}.field-label{display:block;font-size:18px;font-weight:600;color:var(--navy);margin-bottom:7px}.field{width:100%;height:52px;padding:0 15px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--white);font-size:18px;font-family:inherit;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field::placeholder{color:#9aa8bc}.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,112,237,.15)}.field.field-error{border-color:#d65a3c}.field-help{display:block;font-size:18px;color:var(--muted);margin-top:6px}.pw-wrap{position:relative}.pw-input{padding-right:48px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.pw-toggle:hover{color:var(--navy);background:#eef4fb}.auth-error{color:#c0432a;font-size:18px;margin-top:7px}.auth-submit{width:100%;height:52px;margin-top:4px}.auth-row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.auth-foot{margin-top:26px;color:var(--muted)}.auth-link{color:var(--blue);font-weight:500}.auth-link:hover{text-decoration:underline}.auth-note{background:#f0f6ff;border:1px solid #cfe0fb;border-radius:var(--radius);padding:16px 18px;color:var(--navy);text-align:left}.auth-note strong{display:block;margin-bottom:4px}.auth-panel-side{position:relative;background:var(--navy);color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:56px}.auth-panel-rings{position:absolute;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none}.auth-verse{position:relative;z-index:1;max-width:440px;text-align:center;transition:opacity .5s ease}.auth-verse-text{font-size:clamp(1.5rem,2.4vw,2rem);font-style:italic;line-height:1.45;margin-bottom:18px}.auth-verse-ref{font-size:18px;letter-spacing:2px;color:var(--gold)}@media (max-width:820px){.auth-wrap{grid-template-columns:1fr}.auth-panel-side{display:none}.auth-form-side{padding:32px 22px}}.app-wrap{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.app-sidebar{background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.app-sidebar-logo{padding:6px 8px 22px}.app-nav{display:flex;flex-direction:column;gap:4px}.app-nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius);color:#bcd0e8;font-size:18px;font-weight:500;transition:background .15s ease,color .15s ease}.app-nav-link:hover{background:hsla(0,0%,100%,.08);color:#fff}.app-nav-link.active{background:hsla(0,0%,100%,.12);color:#fff}.app-nav-ico{width:20px;height:20px;flex-shrink:0}.app-user-block{margin-top:auto;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.12)}.app-user{display:flex;align-items:center;gap:11px;padding:0 8px 10px}.app-logout{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.22);background:transparent;color:#bcd0e8;font-family:inherit;font-size:18px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.app-logout:hover{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.4)}.app-avatar{width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.app-user-name{font-size:18px;font-weight:600}.app-user-mail,.app-user-name{line-height:1.25;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-mail{font-size:16px;color:#9db6d6}.app-content{background:var(--page);padding:36px 40px 56px}.app-content-inner{max-width:920px;margin:0 auto}.app-h1{font-size:clamp(1.9rem,3.4vw,2.4rem);font-weight:500;letter-spacing:-.01em;margin-bottom:4px}.app-sub{color:var(--muted);margin-bottom:30px}.app-section-head{font-size:18px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-2);font-weight:600;margin:36px 0 14px}.journey-list{display:flex;flex-direction:column;gap:12px}.journey-row{justify-content:space-between;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px}.journey-main,.journey-row{display:flex;align-items:center}.journey-main{gap:16px;min-width:0}.journey-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.journey-title{font-size:18px;font-weight:600;line-height:1.25}.journey-meta{font-size:18px;color:var(--muted);line-height:1.3}.journey-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pill{font-size:18px;font-weight:600;padding:4px 12px;border-radius:999px}.pill-active{background:#e3f6e9;color:#1c7a3f}.pill-paused{background:#fff0d9;color:#9a6400}.icon-btn{width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--white);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.icon-btn:hover{border-color:var(--navy);color:var(--navy)}.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.tpl-card{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .04s ease}.tpl-card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(12,42,82,.08)}.tpl-card:active{transform:scale(.99)}.tpl-card.tpl-custom{border-style:dashed;border-color:var(--line-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px}.tpl-emoji{font-size:28px;line-height:1;margin-bottom:12px}.tpl-name{font-size:18px;font-weight:600;margin-bottom:4px}.tpl-desc{font-size:18px;color:var(--muted);line-height:1.4}@media (max-width:900px){.tpl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.app-wrap{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 4px;padding:12px 14px}.app-sidebar-logo{padding:4px 8px}.app-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.app-nav-link{padding:8px 11px}.app-user-block{margin-top:0;border-top:none;padding-top:0;display:flex;align-items:center;gap:8px}.app-user{padding:4px 8px}.app-logout{width:auto}.app-content{padding:24px 18px 44px}}@media (max-width:540px){.tpl-grid{grid-template-columns:1fr}.journey-row{flex-direction:column;align-items:flex-start}.journey-actions{align-self:flex-end}}.admin-badge{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--gold-ink);background:var(--gold);border-radius:6px;padding:3px 8px}.admin-badge-light{background:rgba(245,158,12,.18);color:var(--gold)}.admin-sidebar{background:#081d3a}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.stat-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.stat-num{font-size:2.2rem;font-weight:600;color:var(--navy);line-height:1.1}.stat-label{font-size:18px;font-weight:600;margin-top:6px}.stat-note{font-size:18px;color:var(--muted);margin-top:2px}.admin-empty{background:var(--white);border:1px dashed var(--line-2);border-radius:var(--radius-lg);padding:28px;color:var(--muted);text-align:center}.btn-small{font-size:18px;font-weight:500;font-family:inherit;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--white);color:var(--navy);cursor:pointer;white-space:nowrap}.btn-small:hover{border-color:var(--navy)}.btn-small-accent{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-small-accent:hover{background:#245fd6;border-color:#245fd6}.admin-table-wrap{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;font-size:18px;font-weight:600;color:var(--muted-2);background:#fbfdff}.admin-table td,.admin-table th{padding:14px 18px;border-bottom:1px solid var(--line)}.admin-table td{vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.admin-inner{max-width:1180px}.section-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:36px 0 14px}.section-head-row .app-section-head{margin:0}.user-add-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px 16px;gap:14px 16px}@media (max-width:620px){.user-add-grid{grid-template-columns:1fr}}.verse-add{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.verse-list{display:flex;flex-direction:column;gap:12px}.verse-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 20px}@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.stat-grid{grid-template-columns:1fr}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table td,.admin-table tr{display:block;width:100%}.admin-table tr{border-bottom:1px solid var(--line);padding:8px 4px}.admin-table td{border:none;padding:6px 18px;display:flex;justify-content:space-between;gap:16px}.admin-table td:before{content:attr(data-label);font-weight:600;color:var(--muted-2)}.admin-row-actions{justify-content:flex-start}.verse-row{flex-direction:column;align-items:flex-start}}