:root{
  --navy:#181818;
  --blue:#d6001c;
  --cyan:#ec243b;
  --ink:#222;
  --muted:#6f6f73;
  --line:#e8e8e8;
  --bg:#f5f5f5;
  --green:#16865b;
  --shadow:0 14px 38px rgba(22,22,22,.09)
}
body{font-family:"Noto Sans KR","Noto Sans CJKKR",Pretendard,Arial,sans-serif;background:var(--bg)}
.sidebar{background:#181818;border-right:1px solid #303030}
.brand{background:#fff;margin:-28px -18px 24px;padding:22px 20px;border-bottom:4px solid #d6001c}
.brand img{width:124px;height:auto;display:block}
.brand b{color:#222;font-size:14px;letter-spacing:0}
.brand span{color:#777;font-size:9px;letter-spacing:.5px}
.brandmark{display:none}
.sidebar nav p{color:#8f8f8f}
.nav{color:#c5c5c5}
.nav:hover,.nav.active{background:#292929;color:#fff}
.nav.active{box-shadow:inset 3px 0 #d6001c}
.user{border-color:#363636}
header{border-top:3px solid #d6001c}
.hero{min-height:270px;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.58) 55%,rgba(10,10,10,.2) 100%),url('./assets/shipyard.jpg') center 42%/cover;border:0;border-radius:0;padding:42px 44px}
.hero:after{display:none}
.hero .eyebrow{color:#fff;border-left:3px solid #d6001c;padding-left:10px}
.hero h1{font-size:32px}.hero h1 span{color:#fff;font-weight:500}.hero p:not(.eyebrow){color:#e8e8e8}
.hero-stat{border-top:4px solid #d6001c;border-radius:0;color:#222}.hero-stat b{color:#d6001c}.hero-stat em{color:#d6001c;background:#fff0f2}
.eyebrow{color:#d6001c}
.ask-card,.panel,.workflow,.work-card,.kpis article,.connector-list{border-radius:2px}
.spark,.ask-input>button,.agent-compose button,.primary{background:#d6001c;border-radius:2px}
.suggestions button,.tabs,.tabs button,.tabs button.active{border-radius:2px}
.work-icon,.activity .agent-badge,.connector-main>div:first-child{color:#d6001c;background:#fff0f2;border-radius:2px}
.work-card:nth-child(2) .work-icon,.work-card:nth-child(3) .work-icon,.work-card:nth-child(4) .work-icon{color:#d6001c;background:#fff0f2}
.work-card:hover{border-color:#d6001c}
.section-title>span,.evidence .panel-head span{color:#d6001c;background:#fff0f2}
.flow-step.active i{background:#d6001c}.flow-step.done:not(:last-child):after{background:#d6001c}
.result{background:#fff7f8;border-left-color:#d6001c}.result p[style]{color:#d6001c!important}
.text-btn,.panel-head button,.back,.evidence-card span{color:#d6001c}
.bubble{border-radius:2px 12px 12px 12px}.message.user .bubble{background:#222;border-radius:12px 2px 12px 12px}
.detect{background:#fff4f5;color:#7b3039}
.example-modal{padding:26px}.example-modal h2{margin:0 0 20px}.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.example-card{border:1px solid var(--line);padding:14px;background:#fafafa}.example-card b,.example-card span{display:block}.example-card b{font-size:12px;margin-bottom:5px}.example-card span,.example-list li{font-size:11px;color:var(--muted);line-height:1.6}.example-list{padding-left:18px}.example-table{width:100%;border-collapse:collapse}.example-table th,.example-table td{font-size:10px;padding:9px;border-bottom:1px solid var(--line);text-align:left}.file-chip{cursor:pointer;color:var(--ink)}.activity,.health,.evidence-card,.connector>button{cursor:pointer}.activity:hover,.health:hover,.evidence-card:hover{background:#fff7f8}.connector>button:hover{color:#d6001c}
@media(max-width:1000px){.brand{margin:-24px -11px 24px;padding:20px 10px}.brand img{width:56px}.brand div{display:none}}