:root{--bg: #f6f8fb;--paper: #ffffff;--ink: #1f2a37;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 10px 30px rgba(17, 24, 39, .08);--accent: #3b82f6;--accent2: #10b981;--accent3: #8b5cf6;--accent4: #f59e0b;--danger: #ef4444;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.example-hint{position:relative;margin-left:8px}.intro-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:20px;margin-bottom:24px}.intro-card ul{margin:12px 0;padding-left:18px;color:var(--muted);font-size:14px}.intro-card .callout{margin-top:14px;padding:12px;border-radius:12px;background:#3b82f60f;border:1px solid rgba(59,130,246,.2);font-size:13px}.example-btn{background:none;border:none;font-size:12px;color:var(--accent);cursor:pointer;padding:0}.example-popover{position:absolute;top:140%;left:0;z-index:20;width:260px;background:#0f172a;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.45;box-shadow:0 10px 30px #00000040}.check-mark{font-weight:900;color:#047857!important;font-size:14px;position:absolute;left:50%;bottom:50%;transform:translate(-50%,50%)}.loading-screen{display:flex;justify-content:center;align-items:center;text-align:center;margin-top:18px;padding:60px 20px}.loader-container{display:flex;flex-direction:column;align-items:center;gap:18px}.loader-ring{width:52px;height:52px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:loader-spin .8s linear infinite}.loader-ring-inner{width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-bottom-color:var(--accent2);animation:loader-spin 1.6s linear infinite reverse}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader-title{font-size:18px;font-weight:600;color:var(--ink);margin:0;animation:loader-fade 1.6s ease-in-out infinite}.loader-sub{font-size:14px;color:var(--muted);margin:0}@keyframes loader-fade{0%,to{opacity:1}50%{opacity:.4}}.footer-mono{font-family:var(--mono)}.form-wrap{max-width:100%;margin:20px auto;padding:0 16px}.privacy-consent{margin-top:16px}.checkbox-label{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);cursor:pointer}.checkbox-label input{margin-top:3px}.link-btn.inline{padding:0;border:0;background:none;color:#2563eb;font-size:inherit;cursor:pointer;text-decoration:underline}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.form-submit{margin-top:24px;display:flex;flex-direction:column;gap:10px}.consent-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#374151;cursor:pointer}.consent-row input{width:16px;height:16px;accent-color:#2563eb}.consent-hint{font-size:12px;color:#6b7280;margin-left:26px}.submit-btn{margin-top:14px;align-self:flex-start}.radio-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.radio-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer;transition:all .15s ease;background:#fff}.radio-item:hover{background:#f9fafb}.radio-item input{display:none}.radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid #9ca3af;position:relative;flex-shrink:0}.radio-item.active{border-color:#2563eb;background:#f0f6ff}.radio-item.active .radio-dot{border-color:#2563eb}.radio-item.active .radio-dot:after{content:"";position:absolute;inset:4px;background:#2563eb;border-radius:50%}.radio-text{font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.form-card{padding:28px}.form-card h2{margin:0 0 6px;font-size:22px}.form-sub{margin:0 0 24px;color:var(--muted);font-size:14px}.form-field{display:grid;gap:8px;margin-bottom:18px}.form-field label{font-size:13px;font-weight:600;color:#111827}.form-field textarea,.form-field input{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-family:var(--sans);font-size:14px;resize:vertical}.form-field textarea{min-height:72px}.form-field textarea:focus,.form-field input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.form-actions{margin-top:28px;display:flex;justify-content:flex-end}.tl-dot{width:12px;height:12px;border-radius:50%;background:#3b82f6;flex-shrink:0}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 20% 0%,#eef5ff 0%,var(--bg) 60%)}.app{max-width:1180px;margin:28px auto;padding:0 18px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--border);background:linear-gradient(135deg,#3b82f61f,#10b9811f)}.logo svg{width:22px;height:22px}.brand h1{font-size:14px;line-height:1.2;margin:0;font-weight:700;letter-spacing:.2px}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:12px;padding:10px 12px;font-weight:600;font-size:13px;cursor:pointer;transition:.16s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #11182714}.btn.primary{border-color:#3b82f640;background:#3b82f614}.content{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:18px}.sidebar{position:sticky;top:18px;align-self:start;border:1px solid var(--border);border-radius:16px;background:#ffffffe6;box-shadow:var(--shadow);overflow:hidden}.sidebar .head{padding:14px 14px 10px;border-bottom:1px solid var(--border)}.sidebar .head .title{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar .head h2{margin:0;font-size:13px;letter-spacing:.2px}.pill{font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.25);background:#10b9811a;color:#065f46;font-weight:700;white-space:nowrap}.sidebar nav{padding:10px;display:grid;gap:6px}.navlink{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;text-decoration:none;color:var(--ink);border:1px solid transparent;font-size:13px}.navlink:hover{background:#3b82f60f;border-color:#3b82f61f}.dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px #3b82f61f;flex:0 0 auto}.dot.g{background:var(--accent2);box-shadow:0 0 0 3px #10b9811f}.dot.p{background:var(--accent3);box-shadow:0 0 0 3px #8b5cf61f}.dot.y{background:var(--accent4);box-shadow:0 0 0 3px #f59e0b24}.dot.r{background:var(--danger);box-shadow:0 0 0 3px #ef44441f}.sidebar .meta{padding:12px 14px 14px;border-top:1px solid var(--border);display:grid;gap:10px}.kv{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline}.kv .k{color:var(--muted);font-size:12px}.kv .v{font-weight:800;font-size:12px}.progress{height:10px;border-radius:999px;background:#eef2ff;border:1px solid var(--border);overflow:hidden}.progress>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#3b82f6f2,#10b981f2)}main{border:1px solid var(--border);border-radius:16px;background:#ffffffeb;box-shadow:var(--shadow);overflow:hidden}.report-head{padding:18px 18px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#3b82f60f,#fff0)}.report-head h2{margin:0 0 6px;font-size:22px;letter-spacing:.2px}.report-head .sub{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;color:var(--muted);font-size:13px}.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted);font-weight:700;font-size:12px}.section{padding:16px 18px;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:0}.section h3{margin:0 0 12px;font-size:14px;letter-spacing:.2px;color:#0f172a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px}.card .headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.badge{font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(59,130,246,.25);background:#3b82f614;color:#1d4ed8;white-space:nowrap}.badge.g{border-color:#10b98140;background:#10b9811a;color:#047857}.badge.y{border-color:#f59e0b47;background:#f59e0b1a;color:#92400e}.badge.r{border-color:#ef444447;background:#ef444414;color:#b91c1c}.card p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#fff}.check{width:18px;height:18px;border-radius:6px;border:1px solid rgba(16,185,129,.35);background:#10b98114;position:relative;flex:0 0 auto;margin-top:2px}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.check:before{transform:translate(-50%,-50%) rotate(45deg)}.check:after{transform:translate(-50%,-50%) rotate(-45deg)}.li span{font-size:13px;color:#111827;line-height:1.45}.timeline{border-left:3px solid rgba(59,130,246,.18);margin-left:8px;padding-left:14px;display:grid;gap:10px}.tl-item{position:relative;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#fff}.tl-item:before{content:"";position:absolute;left:-22px;top:18px;width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #3b82f61f}.tl-item .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.tl-item .day{font-weight:900;font-size:12px;color:#1d4ed8}.tl-item .task{font-size:13px;color:#111827;line-height:1.45}.with-help{display:flex;align-items:center;gap:6px}.help{font-size:12px;color:#64748b;cursor:help;position:relative}.help:hover:after{content:attr(data-tip);position:absolute;bottom:140%;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.4;width:220px;box-shadow:0 10px 30px #00000040;z-index:50}.roadmap{display:grid;gap:10px}.rm-row{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#fff}.rm-row .m{font-weight:900;font-size:12px;color:#7c3aed;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:999px;padding:6px 10px;width:fit-content}.rm-row .f{font-size:13px;color:#111827;line-height:1.45}.callout{border:1px solid rgba(239,68,68,.22);background:#ef44440f;border-radius:14px;padding:14px}.callout h4{margin:0 0 6px;font-size:13px;color:#991b1b;letter-spacing:.2px}.callout p{margin:0;color:#7f1d1d;font-size:13px;line-height:1.5}.footer{padding:12px 18px 18px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.jsonbox{font-family:var(--mono);font-size:11px;color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;overflow:auto;max-height:220px}@page{size:A4;margin:14mm}@media print{body{background:#fff}.app{max-width:none;margin:0;padding:0}.topbar,.sidebar,.actions{display:none!important}.content{grid-template-columns:1fr;margin-top:0}main{box-shadow:none;border:0;border-radius:0;background:#fff}.section,.card,.li,.tl-item,.rm-row{break-inside:avoid;page-break-inside:avoid}.report-head{border-bottom:1px solid #e5e7eb}.footer{border-top:1px solid #e5e7eb}}@media(max-width:768px){.app{margin:12px auto;padding:0 12px 16px}.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.brand{min-width:unset}.actions{width:100%;justify-content:space-between}.btn{justify-content:center;flex:1}.content{grid-template-columns:1fr;gap:14px}.sidebar{position:static;top:unset}.sidebar nav{grid-template-columns:1fr 1fr;gap:6px}.navlink{font-size:12px;padding:8px}main{border-radius:14px}.report-head{padding:14px}.report-head h2{font-size:18px}.report-head .sub{font-size:12px;gap:8px}.section{padding:14px}.section h3{font-size:13px}.grid2{grid-template-columns:1fr}.card{padding:12px}.card p{font-size:13px}.li{padding:8px}.li span{font-size:13px}.timeline{margin-left:0;padding-left:10px}.tl-item{padding:10px}.tl-dot{left:-18px}.rm-row{grid-template-columns:1fr;gap:8px}.rm-row .m{font-size:11px}.footer{flex-direction:column;align-items:flex-start;gap:6px;font-size:11px}.form-wrap{margin:24px auto;padding:0 12px}.form-card{padding:20px;border-radius:16px}.form-card h2{font-size:18px}.form-sub{font-size:13px;margin-bottom:18px}.form-field textarea,.form-field input{font-size:14px}.form-actions{justify-content:stretch}.form-actions .btn{width:100%}}.footer-links .link-btn{background:none;border:none;padding:0;color:#64748b;font-size:12px;cursor:pointer;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:999}.modal{width:720px;max-width:94%;max-height:88vh;background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column}.modal h3{margin:0 0 12px;font-size:18px}.modal-content{overflow-y:auto;padding-right:6px;font-size:13px;line-height:1.6;color:#1f2937}.modal-content h4{margin:16px 0 6px;font-size:13px;font-weight:700}.modal-actions{margin-top:16px;display:flex;justify-content:flex-end}@media(max-width:768px){.tl-item:before{display:none}.timeline{margin-left:0;padding-left:24px;border-left-width:2px}.tl-item{position:relative;padding:14px}.tl-dot{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #3b82f61f}}