:root{--ink: #171525;--muted: #6f6a7c;--line: #ddd6ec;--paper: #ffffff;--wash: #f7f3ff;--purple-900: #3d2175;--purple-700: #5f3f98;--purple-500: #7b5ea7;--blue-700: #185fa5;--blue-100: #eaf0ff;--green-700: #116149;--green-100: #dff7eb;--orange-700: #96512f;--orange-100: #fff0df;--red-700: #9b1c1c;--red-100: #fee2e2;--shadow: 0 2px 10px rgba(61, 33, 117, .1)}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}.site-nav{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;background:var(--purple-900);padding:9px 18px;position:sticky;top:0;z-index:20}.nav-link{display:inline-flex;align-items:center;gap:6px;color:#ffffffbd;text-decoration:none;font-size:12px;font-weight:700;padding:6px 11px;border-radius:5px}.nav-link:hover,.nav-link.is-active{background:#ffffff2e;color:#fff}.hero{display:flex;align-items:center;gap:32px;padding:34px clamp(18px,5vw,48px);background:linear-gradient(135deg,#3d2175fa,#5f3f98f2),radial-gradient(circle at 80% 20%,rgba(24,95,165,.38),transparent 32%);color:#fff}.hero-ring{width:132px;height:132px;border:10px solid rgba(255,255,255,.18);border-top-color:#ffffffe6;border-radius:50%;display:grid;place-content:center;text-align:center;flex:0 0 auto}.ring-number{font-size:38px;font-weight:800;line-height:1}.ring-label,.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--purple-500)}.eyebrow.light{color:#ffffffa6}.hero h1{margin:0 0 4px;font-size:30px;line-height:1.1}.hero p{margin:0 0 14px;color:#ffffffb8}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:#ffffffeb;border-radius:999px;padding:5px 12px;font-size:12px}.content{max-width:1220px;margin:0 auto;padding:22px 28px 34px}.content.narrow{max-width:760px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:12px;margin-bottom:18px;border-bottom:2px solid var(--purple-700)}.page-header h1{margin:2px 0 0;font-size:22px}.page-meta{max-width:460px;margin:0;color:var(--muted);font-size:12px;text-align:right;line-height:1.45}.stat-grid,.quicknav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card,.panel,.quick-card,.record-card{background:var(--paper);box-shadow:var(--shadow)}.stat-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:8px}.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--wash)}.stat-value{font-size:26px;font-weight:800;line-height:1}.stat-label{margin-top:3px;color:var(--muted);font-size:12px}.tone-purple .stat-value,.tone-purple .stat-icon{color:var(--purple-700)}.tone-blue .stat-value,.tone-blue .stat-icon{color:var(--blue-700)}.tone-green .stat-value,.tone-green .stat-icon{color:var(--green-700)}.tone-orange .stat-value,.tone-orange .stat-icon{color:var(--orange-700)}.main-grid,.layout-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.panel{border-radius:8px;overflow:hidden;margin-bottom:16px}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--purple-900);color:#fff;padding:10px 16px}.panel-header h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.panel-header span{color:#ffffffb8;font-size:11px}.panel-body{padding:15px 16px}.stack{display:grid;gap:10px}.list-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding-bottom:10px;border-bottom:1px solid #f0ebfa}.list-row:last-child{border-bottom:0;padding-bottom:0}.list-row p,.record-card p,.record-card small,.timeline span{color:var(--muted);line-height:1.45}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;white-space:nowrap}.badge-purple{background:#ede7fb;color:var(--purple-700)}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-orange{background:var(--orange-100);color:var(--orange-700)}.badge-red{background:var(--red-100);color:var(--red-700)}.badge-neutral{background:#f0edf5;color:#635b72}.budget-bars,.timeline{display:grid;gap:10px}.budget-line,.budget-row{display:grid;align-items:center;gap:12px}.budget-line{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;background:#fbf9ff;border:1px solid #eee8fa;border-radius:6px}.budget-line span,.budget-row span,.filled-cell small,.empty-cell{display:block;color:var(--muted);font-size:12px;margin-top:2px}.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:7px;top:20px;bottom:-10px;width:2px;background:#e5ddf3}.timeline-dot{width:16px;height:16px;border-radius:50%;margin-top:2px;background:var(--purple-500);z-index:1}.phase-city .timeline-dot,.phase-city .loc-badge{background:var(--blue-700)}.phase-transfer .timeline-dot{background:#e8885a}.phase-nature .timeline-dot{background:var(--green-700)}.quick-card{display:grid;gap:5px;justify-items:center;text-align:center;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:16px}.quick-card:hover{border-color:var(--purple-500);box-shadow:0 4px 16px #3d217529}.quick-card svg{color:var(--purple-700)}.quick-card span{color:var(--muted);font-size:12px}.form-stack{display:grid;gap:0}.form-grid{display:grid;gap:11px}.field{display:grid;gap:5px;font-size:12px;font-weight:800;color:var(--purple-700)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 9px;color:var(--ink);background:#fff;font-weight:400}.button,.icon-button{border:0;cursor:pointer;font-weight:800}.button{border-radius:6px;padding:9px 12px;color:#fff;background:var(--purple-700)}.button:hover{background:var(--purple-900)}.icon-button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;color:var(--muted);background:#f6f2fb}.icon-button.danger:hover{color:var(--red-700);background:var(--red-100)}.itinerary-table{overflow-x:auto}.itinerary-head,.itinerary-row{display:grid;grid-template-columns:88px 150px repeat(3,minmax(140px,1fr)) 34px;min-width:820px}.itinerary-head{background:var(--purple-900);color:#fff;font-size:11px;font-weight:800}.itinerary-head span,.itinerary-row>div{padding:9px;border-right:1px solid rgba(255,255,255,.14)}.itinerary-row{border:1px solid #eee8fa;border-top:0;background:#fff}.itinerary-row.phase-city{background:var(--blue-100)}.itinerary-row.phase-transfer{background:var(--orange-100)}.itinerary-row.phase-nature{background:var(--green-100)}.itinerary-row.phase-open{background:#fbf9ff}.itinerary-row p{color:var(--muted);font-size:12px}.filled-cell{display:grid;gap:4px}.card-grid{display:grid;gap:12px}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.record-card{border:1px solid #eee8fa;border-radius:8px;padding:14px}.record-card h2{margin:12px 0 3px;font-size:16px}.record-top,.record-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.record-meta{margin:12px 0;padding-top:10px;border-top:1px solid #f0ebfa;color:var(--muted);font-size:12px}.budget-table{display:grid;gap:8px}.budget-row{grid-template-columns:minmax(0,1fr) 130px auto auto 32px;padding:10px 12px;border:1px solid #eee8fa;border-radius:6px;background:#fbf9ff}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--purple-700);color:#fff;font-weight:800}.settings-form{grid-template-columns:1fr 1fr}.settings-form .field:has(textarea),.settings-form .button{grid-column:1 / -1}.transport-list{display:grid;gap:12px}.transport-card{display:grid;gap:12px;padding:14px;border:1px solid #eee8fa;border-radius:8px;background:#fff}.transport-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}.transport-route-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:var(--purple-700);background:var(--wash)}.transport-card h2{margin:10px 0 3px;font-size:16px}.transport-card p{margin:0;color:var(--muted);line-height:1.45}.transport-meta{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.transport-meta span,.info-cell{display:grid;gap:3px;padding:9px 10px;border-radius:6px;background:#fbf9ff;color:var(--muted);font-size:12px}.transport-meta strong,.info-cell strong{color:var(--purple-700);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.transport-notes,.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.transport-notes{grid-template-columns:1fr 1fr}@media print{.site-nav,.form-stack,.quicknav,.icon-button,.button{display:none}body{background:#fff;font-size:11px}.content{padding:12px}.panel{box-shadow:none;border:1px solid #ddd}}@media (max-width: 880px){.hero{flex-direction:column;text-align:center;gap:18px}.chip-row,.page-header,.record-top{justify-content:center}.content{padding:18px 16px 28px}.page-header{flex-direction:column;align-items:flex-start}.page-meta{text-align:left}.stat-grid,.quicknav,.main-grid,.layout-with-sidebar,.card-grid.two,.transport-meta,.transport-notes,.check-grid,.settings-form{grid-template-columns:1fr}.budget-row{grid-template-columns:minmax(0,1fr) auto}}@media (max-width: 560px){.site-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.hero h1{font-size:25px}.stat-card{padding:13px}}