.view-mode-list{display:flex;flex-direction:column;gap:0!important}.view-step-item{display:flex;flex-direction:column;padding:0 .5rem;background:transparent;border-radius:.25rem;border:1px solid transparent;min-height:0;margin-bottom:0!important;cursor:pointer;transition:background .2s ease,border-color .2s ease}.view-step-item:hover{background:#ffffff05}.view-step-item:focus{outline:none;background:#38bdf81a;border-color:var(--accent-primary)}.step-content{display:flex;align-items:baseline;gap:.75rem}.view-mode-list .step-text{line-height:1.1!important}.view-mode-list .markdown-body,.view-mode-list .markdown-body *{margin:0!important;padding:0!important;line-height:1.1!important}.view-sub-list{display:flex;flex-direction:column;gap:0;margin-left:.5rem;margin-top:0}.view-sub-step-item{display:flex;gap:.5rem;align-items:baseline;padding:0 .5rem;font-size:.9em;color:var(--text-muted)}.step-sequence-sub{color:var(--accent-secondary);font-weight:600;min-width:1.5rem;font-size:.85em}.drill-header{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--glass-border);margin-bottom:1rem;list-style:none}.parent-title{font-weight:600;color:var(--accent-primary);font-size:1.1em}.back-btn{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-muted);padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.back-btn:hover{background:#fff3;color:var(--text-main)}.step-drag-handle{cursor:grab;color:var(--text-muted);opacity:.5;padding:0 .5rem;font-family:monospace}.step-actions{display:flex;gap:.5rem;margin-left:auto}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s,background .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--accent-primary);background:#38bdf81a}.drill-down-btn{font-weight:700;font-size:1.25rem}.markdown-body{font-size:.95rem;line-height:1.6}.markdown-body p{margin-bottom:.5rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{font-weight:700;color:var(--accent-primary)}.markdown-body em{font-style:italic;color:var(--accent-secondary)}.markdown-body ul,.markdown-body ol{padding-left:1.25rem;margin-bottom:.5rem}.markdown-body li{margin-bottom:.25rem}.markdown-body blockquote{border-left:3px solid var(--accent-secondary);padding-left:1rem;margin:.5rem 0;color:var(--text-muted);font-style:italic}.markdown-body code{background:#ffffff1a;padding:.1rem .3rem;border-radius:.25rem;font-family:monospace;font-size:.85em;color:var(--accent-primary)}.markdown-body pre{background:#0000004d;padding:.75rem;border-radius:.5rem;overflow-x:auto;margin:.5rem 0}.markdown-body pre code{background:none;padding:0;color:inherit;font-size:.85em}.step-text.markdown-body{padding-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:.5rem;margin-bottom:.5rem;font-size:1.1em;color:var(--text-main)}:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-success: #34d399;--accent-warning: #fbbf24;--accent-danger: #f87171;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .1);--shadow-premium: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}[data-theme=light]{--bg-dark: #e2e8f0;--bg-card: rgba(255, 255, 255, .95);--accent-primary: #0ea5e9;--accent-secondary: #6366f1;--accent-warning: #d97706;--accent-danger: #ef4444;--text-main: #0f172a;--text-muted: #64748b;--glass-border: rgba(0, 0, 0, .1);--shadow-premium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);color-scheme:light}[data-theme=light] .btn-secondary{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--text-main)}[data-theme=light] .btn-secondary:hover{background:#0000001a}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#0284c7,#4f46e5);border:1px solid rgba(0,0,0,.1)}[data-theme=light] body{background-image:radial-gradient(at 0% 0%,rgba(14,165,233,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.15) 0,transparent 50%),linear-gradient(to bottom,#e2e8f0,#cbd5e1)}[data-theme=light] .glass-input,[data-theme=light] .inline-input{color:var(--text-main)}[data-theme=light] input::placeholder{color:#94a3b8}[data-theme=light] textarea::placeholder{color:#94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(129,140,248,.15) 0,transparent 50%)}#app{max-width:1200px;margin:0 auto;padding:1rem;width:100%}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;box-shadow:var(--shadow-premium)}h1,h2,h3{font-weight:700;letter-spacing:-.025em}h2{font-size:1.25rem}h3{font-size:1.1rem}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:.875rem;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38bdf866;filter:brightness(1.1)}.btn-sm{padding:.4rem .8rem;font-size:.75rem;border-radius:.375rem}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);pointer-events:none}.btn-secondary{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a}.btn-sm.success{background:#10b98133;color:#10b981;border:1px solid #10b981}.btn-sm.danger{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.btn-sm.warning{background:#f59e0b33;color:#f59e0b;border:1px solid #f59e0b}.btn-sm.info{background:#38bdf833;color:#38bdf8;border:1px solid #38bdf8}.btn-sm.neutral{background:#6b728033;color:#9ca3af;border:1px solid #6b7280}.btn-sm:hover{transform:translateY(-1px)}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.view-header{margin-bottom:1rem}.text-muted{color:var(--text-muted)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.change-card{padding:1.25rem 1.25rem .75rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;min-height:220px}.change-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)}.change-card-description{flex-grow:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#ffffff1a}.status-plan{color:var(--accent-primary);border:1px solid rgba(56,189,248,.3)}.status-approval{color:var(--accent-warning);border:1px solid var(--accent-warning);background:#fbbf240d}.status-prepare{color:#c084fc;border:1px solid rgba(192,132,252,.3)}.status-cw{color:var(--accent-success);border:1px solid rgba(52,211,153,.3)}.status-window{color:var(--accent-secondary)}.status-rollback{color:var(--accent-danger);border:1px solid var(--accent-danger)}.timer-badge{padding:.2rem .6rem;border-radius:1rem;font-size:.65rem;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:.3rem;background:#ffffff0d}.timer-starts-in{color:var(--accent-warning);background:#fbbf241a;border:1px solid var(--accent-warning)}.timer-time-left{color:var(--accent-primary);border:1px solid rgba(56,189,248,.2)}.timer-label{opacity:.7;font-weight:500}.progress-container{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:1rem 0}.steps-container{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff08;border-radius:.75rem;border:1px solid var(--glass-border);transition:background .2s ease}.step-item:hover{background:#ffffff0f}.step-sequence{font-weight:700;color:var(--accent-primary);min-width:2.5rem}.step-text{flex-grow:1;white-space:pre-wrap;word-break:break-word;padding-top:.1rem}.sub-step-item{margin-left:3.5rem;padding:.5rem 1rem;border-left:2px solid var(--glass-border);font-size:.875rem;color:var(--text-muted)}.modal-overlay{display:none;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.modal-overlay.active{display:flex!important;opacity:1;pointer-events:auto}.modal-content{transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.active .modal-content{transform:scale(1)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease}.view{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ghost-step{display:flex!important;opacity:.6;border:1px dashed var(--glass-border)!important;background:transparent!important;padding:1rem;border-radius:.75rem;gap:1rem;align-items:center}.ghost-step:hover{opacity:.8}.ghost-step:focus-within{opacity:1;border-style:solid;border-color:var(--accent-primary)!important}.ghost-step:focus-within{opacity:1;border-style:solid}.inline-input{background:transparent;border:none;color:var(--text-main);width:100%;padding:0;outline:none;font-family:inherit;font-size:inherit;resize:none;overflow:hidden;line-height:inherit}.inline-input::placeholder{color:var(--text-muted)}.glass-input{width:100%;background:transparent;border:1px dashed transparent;padding:0;margin:0;color:var(--text-main);font-family:inherit;font-size:1rem;font-weight:400;letter-spacing:-.01em;outline:none;transition:all .2s ease}.glass-header-input{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.glass-input.desc-input{font-size:1rem;font-weight:400;min-height:100px;resize:vertical;margin-top:.5rem;color:var(--text-muted);border:1px solid var(--glass-border);padding:.5rem;border-radius:.5rem;background:#ffffff0d}.modal-input{background:#ffffff0d!important;border:1px solid var(--glass-border)!important;padding:.75rem!important;border-radius:.5rem!important;margin-top:0!important;font-size:.875rem!important;font-weight:400!important}[data-theme=light] .modal-input{background:#00000008!important}.glass-input:focus{border-color:var(--accent-primary);background:#ffffff0d;border-style:solid;border-radius:.25rem;padding:0 .5rem;margin-left:-.5rem}.glass-input.desc-input:focus{margin-left:0;padding:.5rem}.step-item,.sub-step-item{cursor:grab;transition:transform .2s,background .2s;-webkit-user-select:none;user-select:none}.step-item.highlighted,.sub-step-item.highlighted{background:#38bdf81a!important;border-left:3px solid var(--accent-primary)!important}.step-item.dragging,.sub-step-item.dragging{opacity:.4;cursor:grabbing}.step-item.drag-over,.sub-step-item.drag-over{border-top:2px solid var(--accent-primary)!important}.shortcut-hint{font-size:.75rem;color:var(--text-muted);background:transparent;padding:0;border:none;font-weight:500;opacity:.7}.btn-xs{padding:.15rem .5rem;font-size:.75rem;border-radius:.25rem;line-height:1;min-height:unset}.ghost-actions{animation:fadeIn .2s ease-out;padding-left:.5rem;padding-right:.5rem}[data-tooltip]{position:relative}[data-tooltip]:not([data-tooltip=""]):hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.6rem .9rem;background:linear-gradient(135deg,#fb923cf2,#f97316f2);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:10;border:1px solid rgba(251,146,60,.3);box-shadow:0 8px 16px #f973164d,0 0 0 1px #ffffff1a inset;animation:fadeIn 0s ease-out;transition:none}[data-tooltip]:not([data-tooltip=""]):hover:before{content:"";position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fb923cf2;z-index:10;animation:fadeIn 0s ease-out}.chevron-wrapper{display:flex;background-color:transparent;padding:0;gap:2px;margin-bottom:2rem;width:100%}.chevron-step{flex:1;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--text-muted);font-size:.75rem;font-weight:500;position:relative;clip-path:polygon(calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,0% 100%,12px 50%,0% 0%);transition:all .3s ease;border:1px solid var(--glass-border)}.chevron-step:first-child{clip-path:polygon(calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,0% 100%,0% 0%);border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.chevron-step:last-child{clip-path:polygon(100% 0%,100% 100%,0% 100%,12px 50%,0% 0%);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.chevron-step.active-workflow{color:var(--accent-success);opacity:.9;font-weight:600}.chevron-step.completed{color:var(--accent-success);opacity:.6}.chevron-step.viewed{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-weight:700;box-shadow:0 4px 12px #38bdf84d}.active-dot{position:absolute;top:4px;right:8px;width:6px;height:6px;background:var(--accent-success);border-radius:50%;box-shadow:0 0 4px var(--accent-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.chevron-step.clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.chevron-step.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #38bdf866;background:linear-gradient(135deg,#38bdf833,#818cf833);color:var(--accent-primary);font-weight:600}.phase-actions-bar{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.admin-table th{padding:.5rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--glass-border)}.admin-table td{padding:.6rem .5rem;border-bottom:1px solid var(--glass-border)}.admin-table tr:last-child{border-bottom:none}.admin-table .status-badge{font-size:.7rem}.assignment-select-input{border:1px solid var(--glass-border)!important;background:#ffffff0d!important;border-radius:4px!important;padding:2px 6px!important;height:24px!important;font-size:.7rem!important;color:var(--text-main)!important;outline:none!important;width:100%;max-width:120px;transition:all .2s ease}[data-theme=light] .assignment-select-input{background:#00000008!important;border-color:#0003!important}.assignment-select-input:focus{border-color:var(--accent-primary)!important;background:#ffffff14!important}[data-theme=light] .assignment-select-input:focus{background:#0000000d!important}.micro-assignment-container{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;vertical-align:baseline;height:auto}.micro-assignment-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border-radius:.25rem;border:1px solid var(--glass-border);font-size:.85rem;color:var(--text-muted);white-space:nowrap;background:#ffffff08;line-height:normal}.micro-assignment-badge.inherited{opacity:.6;font-style:italic;border-style:dashed}.micro-assignment-badge.override{color:var(--accent-primary);border-color:var(--accent-primary);background:#38bdf80d}.micro-select-wrapper{position:relative;display:inline-block}.micro-assignment-select-input{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-main);font-size:.8rem;padding:.1rem .3rem;border-radius:.2rem;width:100px;height:1.2rem;cursor:text;outline:none}.micro-assignment-select-input:focus{border-color:var(--accent-primary);background:#ffffff14}#detail-description{padding-bottom:20px}.description-container{position:relative;max-height:4.5rem;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem}.description-container.expanded,.description-container.editing{max-height:2000px}.description-container.editing{overflow:visible}.description-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5rem;background:linear-gradient(transparent,var(--bg-dark));pointer-events:none;transition:opacity .3s ease}.description-container.expanded:after,.description-container.editing:after{opacity:0}.description-toggle-btn{background:none;border:none;color:var(--accent-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem 0;display:flex;align-items:center;gap:.25rem;opacity:.8;margin-left:auto}.description-toggle-btn:hover{opacity:1;text-decoration:underline}#phase-specific-content{margin-top:1.5rem;padding-bottom:20rem}@keyframes stampIn{0%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:1}}.profile-container{padding:2rem;max-width:1000px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:2.5rem;margin-bottom:4rem;padding:2.5rem;background:var(--bg-card);border-radius:1.5rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-premium)}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;box-shadow:0 0 30px #38bdf84d}.profile-info h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-main),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.assignment-card{padding:2rem;height:100%;display:flex;flex-direction:column}.assignment-card h3{margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem;color:var(--accent-primary);text-transform:uppercase;font-size:.9rem;letter-spacing:.1em}.assignment-list{display:flex;flex-direction:column;gap:1rem}.assignment-item{padding:1.25rem;background:#ffffff08;border-radius:.75rem;border:1px solid var(--glass-border);transition:all .2s ease}.assignment-item:hover{background:#ffffff0d;border-color:var(--accent-primary);transform:translate(4px)}.assignment-item .label{font-weight:700;display:block;margin-bottom:.25rem}.assignment-item .scope{font-size:.8rem;color:var(--text-muted);font-family:Inter,monospace}.spinner{width:40px;height:40px;margin:0 auto;border:4px solid rgba(56,189,248,.1);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center;gap:1.5rem}.profile-grid{grid-template-columns:1fr}}