@keyframes toastSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wizardFadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}:root{--wbs-bg: #0a0f1a;--wbs-surface: #111827;--wbs-surface-hover: #1f2937;--wbs-border: rgba(148, 163, 184, 0.4);--wbs-border-strong: rgba(148, 163, 184, 0.6);--wbs-text: #f1f5f9;--wbs-text-secondary: #94a3b8;--wbs-text-muted: #64748b;--wbs-accent: #22d3ee;--wbs-accent-soft: rgba(34, 211, 238, 0.15);--wbs-success: #10b981;--wbs-error: #ef4444;--wbs-radius: 12px;--wbs-radius-lg: 16px}.wbsPage{min-height:100vh;background:var(--wbs-bg);color:var(--wbs-text);font-family:"Inter","Noto Sans JP",system-ui,sans-serif}.wbsHero{position:relative;padding:48px 20px 32px;overflow:hidden;background:linear-gradient(180deg, rgba(34, 211, 238, 0.08) 0%, transparent 100%)}.wbsHero__glow{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse, rgba(34, 211, 238, 0.25) 0%, transparent 70%);pointer-events:none;animation:heroGlow 4s ease-in-out infinite}@keyframes heroGlow{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.2)}}.wbsHero__container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width: 768px){.wbsHero__container{grid-template-columns:1fr;gap:32px}}.wbsHero__content{display:flex;flex-direction:column;gap:16px}.wbsHero__badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 14px;background:var(--wbs-accent-soft);border:1px solid rgba(34,211,238,.3);border-radius:999px;color:var(--wbs-accent);font-size:13px;font-weight:600;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,.2)}50%{box-shadow:0 0 0 8px rgba(34,211,238,0)}}.wbsHero__title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;line-height:1.2;letter-spacing:-0.02em}.wbsHero__titleMain{color:var(--wbs-text)}.wbsHero__titleAccent{color:var(--wbs-accent);background:linear-gradient(90deg, var(--wbs-accent), #10b981);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.wbsHero__subtitle{font-size:1rem;color:var(--wbs-text-secondary);line-height:1.6}.wbsHero__features{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.wbsHero__features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--wbs-text-secondary)}.wbsHero__features li svg{flex-shrink:0;color:var(--wbs-accent)}.wbsHero__bookmark{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;background:rgba(0,0,0,0);border:1px dashed var(--wbs-border-strong);border-radius:8px;color:var(--wbs-text-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.wbsHero__bookmark:hover{background:var(--wbs-accent-soft);border-color:var(--wbs-accent);color:var(--wbs-accent)}.wbsHero__visual{display:flex;justify-content:center;align-items:center}@media(max-width: 768px){.wbsHero__visual{order:-1}}.wbsHero__card{width:100%;max-width:320px;background:var(--wbs-surface);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius-lg);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .3s ease}.wbsHero__card:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.wbsHero__cardHeader{display:flex;gap:6px;padding:12px 16px;background:rgba(0,0,0,.3);border-bottom:1px solid var(--wbs-border)}.wbsHero__cardDot{width:10px;height:10px;border-radius:50%;background:var(--wbs-border-strong)}.wbsHero__cardDot:first-child{background:#ef4444}.wbsHero__cardDot:nth-child(2){background:#fbbf24}.wbsHero__cardDot:nth-child(3){background:#22c55e}.wbsHero__cardBody{padding:16px;display:flex;flex-direction:column;gap:12px}.wbsHero__ganttRow{display:flex;align-items:center;gap:12px}.wbsHero__ganttLabel{width:60px;font-size:11px;color:var(--wbs-text-muted);white-space:nowrap}.wbsHero__ganttBar{height:20px;border-radius:4px;background:linear-gradient(90deg, var(--wbs-accent), #10b981);opacity:.8}.wbsHero__ganttBar_1{width:30%;margin-left:0}.wbsHero__ganttBar_2{width:25%;margin-left:25%}.wbsHero__ganttBar_3{width:40%;margin-left:35%}.wbsHero__ganttBar_4{width:20%;margin-left:60%}.layout__main{padding:0}.wbs{width:100%}.wbsMainContent{max-width:800px;margin:0 auto;padding:24px 20px 80px;display:flex;flex-direction:column;gap:20px}.wbsProgress{height:4px;background:var(--wbs-border);border-radius:2px;overflow:hidden}.wbsProgress__bar{height:100%;background:linear-gradient(90deg, var(--wbs-accent), var(--wbs-success));border-radius:2px;transition:width .4s ease}.wbsStepNav{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}.wbsStepNav__item{display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;background:rgba(0,0,0,0);border:1px solid var(--wbs-border);border-radius:999px;color:var(--wbs-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.wbsStepNav__item:hover:not(:disabled){background:var(--wbs-surface);border-color:var(--wbs-border-strong)}.wbsStepNav__item:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsStepNav__item:disabled{cursor:not-allowed;opacity:.5}.wbsStepNav__item_active{background:var(--wbs-accent-soft);border-color:var(--wbs-accent);color:var(--wbs-accent)}.wbsStepNav__item_completed{background:rgba(16,185,129,.1);border-color:var(--wbs-success);color:var(--wbs-success)}.wbsStepNav__item_completed .wbsStepNav__check{display:inline}.wbsStepNav__item_completed .wbsStepNav__number{display:none}.wbsStepNav__number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:currentColor;color:var(--wbs-bg);border-radius:50%;font-size:12px;font-weight:700}.wbsStepNav__item_active .wbsStepNav__number{background:var(--wbs-accent);color:var(--wbs-bg)}@media(max-width: 600px){.wbsStepNav__label{display:none}}.wbsStepNav__check{display:none;font-size:14px}.wbsStepNav__divider{width:24px;height:2px;background:var(--wbs-border);border-radius:1px}@media(max-width: 600px){.wbsStepNav__divider{width:16px}}.wbsStep{background:var(--wbs-surface);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius-lg);overflow:hidden;display:none}.wbsStep_active{display:block}.wbsStep_locked{display:none}.wbsStep__header{padding:24px 24px 16px;border-bottom:1px solid var(--wbs-border)}.wbsStep__headerMain{display:flex;align-items:center;gap:12px;margin-bottom:8px}.wbsStep__badge{padding:4px 10px;background:var(--wbs-accent-soft);border:1px solid var(--wbs-accent);border-radius:999px;color:var(--wbs-accent);font-size:11px;font-weight:700;letter-spacing:.05em}.wbsStep__title{font-size:22px;font-weight:700;color:var(--wbs-text);margin:0;letter-spacing:-0.02em}.wbsStep__desc{font-size:14px;color:var(--wbs-text-secondary);margin:0;line-height:1.5}.wbsStep__body{padding:24px}.wbsStep__footer{padding:16px 24px;border-top:1px solid var(--wbs-border);background:rgba(0,0,0,.2);display:flex;justify-content:flex-end}.wbsStep__footer_split{justify-content:space-between}.wbsStep__nextBtn,.wbsStep__exportBtn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg, #60a5fa, var(--wbs-accent));border:none;border-radius:var(--wbs-radius);color:var(--wbs-bg);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:52px}.wbsStep__nextBtn:hover,.wbsStep__exportBtn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(34,211,238,.3)}.wbsStep__nextBtn:focus-visible,.wbsStep__exportBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsStep__nextBtn svg,.wbsStep__exportBtn svg{flex-shrink:0}.wbsStep__exportBtn{background:linear-gradient(135deg, #60a5fa, var(--wbs-accent))}.wbsStep__exportBtn:hover{box-shadow:0 8px 24px rgba(34,211,238,.3)}.wbsStep__backBtn{display:inline-flex;align-items:center;gap:6px;padding:14px 20px;background:rgba(0,0,0,0);border:1px solid var(--wbs-border-strong);border-radius:var(--wbs-radius);color:var(--wbs-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:52px}.wbsStep__backBtn:hover{background:var(--wbs-surface-hover);color:var(--wbs-text)}.wbsStep__backBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsStep__backBtn svg{flex-shrink:0}.wbsProjectForm{display:flex;flex-direction:column;gap:20px}.wbsProjectForm__row{display:flex;flex-direction:column;gap:20px}@media(min-width: 600px){.wbsProjectForm__row_2col{flex-direction:row}.wbsProjectForm__row_2col .wbsProjectForm__field{flex:1}}.wbsProjectForm__field{display:flex;flex-direction:column;gap:8px}.wbsProjectForm__field_required .wbsProjectForm__label::after{content:" *";color:var(--wbs-error)}.wbsProjectForm__label{font-size:13px;font-weight:600;color:var(--wbs-text);letter-spacing:.02em}.wbsProjectForm__input,.wbsProjectForm__textarea{width:100%;padding:14px 16px;background:var(--wbs-bg);border:1px solid var(--wbs-border-strong);border-radius:var(--wbs-radius);color:var(--wbs-text);font-size:15px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;min-height:52px}.wbsProjectForm__input::placeholder,.wbsProjectForm__textarea::placeholder{color:var(--wbs-text-muted)}.wbsProjectForm__input:focus,.wbsProjectForm__textarea:focus{outline:none;border-color:var(--wbs-accent);box-shadow:0 0 0 3px var(--wbs-accent-soft)}.wbsProjectForm__textarea{resize:vertical;min-height:80px}.wbsProjectForm__error{font-size:12px;color:var(--wbs-error);min-height:18px}.wbsTaskEditor{display:flex;flex-direction:column;gap:16px}.wbsTaskEditor__toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.wbsTaskEditor__addBtn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--wbs-accent-soft);border:1px solid var(--wbs-accent);border-radius:var(--wbs-radius);color:var(--wbs-accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.wbsTaskEditor__addBtn:hover{background:var(--wbs-accent);color:var(--wbs-bg)}.wbsTaskEditor__addBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsTaskEditor__addBtn svg{flex-shrink:0}.wbsTaskEditor__meta{display:flex;align-items:center;gap:8px}.wbsTaskEditor__count{font-size:14px;color:var(--wbs-text-secondary)}.wbsTaskEditor__count span{font-weight:700;color:var(--wbs-text)}.wbsTaskEditor__tableWrap{overflow-x:auto;border:1px solid var(--wbs-border);border-radius:var(--wbs-radius);background:var(--wbs-bg)}.wbsTaskEditor__table{width:100%;min-width:600px;border-collapse:collapse}.wbsTaskEditor__table thead{background:rgba(0,0,0,.3)}.wbsTaskEditor__table th{padding:14px 12px;text-align:left;font-size:12px;font-weight:700;color:var(--wbs-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--wbs-border)}.wbsTaskEditor__table td{padding:8px 12px;border-bottom:1px solid var(--wbs-border);vertical-align:middle}.wbsTaskEditor__table tbody tr:hover{background:var(--wbs-surface-hover)}.wbsTaskEditor__colNo{width:50px}.wbsTaskEditor__colTask{min-width:180px}.wbsTaskEditor__colAssignee{width:80px}.wbsTaskEditor__colDate{width:130px}.wbsTaskEditor__colActions{width:100px;text-align:center}.wbsTaskEditor__table input{width:100%;padding:10px 12px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:6px;color:var(--wbs-text);font-size:14px;font-family:inherit;transition:all .2s ease;min-height:44px}.wbsTaskEditor__table input:hover{border-color:var(--wbs-border)}.wbsTaskEditor__table input:focus{outline:none;border-color:var(--wbs-accent);background:var(--wbs-bg)}.wbsTaskEditor__actions{display:flex;justify-content:center;gap:8px}.wbsTaskEditor__actionBtn{min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid var(--wbs-border);border-radius:8px;color:var(--wbs-text-secondary);font-size:16px;cursor:pointer;transition:all .2s ease}.wbsTaskEditor__actionBtn:hover{background:var(--wbs-surface-hover);border-color:var(--wbs-border-strong);color:var(--wbs-text)}.wbsTaskEditor__actionBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsTaskEditor__actionBtn_edit:hover{border-color:var(--wbs-accent);color:var(--wbs-accent)}.wbsTaskEditor__actionBtn_danger:hover{border-color:var(--wbs-error);color:var(--wbs-error)}.wbsTaskEditor__row{transition:background .15s ease}.wbsTaskEditor__cellNo{width:60px}.wbsTaskEditor__cellTask{min-width:180px}.wbsTaskEditor__cellAssignee{width:90px}.wbsTaskEditor__cellDate{width:130px}.wbsTaskEditor__cellActions{width:100px}.wbsTaskEditor__noContainer{display:flex;align-items:center;gap:8px}.wbsTaskEditor__noIcon{cursor:grab;color:var(--wbs-text-muted);font-size:14px;transition:color .2s ease;padding:4px}.wbsTaskEditor__noIcon:hover{color:var(--wbs-text)}.wbsTaskEditor__noText{font-size:13px;font-weight:600;color:var(--wbs-text-secondary)}.wbsTaskEditor__input{width:100%;padding:10px 12px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:6px;color:var(--wbs-text);font-size:14px;font-family:inherit;transition:all .2s ease;min-height:44px}.wbsTaskEditor__input::placeholder{color:var(--wbs-text-muted)}.wbsTaskEditor__input:hover{border-color:var(--wbs-border)}.wbsTaskEditor__input:focus{outline:none;border-color:var(--wbs-accent);background:var(--wbs-bg)}.wbsTaskEditor__actionsContainer{display:flex;justify-content:center;gap:8px}.wbsTaskEditor__row_error{background:rgba(239,68,68,.1) !important}.wbsTaskEditor__input_error{border-color:var(--wbs-error) !important;background:rgba(239,68,68,.1)}.wbsStep__input_error,.wbsProjectForm__input[aria-invalid=true]{border-color:var(--wbs-error) !important;animation:shake .3s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.wbsTaskEditor__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;background:var(--wbs-bg);border:2px dashed var(--wbs-border);border-radius:var(--wbs-radius)}.wbsTaskEditor__emptyText{font-size:15px;color:var(--wbs-text-muted);margin:0}.wbsTaskEditor__emptyBtn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--wbs-accent);border:none;border-radius:var(--wbs-radius);color:var(--wbs-bg);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:52px}.wbsTaskEditor__emptyBtn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(34,211,238,.3)}.wbsTaskEditor__emptyBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}:root{--gantt-row-height: 48px;--gantt-left-width: 280px;--gantt-cell-width-week: 64px;--gantt-cell-width-month: 100px;--gantt-header-height: 44px}.wbsGantt{background:var(--wbs-bg);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius);overflow:hidden;margin-bottom:24px}.wbsGantt__toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--wbs-border);background:var(--wbs-surface)}.wbsGantt__title{font-size:15px;font-weight:600;color:var(--wbs-text);margin:0}.wbsGantt__viewToggle{display:flex;gap:2px;padding:3px;background:rgba(0,0,0,.3);border-radius:8px}.wbsGantt__viewBtn{padding:8px 16px;background:rgba(0,0,0,0);border:none;border-radius:6px;color:var(--wbs-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;min-height:44px;min-width:44px}.wbsGantt__viewBtn:hover{color:var(--wbs-text);background:rgba(255,255,255,.05)}.wbsGantt__viewBtn:focus,.wbsGantt__viewBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsGantt__viewBtn_active{background:var(--wbs-accent);color:var(--wbs-bg)}.wbsGantt__viewBtn_active:hover{background:var(--wbs-accent)}.wbsGantt__wrapper{display:flex;max-height:400px;overflow:hidden}.wbsGantt__leftPane{width:var(--gantt-left-width);min-width:var(--gantt-left-width);flex-shrink:0;border-right:1px solid var(--wbs-border);display:flex;flex-direction:column;background:var(--wbs-bg)}.wbsGantt__leftHeader{height:var(--gantt-header-height);min-height:var(--gantt-header-height);padding:0 16px;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--wbs-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,.25);border-bottom:1px solid var(--wbs-border)}.wbsGantt__leftBody{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.wbsGantt__leftBody::-webkit-scrollbar{display:none}.wbsGantt__rightPane{flex:1;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:column}.wbsGantt__rightHeader{height:var(--gantt-header-height);min-height:var(--gantt-header-height);display:flex;background:rgba(0,0,0,.25);border-bottom:1px solid var(--wbs-border);position:sticky;top:0;z-index:10}.wbsGantt__rightBody{flex:1;position:relative}.wbsGantt__dateCell{min-width:var(--gantt-cell-width-week);width:var(--gantt-cell-width-week);height:var(--gantt-header-height);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--wbs-text-secondary);border-right:1px solid var(--wbs-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.wbsGantt__dateCell:last-child{border-right:none}.wbsGantt[data-view=month] .wbsGantt__dateCell{min-width:var(--gantt-cell-width-month);width:var(--gantt-cell-width-month)}.wbsGantt__taskRow{height:var(--gantt-row-height);min-height:var(--gantt-row-height);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--wbs-border);gap:8px;cursor:pointer;transition:background .15s ease}.wbsGantt__taskRow:hover{background:var(--wbs-surface-hover)}.wbsGantt__taskRow:last-child{border-bottom:none}.wbsGantt__taskCode{font-size:11px;font-weight:600;color:var(--wbs-text-muted);min-width:32px;flex-shrink:0}.wbsGantt__taskInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wbsGantt__taskName{font-size:13px;font-weight:500;color:var(--wbs-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbsGantt__taskAssignee{font-size:11px;color:var(--wbs-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbsGantt__taskRow[data-level="2"]{padding-left:28px}.wbsGantt__taskRow[data-level="3"]{padding-left:40px}.wbsGantt__taskRow[data-level="4"]{padding-left:52px}.wbsGantt__timelineRow{height:var(--gantt-row-height);min-height:var(--gantt-row-height);position:relative;display:flex;border-bottom:1px solid var(--wbs-border)}.wbsGantt__timelineRow:last-child{border-bottom:none}.wbsGantt__gridCell{min-width:var(--gantt-cell-width-week);width:var(--gantt-cell-width-week);height:100%;border-right:1px solid rgba(148,163,184,.1);flex-shrink:0}.wbsGantt__gridCell:last-child{border-right:none}.wbsGantt[data-view=month] .wbsGantt__gridCell{min-width:var(--gantt-cell-width-month);width:var(--gantt-cell-width-month)}.wbsGantt__bar{position:absolute;top:8px;height:calc(var(--gantt-row-height) - 16px);background:linear-gradient(135deg, var(--wbs-accent), #06b6d4);border-radius:6px;display:flex;align-items:center;padding:0 10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;z-index:5;overflow:hidden}.wbsGantt__bar:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,211,238,.4);z-index:6}.wbsGantt__barText{font-size:11px;font-weight:600;color:var(--wbs-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbsGantt__todayLine{position:absolute;top:0;bottom:0;width:2px;background:var(--wbs-error);z-index:4;opacity:.6}.wbsGantt__todayLine::before{content:"今日";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--wbs-error);white-space:nowrap}.wbsGantt__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center}.wbsGantt__emptyText{font-size:14px;color:var(--wbs-text-muted);margin:0}.wbsGantt__emptyBtn{padding:12px 20px;background:var(--wbs-accent-soft);border:1px solid var(--wbs-accent);border-radius:8px;color:var(--wbs-accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.wbsGantt__emptyBtn:hover{background:var(--wbs-accent);color:var(--wbs-bg)}.wbsGantt__emptyBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}@media(max-width: 768px){:root{--gantt-left-width: 120px;--gantt-cell-width-week: 48px;--gantt-cell-width-month: 72px;--gantt-row-height: 40px}.wbsGantt__wrapper{max-height:320px;position:relative}.wbsGantt__rightPane{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.wbsGantt__taskName{font-size:11px}.wbsGantt__taskAssignee{display:none}.wbsGantt__bar{top:8px;height:calc(var(--gantt-row-height) - 16px);padding:0 6px}.wbsGantt__barText{font-size:10px}.wbsGantt__wrapper::after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(90deg, transparent, rgba(10, 15, 26, 0.8));pointer-events:none;z-index:20}.wbsStepNav{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px 8px;margin:0 -16px;gap:6px;justify-content:flex-start;scrollbar-width:none}.wbsStepNav::-webkit-scrollbar{display:none}.wbsStepNav__item{padding:8px 12px;flex-shrink:0}.wbsStepNav__divider{width:12px;flex-shrink:0}.wbsProgress{height:6px;border-radius:3px}.wbsProgress__bar{border-radius:3px}.wbsTaskEditor__tableWrap{overflow:visible;border:none;background:rgba(0,0,0,0)}.wbsTaskEditor__table{display:block;min-width:0}.wbsTaskEditor__table thead{display:none}.wbsTaskEditor__table tbody{display:flex;flex-direction:column;gap:12px}.wbsTaskEditor__table tr,.wbsTaskEditor__row{display:flex;flex-wrap:wrap;border:1px solid var(--wbs-border);border-radius:var(--wbs-radius);padding:12px;background:var(--wbs-bg);gap:8px}.wbsTaskEditor__table td{border:none;padding:0}.wbsTaskEditor__cellNo,.wbsTaskEditor__colNo{width:auto;order:1;flex-shrink:0}.wbsTaskEditor__noContainer{gap:4px}.wbsTaskEditor__noText{font-size:14px;font-weight:700;color:var(--wbs-accent)}.wbsTaskEditor__cellTask,.wbsTaskEditor__colTask{width:100%;order:2;flex-basis:calc(100% - 90px);min-width:0}.wbsTaskEditor__input[name^=task]{font-weight:500}.wbsTaskEditor__cellAssignee,.wbsTaskEditor__colAssignee,.wbsTaskEditor__cellDate,.wbsTaskEditor__colDate{display:none}.wbsTaskEditor__cellActions,.wbsTaskEditor__colActions{width:auto;order:3;flex-shrink:0;margin-left:auto}.wbsTaskEditor__actionsContainer{gap:4px}.wbsTaskEditor__actionBtn{width:40px;height:40px;min-width:40px;min-height:40px}.wbsGantt__leftPane{width:120px;min-width:120px}.wbsGantt__leftHeader{padding:0 10px;font-size:10px}.wbsGantt__taskRow{padding:0 10px}.wbsGantt__taskCode{font-size:10px;min-width:24px}}.wbsExport{display:flex;flex-direction:column;gap:16px}.wbsExport__title{font-size:16px;font-weight:600;color:var(--wbs-text);margin:0}.wbsExport__options{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}@media(min-width: 600px){.wbsExport__options{grid-template-columns:repeat(4, 1fr)}}.wbsExport__option{cursor:pointer}.wbsExport__radio{position:absolute;opacity:0;pointer-events:none}.wbsExport__optionContent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--wbs-bg);border:2px solid var(--wbs-border);border-radius:var(--wbs-radius);transition:all .2s ease}.wbsExport__radio:checked+.wbsExport__optionContent{border-color:var(--wbs-accent);background:var(--wbs-accent-soft)}.wbsExport__radio:focus+.wbsExport__optionContent{box-shadow:0 0 0 3px var(--wbs-accent-soft)}.wbsExport__option:hover .wbsExport__optionContent{border-color:var(--wbs-border-strong)}.wbsExport__optionIcon{font-size:28px}.wbsExport__optionLabel{font-size:15px;font-weight:600;color:var(--wbs-text)}.wbsExport__optionDesc{font-size:12px;color:var(--wbs-text-muted)}.wbsSecondary{background:var(--wbs-surface);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius)}.wbsSecondary__toggle{padding:16px 20px;font-size:14px;font-weight:500;color:var(--wbs-text-secondary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.wbsSecondary__toggle::before{content:"▶";font-size:10px;transition:transform .2s ease}.wbsSecondary__toggle:hover{color:var(--wbs-text)}.wbsSecondary[open] .wbsSecondary__toggle::before{transform:rotate(90deg)}.wbsSecondary__content{padding:0 20px 20px;display:flex;gap:12px;flex-wrap:wrap}.wbsSecondary__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(0,0,0,0);border:1px solid var(--wbs-border);border-radius:8px;color:var(--wbs-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.wbsSecondary__btn:hover{background:var(--wbs-surface-hover);border-color:var(--wbs-border-strong);color:var(--wbs-text)}.wbsSecondary__btn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsSecondary__btn svg{flex-shrink:0}.wbsSecondary__btn_danger:hover{border-color:var(--wbs-error);color:var(--wbs-error)}.wbsToast{position:fixed;bottom:24px;right:24px;padding:16px 24px;background:var(--wbs-surface);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius);color:var(--wbs-text);font-size:14px;font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;transform:translateY(16px);pointer-events:none;transition:all .3s ease;z-index:100}.wbsToast_active{opacity:1;transform:translateY(0);pointer-events:auto}.wbsToast_success{border-color:var(--wbs-success);background:rgba(16,185,129,.1)}.wbsToast_error{border-color:var(--wbs-error);background:rgba(239,68,68,.1)}.wbsLoading{position:fixed;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:rgba(10,15,26,.9);backdrop-filter:blur(4px);z-index:200}.wbsLoading_active{display:flex}.wbsLoading__spinner{width:48px;height:48px;border:3px solid var(--wbs-border);border-top-color:var(--wbs-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wbsLoading__text{font-size:14px;color:var(--wbs-text-secondary);margin:0}.wbsEditPanel{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(10,15,26,.9);backdrop-filter:blur(4px);padding:24px;z-index:150}.wbsEditPanel[aria-hidden=false]{display:flex}.wbsEditPanel__content{width:100%;max-width:480px;background:var(--wbs-surface);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius-lg);box-shadow:0 24px 48px rgba(0,0,0,.4)}.wbsEditPanel__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--wbs-border)}.wbsEditPanel__title{font-size:18px;font-weight:600;color:var(--wbs-text);margin:0}.wbsEditPanel__close{min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid var(--wbs-border);border-radius:8px;color:var(--wbs-text-secondary);cursor:pointer;transition:all .2s ease}.wbsEditPanel__close:hover{background:var(--wbs-surface-hover);color:var(--wbs-text)}.wbsEditPanel__close:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsEditPanel__form{padding:24px;display:flex;flex-direction:column;gap:16px}.wbsEditPanel__field{display:flex;flex-direction:column;gap:6px}.wbsEditPanel__label{font-size:13px;font-weight:600;color:var(--wbs-text)}.wbsEditPanel__input{width:100%;padding:12px 14px;background:var(--wbs-bg);border:1px solid var(--wbs-border-strong);border-radius:8px;color:var(--wbs-text);font-size:14px;font-family:inherit;transition:all .2s ease;min-height:48px}.wbsEditPanel__input:focus{outline:none;border-color:var(--wbs-accent);box-shadow:0 0 0 3px var(--wbs-accent-soft)}.wbsEditPanel__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wbsEditPanel__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.wbsEditPanel__cancelBtn{padding:12px 20px;background:rgba(0,0,0,0);border:1px solid var(--wbs-border-strong);border-radius:8px;color:var(--wbs-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.wbsEditPanel__cancelBtn:hover{background:var(--wbs-surface-hover);color:var(--wbs-text)}.wbsEditPanel__cancelBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsEditPanel__saveBtn{padding:12px 24px;background:var(--wbs-accent);border:none;border-radius:8px;color:var(--wbs-bg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.wbsEditPanel__saveBtn:hover{background:#06b6d4}.wbsEditPanel__saveBtn:focus-visible{outline:2px solid #fff;outline-offset:2px}.wbsEditPanel__textarea{resize:vertical;min-height:64px}.wbsEditPanel__rowActions{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--wbs-border)}.wbsEditPanel__actionBtn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(0,0,0,0);border:1px solid var(--wbs-border);border-radius:8px;color:var(--wbs-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.wbsEditPanel__actionBtn:hover{background:var(--wbs-surface-hover);border-color:var(--wbs-border-strong);color:var(--wbs-text)}.wbsEditPanel__actionBtn:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsEditPanel__actionBtn svg{flex-shrink:0}.wbsEditPanel__actionBtn_secondary:hover{border-color:var(--wbs-accent);color:var(--wbs-accent)}.wbsEditPanel__actionBtn_danger:hover{border-color:var(--wbs-error);color:var(--wbs-error)}.visually-hidden{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: 600px){.wbsMainContent{padding:16px 16px 60px;gap:16px}.wbsStep__header{padding:20px 16px 14px}.wbsStep__title{font-size:18px}.wbsStep__body{padding:20px 16px}.wbsStep__footer{padding:14px 16px;flex-direction:column;gap:12px}.wbsStep__footer_split{flex-direction:column-reverse}.wbsStep__nextBtn,.wbsStep__backBtn,.wbsStep__exportBtn{width:100%;justify-content:center}.wbsGantt__taskColumn{width:120px}.wbsEditPanel__row{grid-template-columns:1fr}.wbsExport__options{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.wbsHero__container{grid-template-columns:1fr;gap:24px;text-align:center}.wbsHero__content{align-items:center}.wbsHero__title{font-size:1.6rem}.wbsHero__subtitle{font-size:.9rem}.wbsHero__features{align-items:center}.wbsHero__features li{font-size:.85rem}.wbsHero__visual{order:-1}.wbsHero__card{max-width:280px;transform:none}.wbsHero__card:hover{transform:none}.wbsExport__options{grid-template-columns:1fr}.wbsExport__optionContent{flex-direction:row;justify-content:flex-start;padding:16px;gap:12px}.wbsExport__optionIcon{font-size:24px}.wbsStepNav{flex-wrap:nowrap;padding:12px 4px}.wbsStepNav__item{padding:6px 10px;font-size:12px}.wbsStepNav__number{width:20px;height:20px;font-size:10px}.wbsStepNav__divider{width:8px}.wbsTaskEditor__toolbar{flex-direction:column;align-items:stretch;gap:12px}.wbsTaskEditor__addBtn{width:100%;justify-content:center}.wbsTaskEditor__meta{justify-content:center}.wbsGantt__toolbar{flex-direction:column;gap:12px;padding:12px 16px}.wbsGantt__viewToggle{width:100%}.wbsGantt__viewBtn{flex:1;justify-content:center}.wbsGantt__wrapper{max-height:260px}.wbsGantt__leftPane{width:100px;min-width:100px}.wbsGantt__taskName{font-size:10px}.wbsCrossSell__grid{grid-template-columns:1fr}.wbsCrossSell__card{padding:16px}.wbsEditPanel__content{max-width:100%;margin:0 8px}.wbsEditPanel__header{padding:16px}.wbsEditPanel__form{padding:16px}.wbsSecondary__content{flex-direction:column}.wbsSecondary__btn{width:100%;justify-content:center}.wbsProjectForm__row_2col{flex-direction:column}}.wbsAdSlot{max-width:800px;margin:32px auto;padding:0 20px}.wbsCrossSell{max-width:800px;margin:0 auto;padding:32px 20px 48px}.wbsCrossSell__title{font-size:1.1rem;font-weight:600;color:var(--wbs-text);margin:0 0 20px;text-align:center}.wbsCrossSell__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px}.wbsCrossSell__card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--wbs-surface);border:1px solid var(--wbs-border);border-radius:var(--wbs-radius);text-decoration:none;transition:all .2s ease}.wbsCrossSell__card:hover{background:var(--wbs-surface-hover);border-color:var(--wbs-border-strong);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.wbsCrossSell__card:focus-visible{outline:2px solid var(--wbs-accent);outline-offset:2px}.wbsCrossSell__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.wbsCrossSell__icon svg{color:currentColor}.wbsCrossSell__icon_estimate{background:rgba(52,211,153,.15);color:#34d399}.wbsCrossSell__icon_invoice{background:rgba(99,102,241,.15);color:#6366f1}.wbsCrossSell__icon_gantt{background:rgba(34,211,238,.15);color:#22d3ee}.wbsCrossSell__cardContent{display:flex;flex-direction:column;gap:4px}.wbsCrossSell__cardTitle{font-size:1rem;font-weight:600;color:var(--wbs-text)}.wbsCrossSell__cardDesc{font-size:.85rem;color:var(--wbs-text-muted)}.wbsStep__workflowAction{margin-top:16px;padding-top:16px;border-top:1px solid var(--wbs-border)}.wbsStep__workflowBtn{display:flex;align-items:center;width:100%;padding:16px;background:linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.12) 100%);border:1px solid rgba(99,102,241,.3);border-radius:var(--wbs-radius);color:var(--wbs-text);cursor:pointer;transition:all .2s ease}.wbsStep__workflowBtn:hover{background:linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);border-color:rgba(99,102,241,.5);transform:translateX(4px)}.wbsStep__workflowBtn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.wbsStep__workflowBtnIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:12px;background:rgba(99,102,241,.2);border-radius:10px;color:#818cf8}.wbsStep__workflowBtnText{flex:1;text-align:left}.wbsStep__workflowBtnTitle{display:block;font-size:15px;font-weight:600;color:var(--wbs-text)}.wbsStep__workflowBtnDesc{display:block;margin-top:2px;font-size:13px;color:var(--wbs-text-muted)}.wbsStep__workflowBtnArrow{display:flex;align-items:center;color:#818cf8;opacity:.7;transition:all .2s ease}.wbsStep__workflowBtn:hover .wbsStep__workflowBtnArrow{opacity:1;transform:translateX(4px)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}/*# sourceMappingURL=wbs.css.map */