.nav-title{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:transparent;color:#8fa0c8;cursor:pointer}.nav-arrow{transition:.2s}.nav-group.open .nav-arrow{transform:rotate(180deg)}.nav-children{display:none}.nav-group.open .nav-children{display:block}.nav-item{display:flex;align-items:center;gap:9px}.nav-dot{width:6px;height:6px;border:1px solid #7180a5;border-radius:50%;flex:none}.nav-item.active .nav-dot{background:#60a5fa;border-color:#60a5fa}
aside{background:#f6f7fb;color:#202938;border-right:1px solid #e4e7ee;padding-top:16px}.logo{border-bottom:1px solid #e4e7ee;margin:0 -14px 14px;padding-left:20px}.logo b{color:#172033}.logo small{color:#8993a5}.nav-title{color:#4b5563;font-weight:600}.nav-item{color:#344054}.nav-item:hover,.nav-item.active{background:#e4e8f1;color:#1677ff}.aside-foot{color:#667085}header{height:64px}.app{grid-template-columns:272px 1fr}
.product-modal{width:min(1040px,96vw)}.form-section{padding:0 26px 20px}.form-section h4{color:#1677ff;border-bottom:4px solid #dbeafe;padding:17px 0 10px;margin:0 0 18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 24px}.product-grid label,.product-grid fieldset{font-size:13px;color:#334155;border:0;margin:0;padding:0}.product-grid input,.product-grid select{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #dbe2ea;border-radius:7px;background:#fff}.product-grid input[readonly]{background:#f1f5f9;color:#94a3b8}.product-grid fieldset label{display:inline-flex;align-items:center;margin:10px 18px 0 0}.product-grid fieldset input{display:inline;width:auto;margin:0 5px 0 0}.product-grid small,.muted{display:block;color:#94a3b8;line-height:1.5;margin-top:6px}.span-2{grid-column:span 2}.inventory-note p{font-size:13px;color:#475569;background:#f8fafc;padding:13px;border-left:3px solid #38bdf8}.draft{padding:10px 18px;border:1px solid #60a5fa;color:#2563eb;background:#eff6ff;border-radius:8px;cursor:pointer}
.manage-banner{padding:22px 25px;margin-bottom:16px;border-radius:13px;color:#fff;background:linear-gradient(120deg,#0ea5e9,#4f46e5)}.manage-banner h3,.manage-banner p{margin:0}.manage-banner p{margin-top:6px;opacity:.85}.manage-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.settings-grid{grid-template-columns:1fr 1fr}.manage-card{text-align:left;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:18px;cursor:pointer}.manage-card span,.manage-card small{display:block}.manage-card b{display:block;font-size:28px;color:#2563eb;margin:8px 0}.manage-card small{color:#64748b}.capability-row{display:flex;flex-wrap:wrap;gap:9px}.capability-row span{padding:7px 11px;background:#eff6ff;color:#2563eb;border-radius:18px;font-size:12px}.settings-grid dl{display:grid;grid-template-columns:100px 1fr;gap:10px}.settings-grid dt{color:#64748b}.settings-grid dd{margin:0}.flow-strip{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:20px;text-align:center;color:#2563eb;font-weight:700;margin-bottom:16px}
@media(max-width:900px){.manage-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:800px){.product-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.manage-grid{grid-template-columns:1fr}}
.process-intro{padding:22px;border-radius:12px;background:linear-gradient(135deg,#eef5ff,#f7f2ff);margin-bottom:16px}.process-intro h3{margin:0 0 6px}.process-intro p{margin:0;color:#64748b}.process-map{display:grid;gap:14px}.process-map section{display:grid;grid-template-columns:110px 1fr;align-items:center;background:#fff;border:1px solid #e5eaf2;border-radius:10px;padding:16px}.process-map section>b{color:#475569}.process-map section>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.process-map button{border:1px solid #9fc5ff;background:#eff6ff;color:#1464d2;border-radius:8px;padding:11px 18px;cursor:pointer}.process-map button:hover{background:#dbeafe}.process-arrow{color:#94a3b8;font-size:20px}@media(max-width:760px){.process-map section{grid-template-columns:1fr;gap:10px}.process-arrow{transform:rotate(90deg)}}