.tour-realistic-stage{padding:0;background:var(--bg);overflow:hidden;pointer-events:none}
.tour-nav-bridge{position:fixed;z-index:1;background:var(--bg);pointer-events:none}
.tour-nav-sample{position:fixed;z-index:2;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:5px 10px;background:var(--accent);color:white;border-radius:4px;font-size:13px;font-weight:600;box-shadow:0 0 0 5px var(--bg);pointer-events:none}
.tour-nav-sample[hidden],.tour-nav-bridge[hidden]{display:none}
.tour-mobile-route{font-size:12px;font-weight:600;color:var(--accent);padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.tour-mobile-route+.tour-realistic{height:calc(100% - 33px)}
.tour-realistic{width:100%;height:100%;box-sizing:border-box;overflow:hidden;font-size:12px;color:var(--ink)}
.tour-realistic .card{box-shadow:none;border:1px solid var(--line);padding:18px;margin:0;min-width:0}
.tour-sample-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.tour-sample-heading h2{font-size:16px;letter-spacing:0;margin:0}
.tour-sample-action{color:var(--accent);font-size:11px;white-space:nowrap}
.tour-sample-input{border:1px solid var(--line);border-radius:4px;background:var(--surface);padding:10px 12px;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tour-example-tasks{padding:20px;background:var(--surface)}
.tour-example-tasks .tour-sample-date{font-size:12px;margin:18px 0}
.tour-sample-toggle{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--muted)}
.tour-sample-toggle i{width:34px;height:19px;border-radius:12px;background:var(--line);position:relative}
.tour-sample-toggle i:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:var(--surface)}
.tour-example-tasks .task-row{min-height:31px;margin:2px 0;cursor:default}
.tour-example-tasks .task-name{font-size:12px;padding:5px 0}
.tour-example-tasks .backlog-heading{margin-top:14px;padding-top:16px;margin-bottom:10px}
.tour-example-tasks .tour-backlog-filter{margin-bottom:12px}
.tour-task-person{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--muted)}
.tour-example-tasks .task-plan{display:inline-flex;justify-content:center;align-items:center}
.tour-calendar-toolbar{display:flex;gap:12px;align-items:center;padding:12px 15px;background:var(--bg);font-size:12px}
.tour-calendar-toolbar .tour-sample-input{padding:7px 12px}
.tour-calendar-toolbar strong{flex:1;font-weight:500}
.tour-real-calendar{height:calc(100% - 61px);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.tour-calendar-headers{display:grid;grid-template-columns:48px repeat(var(--demo-days),minmax(0,1fr));height:61px;border-bottom:1px solid var(--line)}
.tour-calendar-headers>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--line);gap:5px;color:var(--muted);font-size:11px}
.tour-calendar-headers strong{font-size:18px;font-weight:600}
.tour-calendar-headers .today{background:var(--blue-soft);color:var(--accent)}
.tour-calendar-body{display:grid;grid-template-columns:48px repeat(var(--demo-days),minmax(0,1fr));height:calc(100% - 61px)}
.tour-hour-axis{display:grid;grid-template-rows:repeat(11,minmax(0,1fr));font-size:10px;color:var(--muted);text-align:center}
.tour-hour-axis span{padding-top:3px}
.tour-grid-day{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent,transparent calc(100% / 11 - 1px),var(--line) calc(100% / 11))}
.tour-grid-day.weekend{background-color:var(--line-soft)}
.tour-real-event{position:absolute;left:3px;right:3px;padding:5px 5px 5px 6px;border:1px solid var(--event-colour);border-radius:4px;background:color-mix(in srgb,var(--event-colour) 25%,var(--surface));font-size:10px;overflow:hidden;box-sizing:border-box;min-height:31px}
.tour-real-event:after{content:'';position:absolute;right:3px;top:4px;bottom:4px;width:3px;border-radius:3px;background:var(--event-colour)}
.tour-real-event b{display:block;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.tour-real-event small{font-size:9px;display:block;margin-top:5px;white-space:nowrap}
.tour-example-report{display:flex;flex-direction:column;gap:18px;padding:12px}
.tour-report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tour-sample-field{min-width:0}.tour-sample-field small{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}
.tour-report-filters .tour-sample-input{font-size:10px;padding:10px}
.tour-report-charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;flex:1;min-height:0}
.tour-report-charts .card{padding:16px}
.tour-report-charts .tour-sample-heading{flex-wrap:wrap;margin-bottom:20px}
.tour-report-charts .tour-sample-heading h2{font-size:14px}
.tour-report-bars{display:block;width:100%;height:auto;max-height:270px}
.tour-distribution{display:flex;flex-direction:column;align-items:center;gap:18px}
.tour-donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#49be36 0 55%,#3269ae 55% 83.5%,#29b99b 83.5%);display:grid;place-items:center;flex-shrink:0}
.tour-donut>div{width:82px;height:82px;background:var(--surface);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.tour-donut strong{font-size:19px;font-weight:500}.tour-donut small{font-size:9px;color:var(--muted)}
.tour-legend{width:100%;min-width:0}.tour-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.tour-legend i{width:7px;height:7px;border-radius:50%}.tour-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tour-example-invoice{padding:16px}.tour-invoice-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}.tour-invoice-toolbar .button{font-size:11px;padding:10px 12px}
.tour-invoice-tabs{display:flex;gap:12px;margin-bottom:20px}.tour-invoice-tabs .button{font-size:11px;padding:9px 12px}
.tour-realistic .tour-invoice-table{width:100%;min-width:0;table-layout:fixed}
.tour-invoice-table th{font-size:9px;font-weight:500;padding:13px 7px;background:var(--line-soft);color:var(--muted)}
.tour-invoice-table td{font-size:11px;padding:15px 7px;white-space:normal;border-bottom:1px solid var(--line);vertical-align:middle}
.tour-invoice-table th:nth-child(1){width:14%}.tour-invoice-table th:nth-child(2){width:24%}.tour-invoice-table th:nth-child(3){width:25%}.tour-invoice-table th:nth-child(4){width:25%}.tour-invoice-table th:nth-child(5){width:12%}
.tour-invoice-table .badge{font-size:9px;padding:5px;margin:2px 3px 2px 0;white-space:nowrap}
.tour-example-more{padding:20px;background:var(--surface)}.tour-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tour-feature-list p{margin:10px 0 0;font-size:12px;line-height:1.5}
.tour-example-profile{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:7px;background:var(--surface)}.tour-sample-language,.tour-sample-theme{border:1px solid var(--line);padding:8px;border-radius:6px;font-size:12px}.tour-sample-language{color:var(--accent);font-weight:600}
@media(min-width:1550px){.tour-distribution{flex-direction:row;margin-top:20px}.tour-donut{width:132px;height:132px}.tour-donut>div{width:92px;height:92px}.tour-legend>div{font-size:11px}.tour-report-charts .tour-sample-heading{flex-wrap:nowrap}}
@media(max-width:800px){
 .tour-realistic{font-size:11px}.tour-realistic .card{padding:12px}.tour-sample-heading{margin-bottom:12px}.tour-sample-heading h2{font-size:14px}
 .tour-example-tasks{padding:13px}.tour-example-tasks .tour-sample-date{margin:10px 0}.tour-sample-toggle{margin-bottom:8px}.tour-example-tasks .task-row{min-height:26px;margin:1px 0}.tour-example-tasks .task-name{font-size:11px;padding:4px 0}.tour-example-tasks .backlog-heading{margin-top:10px;padding-top:12px;margin-bottom:8px}.tour-example-tasks .tour-backlog-filter{padding:7px;font-size:10px;margin-bottom:5px}.tour-task-person{font-size:8px;max-width:72px}
 .tour-calendar-toolbar{padding:8px;gap:8px;font-size:10px}.tour-calendar-toolbar .tour-sample-input{font-size:10px;padding:6px}.tour-real-calendar{height:calc(100% - 48px)}.tour-calendar-headers{height:48px;grid-template-columns:38px repeat(var(--demo-days),minmax(0,1fr))}.tour-calendar-body{height:calc(100% - 48px);grid-template-columns:38px repeat(var(--demo-days),minmax(0,1fr))}.tour-real-event{font-size:10px;padding:4px}.tour-real-event small{font-size:9px;margin-top:3px}.tour-hour-axis{font-size:9px}
 .tour-example-report{padding:8px;gap:10px}.tour-report-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tour-report-filters>.tour-sample-field:nth-child(2),.tour-report-filters>.tour-sample-field:nth-child(3),.tour-report-filters>.tour-sample-field:nth-child(n+5),.tour-report-filters>.tour-sample-action{display:none}.tour-report-filters .tour-sample-input{font-size:10px;padding:8px}.tour-sample-field small{font-size:9px;margin-bottom:5px}.tour-report-charts{display:flex;flex-direction:column;gap:10px}.tour-report-charts .tour-sample-heading{margin-bottom:8px}.tour-report-charts .tour-sample-action{font-size:9px}.tour-report-bars{height:120px}.tour-distribution{flex-direction:row;gap:14px}.tour-donut{width:82px;height:82px}.tour-donut>div{width:58px;height:58px}.tour-donut strong{font-size:15px}.tour-donut small{font-size:8px}.tour-legend>div{font-size:9px;padding:7px 0}.tour-report-charts .card{padding:10px}
 .tour-example-invoice{padding:10px}.tour-invoice-toolbar{margin-bottom:12px}.tour-invoice-tabs{margin-bottom:12px}.tour-invoice-table th:nth-child(3),.tour-invoice-table td:nth-child(3),.tour-invoice-table th:nth-child(5),.tour-invoice-table td:nth-child(5){display:none}.tour-invoice-table th:nth-child(1){width:25%}.tour-invoice-table th:nth-child(2){width:42%}.tour-invoice-table th:nth-child(4){width:33%}.tour-invoice-table td{font-size:10px;padding:12px 5px}.tour-invoice-table th{padding:10px 5px}.tour-invoice-table .badge{font-size:8px;padding:4px}.tour-example-more{padding:14px}.tour-feature-list{grid-template-columns:1fr;gap:10px}.tour-feature-list p{font-size:11px;margin-top:6px}.tour-nav-sample{font-size:12px}
}

.tour-example-overview,.tour-example-import{padding:12px;display:flex;flex-direction:column;gap:14px}
.tour-gantt-filters{display:grid;grid-template-columns:240px 220px;gap:16px;margin-bottom:18px}
.tour-gantt{margin-top:18px}.tour-gantt-row{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:40px;border-bottom:1px solid var(--line)}
.tour-gantt-head{align-items:end;min-height:55px;font-size:11px}.tour-gantt-head>b{padding-bottom:10px}
.tour-gantt-months,.tour-gantt-weeks{display:grid;text-align:center;color:var(--muted);font-size:10px}
.tour-gantt-months{grid-template-columns:repeat(3,1fr)}.tour-gantt-weeks{grid-template-columns:repeat(12,1fr)}
.tour-gantt-axis span{border-left:1px solid var(--line);padding:6px 0;white-space:nowrap;overflow:hidden}
.tour-gantt-name{align-self:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:12px;font-size:11px}.tour-gantt-name strong{font-weight:600;color:var(--accent)}.tour-gantt-name small{color:var(--muted);font-size:10px}
.tour-gantt-track{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to right,transparent,transparent calc(100% / 12 - 1px),var(--line) calc(100% / 12))}
.tour-gantt-bar{position:absolute;top:6px;bottom:6px;background:var(--demo-project);border:1px solid var(--demo-project);border-radius:3px}
.tour-gantt-bar.planned{background:repeating-linear-gradient(135deg,transparent,transparent 4px,var(--demo-project) 4px,var(--demo-project) 5px),color-mix(in srgb,var(--demo-project) 20%,var(--surface));opacity:.7}
.tour-gantt-marker{position:absolute;top:12px;transform:translateX(-50%);font-size:10px;color:var(--demo-project)}.tour-gantt-today{position:absolute;left:40%;top:0;bottom:0;width:1px;background:var(--accent)}
.tour-overview-pending{display:flex;align-items:center;justify-content:space-between}.tour-overview-pending .button{font-size:11px}
.tour-import-upload{text-align:center}.tour-import-icon{font-size:25px;width:45px;height:45px;margin:0 auto 10px;display:grid;place-items:center;border-radius:12px;background:var(--blue-soft);color:var(--accent)}
.tour-import-upload h2{font-size:16px;margin:8px}.tour-import-upload p{font-size:11px;margin:10px 0}.tour-import-file{border:1px dashed var(--muted);border-radius:6px;padding:16px;display:flex;gap:15px;align-items:center;text-align:left;background:var(--bg);margin:16px 0}
.tour-import-upload .button{font-size:11px;padding:8px 16px}.tour-import-upload>.button{display:inline-flex;min-width:200px;justify-content:center}
.tour-import-table{width:100%;min-width:0;table-layout:fixed}.tour-import-table th,.tour-import-table td{font-size:11px;padding:8px}.tour-import-table th{background:var(--line-soft);text-align:left;color:var(--muted)}.tour-import-table .tour-sample-input{font-size:11px;padding:8px}.tour-import-table small{display:block;margin-top:6px}