:root{--bg:#eee6e2;--surface:#fffdf9;--surface-soft:#f7efe8;--text:#1c1917;--muted:#78716c;--line:#e7ddd6;--primary:#e98235;--primary-soft:#f9dcc4;--danger:#c2410c;--warning:#a16207;--success:#3f3a36;--radius:18px;--shadow:0 12px 30px rgba(80,58,46,.08)}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(100%,620px);margin:0 auto;min-height:100vh;padding:16px 16px 32px}.desktop-nav-shell{display:none}.mobile-nav{position:sticky;top:0;z-index:30;height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}.cita-logo{display:block;line-height:0}.cita-logo img{display:block;width:auto;height:36px;-o-object-fit:contain;object-fit:contain}.menu-toggle{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-content:center;grid-gap:5px;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;border-radius:999px;background:var(--text);transition:transform .16s ease,opacity .16s ease}.menu-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-backdrop{position:fixed;inset:0;z-index:40;background:rgba(28,25,23,.35);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.mobile-menu-backdrop.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(84vw,340px);padding:20px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease}.mobile-menu.open{transform:translateX(0)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.mobile-menu-close{border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.mobile-menu-links{flex:1 1;display:grid;grid-template-rows:repeat(4,max-content) 1fr max-content;grid-gap:8px;gap:8px;margin-top:18px}.mobile-menu-links a,.nav-logout{padding:14px 16px;border-radius:14px;color:var(--muted);font-weight:800}.nav-logout{border:0;background:transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.nav-logout svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-menu-links .nav-logout{grid-row:-1;align-self:end;width:100%;margin-top:8px;color:#b91c1c;text-align:left}.mobile-menu-links a.active{background:#2f2f36;color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.section{padding:22px}.title{margin:0;font-size:2rem;line-height:1.08;letter-spacing:-.04em}.muted,.subtitle{color:var(--muted)}.muted{margin:0}.stack{display:grid;grid-gap:16px;gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;color:var(--text)}.textarea{min-height:110px;resize:vertical}.password-field{position:relative}.password-field .input{padding-right:54px}.password-toggle{position:absolute;top:50%;right:8px;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;transform:translateY(-50%);cursor:pointer}.password-toggle:hover{background:var(--surface-soft);color:var(--text)}.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.label{font-size:.88rem;font-weight:700;margin-bottom:8px;display:block}.button,.button-ghost,.button-secondary{border:1px solid transparent;border-radius:16px;min-height:52px;padding:0 18px;font-weight:700;cursor:pointer}.button{background:var(--primary);color:#fff}.button-secondary{background:#fff;border-color:var(--line);color:var(--text)}.button-ghost{background:transparent;color:var(--muted)}.hero{padding:26px 22px}.hero-task{display:grid;grid-gap:18px;gap:18px}.hero-avatar{width:52px;height:52px;display:grid;place-items:center;background:#f6d477;color:#5b3313}.badge,.hero-avatar{border-radius:999px;font-weight:800}.badge{display:inline-flex;align-items:center;padding:7px 11px;background:var(--primary-soft);color:#8a4a1a;font-size:.8rem}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.overview-card,.stat{padding:15px;border-radius:20px;background:#fff;border:1px solid var(--line)}.overview-card strong,.stat strong{display:block;font-size:1.5rem;margin-top:4px}.task-banner{padding:18px;border-radius:22px;background:var(--surface-soft)}.wizard-card{display:grid;grid-gap:20px;gap:20px}.wizard-head{gap:14px}.progress-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-percent{font-size:1rem;font-weight:800;color:#2f2f36}.progress-track{width:100%;height:12px;border-radius:999px;background:#f1e6db;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#e98235,#f0a14a);transition:width .18s ease}.history-summary,.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.history-summary .stat small{display:block;margin-top:6px;color:var(--muted);font-weight:700}.history-calendar{display:grid;grid-gap:18px;gap:18px}.history-month-select{width:-moz-fit-content;width:fit-content;max-width:100%;border:0;background:transparent;color:var(--text);font-size:1.65rem;font-weight:800;letter-spacing:-.04em;cursor:pointer}.calendar-grid,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.calendar-weekdays span{color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.calendar-day{width:100%;min-height:48px;padding:6px;border:0;border-radius:12px;background:transparent;display:grid;place-items:center;color:var(--muted);font-weight:700}.calendar-day.has-check{background:var(--primary-soft);color:#8a4a1a;cursor:pointer}.calendar-day.has-check:hover{background:#f4cda9}.calendar-day:disabled{cursor:default}.calendar-day small{width:7px;height:7px;border-radius:999px;display:block;background:var(--primary)}.history-issue-toggle{text-align:left;cursor:pointer}.history-issue-toggle.active{border-color:#c2410c}.history-issue-toggle small{display:block;margin-top:8px;color:var(--danger);font-weight:700}.issue-open-check{min-height:42px;margin-top:10px;display:inline-grid;place-items:center}.history-card-actions{margin-top:10px;display:flex;align-items:center;gap:12px}.history-card-actions .button-secondary{min-height:42px;display:inline-grid;place-items:center}.history-search{margin-bottom:14px}.history-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.history-mode-button.active{background:#2f2f36;border-color:#2f2f36;color:#fff}.topic-analyze-select{width:min(100%,420px)}.topic-analyze-panel{display:grid;grid-gap:16px;gap:16px}.chart-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:18px 14px 16px;overflow-x:auto}.chart-card-head{display:grid;grid-gap:6px;gap:6px;margin-bottom:16px}.chart-card-head p{margin:0}.line-chart{min-width:720px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:12px;gap:12px}.line-chart-y-axis{display:grid;grid-template-rows:repeat(5,1fr);align-items:space-between;justify-items:end;height:224px;color:var(--muted);font-size:.78rem;font-weight:700}.line-chart-main{display:grid;grid-gap:10px;gap:10px}.line-chart-plot{position:relative;height:224px;border-radius:18px;background:linear-gradient(180deg,#fffaf4,#fff);overflow:hidden;padding:8px 0 10px}.line-chart-grid{position:absolute;inset:0;display:grid;grid-template-rows:repeat(5,1fr)}.line-chart-grid span{border-bottom:1px dashed #eadfd6}.line-chart-grid span:first-child{border-top:1px dashed #eadfd6}.line-chart-svg{position:absolute;inset:8px 0 10px;width:100%;height:calc(100% - 18px);overflow:visible;shape-rendering:geometricPrecision}.line-chart-path{fill:none;stroke:#e19a4f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line-chart-point-dot{position:absolute;width:10px;height:10px;margin-left:-5px;margin-bottom:-5px;border-radius:999px;background:#e98235;border:2px solid #fff;box-shadow:0 0 0 1px rgba(225,154,79,.25)}.line-chart-days{overflow-x:auto}.line-chart-days-grid{display:grid;grid-gap:6px;gap:6px;justify-items:center}.line-chart-days-grid span{color:var(--muted);font-size:.78rem}.speed-table{display:grid;grid-gap:8px;gap:8px}.speed-table-head,.speed-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.speed-table-head{padding:0 2px 8px;color:var(--muted);font-size:.82rem;font-weight:800;border-bottom:1px solid var(--line)}.speed-table-row{padding:10px 2px;border-bottom:1px solid #f1e6db}.speed-table-row:last-child{border-bottom:0}.speed-table-row strong{color:#8a4a1a}.issue-modal-backdrop{position:fixed;inset:0;z-index:80;padding:18px;background:rgba(28,25,23,.46);display:grid;place-items:center}.issue-modal{width:min(100%,760px);max-height:min(86vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:16px;gap:16px}.issue-modal-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.issue-modal-close{border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 12px;font-weight:800;cursor:pointer}.issue-modal-list{overflow-y:auto;padding-right:4px}@media (max-width:700px){.issue-modal-backdrop{padding:10px;place-items:end center}.issue-modal{width:100%;max-height:88vh;border-radius:24px 24px 16px 16px}}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.choice-row,.pill-row{display:flex;flex-wrap:wrap;gap:8px}.score-slider-card{padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;grid-gap:14px;gap:14px}.score-slider-badges{display:flex;justify-content:space-between;gap:8px}.score-badge{width:48px;border:0;background:#f3ede8;color:#b08968;border-radius:999px;padding:6px 0;font-size:.72rem;font-weight:800;text-align:center}.score-badge.active{background:var(--score-color);color:#fff}.score-slider-track-wrap{position:relative;height:32px;display:flex;align-items:center;margin:0 10px}.score-slider-track-wrap:before{content:"";right:0;background:#ebe5df}.score-slider-progress,.score-slider-track-wrap:before{position:absolute;left:0;height:6px;border-radius:999px}.score-slider-progress{background:var(--score-color);transition:width .16s ease,background-color .16s ease}.score-slider-dots{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}.score-dot{justify-self:center;width:20px;height:20px;border-radius:999px;border:3px solid #d8d2cb;background:#fff;pointer-events:none}.score-dot.active{border-color:var(--score-color)}.score-dot.selected{border-color:transparent;background:transparent}.score-range{position:absolute;inset:0;width:100%;height:32px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:grab;z-index:2}.score-range:active{cursor:grabbing}.score-range::-webkit-slider-runnable-track{height:6px;background:transparent}.score-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border:4px solid #fff;border-radius:50%;background:var(--score-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--score-color) 20%,transparent)}.score-range::-moz-range-track{height:6px;background:transparent}.score-range::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--score-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--score-color) 20%,transparent)}.score-current{padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.score-current h3,.score-current p{margin:0}.score-current h3{font-size:1rem}.score-current p{margin-top:5px;color:var(--muted)}@media (max-width:520px){.score-current{align-items:flex-start;flex-direction:column}}.choice,.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;font-weight:700}.choice.active{background:#2f2f36;border-color:#2f2f36;color:#fff}.list{display:grid;grid-gap:12px;gap:12px}.list-item{padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff}.list-item h3,.list-item p{margin:0}.list-item h3{font-size:1rem}.topic-manage-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.topic-create-form{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.6fr) auto;grid-gap:10px;gap:10px}.topic-order-list{display:grid;grid-gap:12px;gap:12px}.topic-order-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.topic-order-item.manageable{grid-template-columns:auto minmax(0,1fr) auto;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;border-style:dashed}.topic-order-item.manageable:active{cursor:grabbing}.drag-handle{color:var(--muted);font-size:.85rem;font-weight:900;letter-spacing:-.2em;transform:rotate(90deg);line-height:1}.delete-icon-button{width:42px;height:42px;margin-left:auto;border:0;border-radius:0;background:transparent;color:#b91c1c;padding:0;display:inline-grid;place-items:center;cursor:pointer}.delete-icon-button:hover{background:transparent;color:#991b1b}.delete-icon-button svg{width:27px;height:27px;fill:currentColor}.topic-metric{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width:700px){.topic-create-form{grid-template-columns:1fr}.topic-manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.list-item h3+p,.list-item p+p{margin-top:6px}.status-bad,.status-danger,.status-good,.status-na,.status-ok,.status-warning{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800;min-width:72px}.status-ok{background:#dcfce7;color:#166534}.status-good{background:#ecfccb;color:#4d7c0f}.status-warning{background:#fef3c7;color:var(--warning)}.status-bad{background:#fed7aa;color:#c2410c}.status-danger{background:#fecaca;color:#b91c1c}.status-na{background:#f3f0ec;color:#57534e}.desktop-nav{width:min(calc(100% - 32px),1180px);margin:16px auto 0;padding:12px 16px;justify-content:space-between;gap:18px;background:rgba(255,253,249,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.desktop-brand,.desktop-nav{display:flex;align-items:center}.desktop-brand .cita-logo img{height:42px}.desktop-links{display:flex;align-items:center;gap:8px}.desktop-links .nav-logout,.desktop-links a{padding:10px 14px;border-radius:12px;font-size:.9rem;font-weight:800;color:var(--muted)}.desktop-links .nav-logout{color:#b91c1c}.desktop-links a.active{background:#2f2f36;color:#fff}.section-accordion{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.section-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;cursor:pointer;list-style:none}.section-summary::-webkit-details-marker,.topic-summary::-webkit-details-marker{display:none}.section-kicker{margin:0 0 4px;color:#8a4a1a;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.section-title{margin:0;font-size:1.2rem;line-height:1.15}.section-count{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#2f2f36;color:#fff;font-weight:800}.topic-list{display:grid;grid-gap:12px;gap:12px;padding:0 20px 20px}.topic-card{border:1px solid var(--line);border-radius:18px;background:#fff}.topic-summary{list-style:none;justify-content:space-between;padding:16px;cursor:pointer}.topic-main,.topic-summary{display:flex;align-items:flex-start;gap:12px}.topic-main{min-width:0}.topic-main h3{margin:0;font-size:1rem}.topic-bullet{width:12px;height:12px;min-width:12px;border-radius:999px;margin-top:5px;padding:0}.topic-body{padding:0 16px 16px}.wizard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.alert{padding:14px 16px;border-radius:14px;background:#fff1eb;border:1px solid #fed7aa;color:var(--danger)}@media (min-width:700px){.shell{width:min(100%,960px)}.shell,.shell.with-nav{padding-bottom:32px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.mobile-menu,.mobile-menu-backdrop,.mobile-nav,.mobile-quick-actions{display:none}.desktop-nav-shell{display:block}.shell{width:min(calc(100% - 32px),1180px);padding:18px 0 40px;min-height:auto}.shell.with-nav{padding-top:16px;padding-bottom:40px}.list{grid-template-columns:repeat(2,minmax(0,1fr))}.title{font-size:2.6rem}.hero,.section{padding:24px}.wizard-card{width:min(100%,760px);margin:0 auto}}