:root{--primary:#18181b;--primary-hover:#27272a;--primary-soft:#f4f4f5;--accent:#2563eb;--accent-soft:#eff6ff;--bg-page:#fafafa;--bg-surface:#fff;--bg-surface-soft:#f4f4f5;--bg-sidebar:#fff;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--border:#e4e4e7;--border-strong:#d4d4d8;--success-bg:#f0fdf4;--success-border:#86efac;--success-text:#166534;--warning-bg:#fffbeb;--warning-border:#fcd34d;--warning-text:#92400e;--error-bg:#fef2f2;--error-border:#fca5a5;--error-text:#991b1b;--info-bg:#f4f4f5;--info-border:#d4d4d8;--info-text:#27272a;--shadow-sm:0 1px 2px 0 #09090b0d;--shadow-card:0 1px 3px 0 #09090b14, 0 1px 2px -1px #09090b0f;--shadow-soft:0 4px 16px -6px #09090b1a, 0 2px 6px -2px #09090b0f;--shadow-lg:0 24px 60px -24px #09090b33, 0 8px 24px -12px #09090b1a;--surface:var(--bg-surface);--surface-2:var(--bg-surface-soft);--dark:var(--text-primary);--success:var(--success-text);--radius-lg:14px;--radius-md:10px;--radius-sm:8px;--radius-full:999px;--sidebar-width:300px;--header-height:64px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;display:flex;overflow:hidden}.icon{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--text-primary);border-right:1px solid var(--border);flex-direction:column;display:flex}.logo-area{height:var(--header-height);letter-spacing:-.01em;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.logo-icon{background:var(--primary);color:#fff;letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:inline-flex}.menu-scroll{flex:1;padding:14px 12px;overflow-y:auto}.menu-section{margin-bottom:18px}.menu-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;padding:4px 10px;font-size:10px;font-weight:700}.menu-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.menu-item .icon{width:17px;height:17px;color:var(--text-muted)}.menu-item:hover{background:var(--bg-surface-soft);color:var(--text-primary)}.menu-item.active{background:var(--primary-soft);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--primary);font-weight:600}.menu-item.active .icon{color:var(--text-primary)}.user-profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.user-avatar{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:inline-flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.top-bar{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:18px;padding:0 24px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb span{color:var(--text-primary);font-weight:600}.search-container{position:relative}.search-icon{width:15px;height:15px;color:var(--text-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface-soft);width:320px;max-width:45vw;color:var(--text-primary);transition:var(--transition);outline:none;padding:9px 12px 9px 34px;font-size:13px}.search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #09090b14}.search-results{border:1px solid var(--border);border-radius:var(--radius-md);width:390px;max-height:320px;box-shadow:var(--shadow-soft);z-index:40;background:#fff;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.search-results.visible{display:block}.search-result-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 10px}.search-result-item:hover{background:var(--bg-surface-soft)}.search-result-title{color:var(--text-primary);font-size:13px;font-weight:600}.search-result-snippet{color:var(--text-secondary);margin-top:2px;font-size:12px}.search-results-empty{color:var(--text-secondary);padding:8px 10px;font-size:12px}.content-area{flex:1;padding:28px 24px 48px;overflow-y:auto}.kb-container{width:100%;max-width:1080px;margin:0 auto}.section-content{animation:.32s cubic-bezier(.4,0,.2,1) section-in;display:none}.section-content.active{display:block}@keyframes section-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:18px;padding:26px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.card-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.card-subtitle{color:var(--text-secondary);margin:8px 0 0;font-size:14px}h1,h2,h3{color:var(--text-primary);margin:0}h1{letter-spacing:-.02em;align-items:center;gap:10px;font-size:27px;line-height:1.2;display:flex}h1 .icon{width:26px;height:26px;color:var(--primary)}h2{border-bottom:1px solid var(--border);letter-spacing:-.01em;margin:30px 0 12px;padding-bottom:8px;font-size:18px}h3{margin:0 0 10px;font-size:15px}p,ul,ol{color:var(--text-secondary);margin:0 0 14px}ul,ol{padding-left:22px}li{margin-bottom:8px}strong{color:var(--text-primary);font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn-doc,.btn-primary{border-radius:var(--radius-sm);background:var(--primary);color:#fff;white-space:nowrap;cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-doc:hover,.btn-primary:hover{background:var(--primary-hover);text-decoration:none}.btn-outline{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);white-space:nowrap;cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-outline:hover{background:var(--bg-surface-soft);text-decoration:none}.badge{border-radius:var(--radius-full);letter-spacing:.01em;border:1px solid var(--border);background:var(--bg-surface-soft);color:var(--text-secondary);align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.badge-admin{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.badge-manager{background:var(--accent-soft);color:#1d4ed8;border-color:#bfdbfe}.badge-employee{background:var(--bg-surface-soft);color:var(--text-secondary);border-color:var(--border-strong)}.badge-external{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge-new{background:var(--primary);color:#fff;border-color:var(--primary)}.info-box,.warning-box,.success-box,.error-box{border-radius:var(--radius-md);border:1px solid;margin:14px 0;padding:12px 14px;font-size:13px}.info-box{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.warning-box{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.success-box{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.error-box{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}code{background:var(--bg-surface-soft);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.note{color:var(--text-muted);font-size:13px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);transition:var(--transition);padding:16px}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.feature-card__icon{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.feature-card h3{margin-bottom:6px;font-size:14px}.feature-card p{color:var(--text-secondary);margin:0;font-size:13px}table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;margin:16px 0;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-secondary);padding:11px 13px;font-size:13px}th{background:var(--bg-surface-soft);color:var(--text-primary);font-weight:600}td strong{color:var(--text-primary)}tr:last-child td{border-bottom:none}.step-container{border:1px solid var(--border);background:var(--bg-surface-soft);border-radius:var(--radius-md);padding:6px 16px}.step-item{border-bottom:1px solid var(--border);gap:14px;padding:14px 0;display:flex}.step-item:last-child{border-bottom:none}.step-number{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.step-content{flex:1}.step-content p{margin:0}.step-content p+p{margin-top:6px}.demo-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);margin:14px 0;padding:14px}.demo-item-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.demo-item-header h3{margin:0}.demo-embed{border:1px solid var(--border);background:var(--bg-surface-soft);border-radius:10px;width:100%;min-height:620px}.demo-placeholder{text-align:center;border:1px dashed var(--border-strong);background:var(--bg-surface-soft);min-height:160px;color:var(--text-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:13px;display:flex}.demo-placeholder .icon{width:26px;height:26px;color:var(--text-muted)}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;margin-bottom:22px;display:grid}.hero__copy h1{margin-bottom:12px;font-size:30px}.hero__lead{color:var(--text-secondary);margin-bottom:18px;font-size:15px}.hero__cta{flex-wrap:wrap;gap:10px;display:flex}.hrp-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-height:396px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.hp-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.hp-logo{letter-spacing:.02em;color:#fff;background:var(--primary);border-radius:7px;padding:.3rem .46rem;font-size:.66rem;font-weight:800}.hp-title{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.hp-action{color:#fff;background:var(--primary);border-radius:var(--radius-sm);white-space:nowrap;flex:none;margin-left:auto;padding:.4rem .7rem;font-size:.73rem;font-weight:600}.hp-stage{flex:1;position:relative}.hp-step{opacity:0;visibility:hidden;flex-direction:column;gap:.7rem;padding:1.05rem 1.1rem;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.hp-step.is-active{opacity:1;visibility:visible;transform:translateY(0)}.hp-projcard,.hp-contract{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:.85rem .95rem}.hp-projcard__name{color:var(--dark);margin-bottom:.55rem;font-size:.95rem;font-weight:700}.hp-chips{flex-wrap:wrap;gap:.4rem;display:flex}.hp-chip{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:.24rem .5rem;font-size:.68rem;font-weight:600}.hp-chip--sec{color:#fff;background:var(--primary);border-color:var(--primary)}.hp-hint{color:var(--text-muted);font-size:.72rem}.hp-rows{flex-direction:column;gap:.45rem;display:flex}.hp-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.hp-av{color:var(--primary);background:var(--primary-soft);text-align:center;border-radius:6px;min-width:2.3rem;padding:.26rem .4rem;font-size:.64rem;font-weight:800}.hp-role{color:var(--dark);flex:1;font-size:.76rem}.hp-rate{color:var(--text-secondary);font-size:.72rem;font-weight:600}.hp-contract__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.hp-contract__top>span:first-child{color:var(--dark);font-size:.82rem;font-weight:600}.hp-amount{color:var(--success);font-size:.82rem;font-weight:800}.hp-bars{flex-direction:column;gap:.55rem;display:flex}.hp-bar{grid-template-columns:4.7rem 1fr auto;align-items:center;gap:.55rem;display:grid}.hp-bar__label{color:var(--text-secondary);font-size:.72rem}.hp-trk{border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);height:.5rem;overflow:hidden}.hp-fill{height:100%;width:var(--w);background:var(--accent);border-radius:var(--radius-full);display:block}.hp-bar__val{color:var(--text-secondary);white-space:nowrap;font-size:.68rem;font-weight:600}.hp-kpis{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.hp-kpi{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:.7rem .8rem}.hp-kpi__label{color:var(--text-muted);margin-bottom:.3rem;font-size:.68rem;display:block}.hp-kpi__row{align-items:baseline;gap:.4rem;display:flex}.hp-kpi__val{color:var(--dark);font-size:.92rem;font-weight:800}.hp-kpi__delta{color:var(--success);font-size:.7rem;font-weight:700}.hp-chart{align-items:flex-end;gap:.4rem;height:3.4rem;margin-top:.2rem;display:flex}.hp-chart i{height:var(--h);background:linear-gradient(180deg, var(--primary) 0%, #3f3f46 100%);border-radius:4px 4px 0 0;flex:1}.hp-track-steps{border-top:1px solid var(--border);background:var(--surface-2);gap:.35rem;padding:.6rem .9rem .8rem;display:flex}.hp-dot{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);flex:1;padding:.34rem .2rem;font-size:.64rem;font-weight:600}.hp-dot.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}@media (prefers-reduced-motion:no-preference){.hp-step.is-active .hp-projcard,.hp-step.is-active .hp-contract,.hp-step.is-active .hp-hint,.hp-step.is-active .hp-row,.hp-step.is-active .hp-bar,.hp-step.is-active .hp-kpi,.hp-step.is-active .hp-chip{animation:.4s both hp-pop}.hp-step.is-active .hp-row:nth-child(2){animation-delay:70ms}.hp-step.is-active .hp-row:nth-child(3){animation-delay:.14s}.hp-step.is-active .hp-row:nth-child(4){animation-delay:.21s}.hp-step.is-active .hp-chips .hp-chip:nth-child(2){animation-delay:60ms}.hp-step.is-active .hp-chips .hp-chip:nth-child(3){animation-delay:.12s}.hp-step.is-active .hp-chips .hp-chip:nth-child(4){animation-delay:.18s}.hp-step.is-active .hp-chips .hp-chip:nth-child(5){animation-delay:.24s}.hp-step.is-active .hp-fill{animation:.7s both hp-grow}.hp-step.is-active .hp-bar:nth-child(2) .hp-fill{animation-delay:.12s}.hp-step.is-active .hp-bar:nth-child(3) .hp-fill{animation-delay:.24s}.hp-step.is-active .hp-chart i{animation:.6s both hp-rise}.hp-step.is-active .hp-chart i:nth-child(2){animation-delay:70ms}.hp-step.is-active .hp-chart i:nth-child(3){animation-delay:.14s}.hp-step.is-active .hp-chart i:nth-child(4){animation-delay:.21s}.hp-step.is-active .hp-chart i:nth-child(5){animation-delay:.28s}.hp-step.is-active .hp-chart i:nth-child(6){animation-delay:.35s}}@keyframes hp-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-grow{0%{width:0}}@keyframes hp-rise{0%{opacity:.4;height:.2rem}}.sys-demo{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-soft);margin:14px 0;overflow:hidden}.sd-chrome{background:var(--bg-surface-soft);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 12px;display:flex}.sd-os{gap:5px;display:flex}.sd-os i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.sd-screen{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sd-action{color:#fff;background:var(--primary);border-radius:var(--radius-full);white-space:nowrap;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:600}.sd-stage{background:linear-gradient(var(--bg-page), var(--bg-page));min-height:372px;position:relative}.sd-scene{opacity:0;visibility:hidden;padding:14px;transition:opacity .45s,transform .45s;position:absolute;inset:0;transform:translateY(8px)}.sd-scene.is-active{opacity:1;visibility:visible;transform:translateY(0)}.sd-cursor{z-index:6;pointer-events:none;opacity:0;width:20px;height:20px;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;transform:translate(-3px,-2px)}.sd-cursor:before{content:"";background:var(--text-primary);clip-path:polygon(0 0,0 75%,28% 56%,45% 95%,62% 88%,45% 50%,78% 50%);filter:drop-shadow(0 1px 2px #09090b59);position:absolute;inset:0}.sd-cursor.is-click:after{content:"";border:2px solid var(--primary);border-radius:50%;width:26px;height:26px;animation:.6s ease-out sd-click;position:absolute;top:-6px;left:-6px}@keyframes sd-click{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(1.3)}}.sd-app{grid-template-columns:156px 1fr;gap:12px;height:100%;display:grid}.sd-app--wide{grid-template-columns:1fr}.sd-side{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;gap:2px;padding:8px;display:flex;overflow:hidden}.sd-side-group{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 8px 3px;font-size:9px;font-weight:700}.sd-side-item{color:var(--text-secondary);border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:11.5px;display:flex}.sd-side-item .icon{width:14px;height:14px;color:var(--text-muted)}.sd-side-item.is-active{background:var(--primary-soft);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--primary);font-weight:600}.sd-side-item.is-active .icon{color:var(--text-primary)}.sd-main{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;gap:10px;padding:14px;display:flex;overflow:hidden}.sd-main__title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.sd-main__title .icon{width:18px;height:18px;color:var(--primary)}.sd-field{flex-direction:column;gap:4px;display:flex}.sd-label{color:var(--text-secondary);font-size:11px;font-weight:600}.sd-input,.sd-textarea,.sd-select{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);border-radius:7px;align-items:center;min-height:32px;padding:8px 10px;font-size:12px;display:flex}.sd-textarea{align-items:flex-start;min-height:50px}.sd-select{justify-content:space-between;gap:8px}.sd-select .icon{width:14px;height:14px;color:var(--text-muted)}.sd-ph{color:var(--text-muted)}.sd-field.is-focus .sd-input,.sd-field.is-focus .sd-textarea,.sd-field.is-focus .sd-select{border-color:var(--primary);box-shadow:0 0 0 3px #09090b14}.sd-caret{background:var(--primary);vertical-align:middle;width:1px;height:13px;margin-left:1px;animation:1s step-end infinite sd-blink;display:inline-block}@keyframes sd-blink{50%{opacity:0}}.sd-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sd-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.sd-btn{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);border-radius:7px;padding:7px 14px;font-size:11.5px;font-weight:600}.sd-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.sd-btn--pressed{filter:brightness(.92);transform:translateY(1px)}.sd-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface-soft);color:var(--text-secondary);align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.sd-chip__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.sd-chips{flex-wrap:wrap;gap:6px;display:flex}.sd-kanban{grid-template-columns:repeat(4,1fr);gap:8px;height:100%;display:grid}.sd-col{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface-soft);flex-direction:column;gap:7px;min-width:0;padding:8px;display:flex}.sd-col__head{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;display:flex}.sd-col__count{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:1px 7px;font-size:9.5px}.sd-card{border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:8px;padding:8px}.sd-card__title{color:var(--text-primary);margin-bottom:5px;font-size:11px;font-weight:600;line-height:1.35}.sd-card__meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.sd-card__who{color:var(--primary);background:var(--primary-soft);border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:700}.sd-card__due{color:var(--text-muted);font-size:9.5px}.sd-card--drop{border-color:var(--primary);animation:.6s cubic-bezier(.22,1,.36,1) both sd-drop;box-shadow:0 6px 18px -8px #09090b4d}@keyframes sd-drop{0%{opacity:0;transform:translateY(-26px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sd-table{border:1px solid var(--border);border-radius:var(--radius-md);font-size:11.5px;overflow:hidden}.sd-tr{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:grid}.sd-tr:last-child{border-bottom:none}.sd-tr--head{background:var(--bg-surface-soft);color:var(--text-primary);font-weight:700}.sd-tr--head+.sd-tr{color:var(--text-secondary)}.sd-tr.is-add{background:var(--success-bg);animation:.5s both sd-pop}@keyframes sd-pop{0%{opacity:0;transform:translateY(-6px)}}.sd-bars{flex-direction:column;gap:9px;display:flex}.sd-bar{grid-template-columns:80px 1fr auto;align-items:center;gap:9px;display:grid}.sd-bar__l{color:var(--text-secondary);font-size:11px}.sd-trk{border-radius:var(--radius-full);background:var(--bg-surface-soft);border:1px solid var(--border);height:8px;overflow:hidden}.sd-fill{height:100%;width:var(--w);background:var(--accent);border-radius:var(--radius-full);display:block}.sd-scene.is-active .sd-fill{animation:.8s both hp-grow}.sd-bar__v{color:var(--text-secondary);white-space:nowrap;font-size:10.5px;font-weight:600}.sd-gantt{flex-direction:column;gap:7px;display:flex}.sd-gline{grid-template-columns:92px 1fr;align-items:center;gap:8px;display:grid}.sd-gline__l{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.sd-gtrack{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:5px;height:16px;position:relative}.sd-gbar{top:2px;bottom:2px;left:var(--x);width:var(--w);background:var(--primary);opacity:.9;border-radius:4px;position:absolute}.sd-gbar--fact{background:var(--accent);top:6px;bottom:6px}.sd-kpis{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sd-kpi{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface-soft);padding:9px 11px}.sd-kpi__l{color:var(--text-muted);margin-bottom:3px;font-size:10px;display:block}.sd-kpi__v{color:var(--text-primary);font-size:15px;font-weight:800}.sd-kpi__v--blur{filter:blur(5px);-webkit-user-select:none;user-select:none}.sd-kpi__delta{color:var(--success-text);margin-left:5px;font-size:10.5px;font-weight:700}.sd-toast{background:var(--text-primary);color:#fff;box-shadow:var(--shadow-lg);z-index:5;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:11.5px;font-weight:600;display:flex;position:absolute;bottom:14px;right:14px}.sd-toast .icon{color:#86efac;width:15px;height:15px}.sd-scene.is-active .sd-toast{animation:.5s both sd-toast-in}@keyframes sd-toast-in{0%{opacity:0;transform:translateY(10px)}}.sd-caption{color:var(--text-secondary);border-top:1px solid var(--border);background:var(--bg-surface);min-height:38px;padding:10px 14px;font-size:12px}.sd-dots{background:var(--bg-surface);flex-wrap:wrap;gap:5px;padding:0 12px 12px;display:flex}.sd-dot{min-width:64px;color:var(--text-muted);background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);flex:1;padding:6px 8px;font-size:10.5px;font-weight:600}.sd-dot.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}@media (width<=680px){.sd-app{grid-template-columns:1fr}.sd-side{display:none}.sd-kanban{grid-template-columns:repeat(2,1fr)}.sd-stage{min-height:420px}}.chips-row{flex-wrap:wrap;gap:7px;margin:12px 0 4px;display:flex}.proc-meta{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:16px 0 8px;display:grid}.proc-meta__item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface-soft);padding:11px 13px}.proc-meta__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.proc-meta__val{color:var(--text-primary);font-size:13px;font-weight:500}.proc-next{border-top:1px solid var(--border);justify-content:flex-end;margin-top:28px;padding-top:18px;display:flex}.proc-next a{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.proc-next a:hover{border-color:var(--border-strong);background:var(--bg-surface-soft);transform:translate(2px)}.proc-next__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px}.proc-next__name{font-size:14px;font-weight:600}.proc-next .icon{width:18px;height:18px;color:var(--text-secondary)}.steppo{counter-reset:steppo;margin:18px 0}.steppo__step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);margin-bottom:18px;padding:18px 20px 20px 58px;position:relative}.steppo__step:before{counter-increment:steppo;content:counter(steppo);background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;position:absolute;top:18px;left:16px}.steppo__title{color:var(--text-primary);margin:0 0 8px;font-size:15px;font-weight:700}.steppo__body{color:var(--text-secondary);margin:0 0 12px;font-size:13.5px}.steppo__body strong{color:var(--text-primary)}.steppo__body .kbd{color:#fff;background:var(--primary);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.steppo__shot{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface-soft);overflow:hidden}.steppo__shot img{width:100%;height:auto;display:block}.tip,.warn{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:9px;margin:12px 0 0;padding:10px 12px;font-size:12.5px;display:flex}.tip{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.warn{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.tip:before{content:"💡"}.warn:before{content:"⚠️"}@media (width<=680px){.steppo__step{padding:16px 14px 16px 46px}.steppo__step:before{width:24px;height:24px;left:10px}}.shot{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-soft);margin:14px 0;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot__cap{color:var(--text-secondary);border-top:1px solid var(--border);background:var(--bg-surface-soft);padding:10px 14px;font-size:12.5px}.shot__cap strong{color:var(--text-primary)}.shot--live .shot__bar{color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-surface-soft);align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex}.shot__live{color:var(--danger,#dc2626);align-items:center;gap:5px;display:inline-flex}.shot__live:before{content:"";background:#dc2626;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite shot-pulse}@keyframes shot-pulse{50%{opacity:.3}}.kb-footer{text-align:center;color:var(--text-muted);margin-top:28px;padding-bottom:8px;font-size:12px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=1180px){:root{--sidebar-width:264px}.kb-container{max-width:100%}.hero{grid-template-columns:1fr}}@media (width<=900px){body{flex-direction:column;height:auto;overflow:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:280px}.top-bar{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:12px 16px;position:static}.content-area{padding:18px 16px 40px;overflow:visible}.breadcrumb{flex-wrap:wrap;gap:6px;width:100%}.search-container{width:100%}.search-input{width:100%;max-width:none}.search-results{width:100%;left:0;right:auto}.card-header{flex-direction:column;align-items:flex-start}}@media (width<=680px){.top-bar{padding:10px 12px}.breadcrumb{font-size:12px}.card{padding:18px}h1{font-size:22px}h2{font-size:17px}.demo-item-header{flex-direction:column;align-items:flex-start}.demo-embed{min-height:360px}.hero__copy h1{font-size:24px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}th,td{word-break:break-word;min-width:140px}}