.cargo-shell{display:flex;height:100vh;overflow:hidden;background:var(--cargo-canvas)}.cargo-sidebar{position:relative;width:216px;flex:0 0 216px;display:flex;flex-direction:column;z-index:50;background:#fff;border-right:1px solid var(--cargo-border);transition:width .18s ease,flex-basis .18s ease}.cargo-sidebar.is-collapsed{width:64px;flex-basis:64px}.cargo-brand{height:60px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--cargo-border);flex-shrink:0}.cargo-brand-inner{display:flex;align-items:center;gap:10px;min-width:0}.cargo-brand-mark{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--cargo-primary);border-radius:8px;box-shadow:0 4px 10px #2468f233}.cargo-brand-name{color:#10213d;font-size:17px;font-weight:700;letter-spacing:-.2px;white-space:nowrap}.cargo-nav{min-height:0;flex:1;overflow:auto;padding:14px 10px 52px}.cargo-nav-parent,.cargo-nav-link{width:100%;height:38px;display:flex;align-items:center;gap:10px;padding:0 11px;margin:0 0 3px;border:0;border-radius:7px;background:transparent;color:#344054;cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:background .14s ease,color .14s ease}.cargo-nav-parent:hover,.cargo-nav-link:hover{background:#f5f7fa;color:#172033}.cargo-nav-parent.is-active,.cargo-nav-link.is-active{background:var(--cargo-primary-soft);color:var(--cargo-primary);font-weight:600}.cargo-nav-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cargo-nav-chevron{opacity:.55;transition:transform .16s ease}.cargo-nav-chevron.is-open{transform:rotate(180deg)}.cargo-subnav{padding:2px 0 6px 29px}.cargo-subnav-item{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;margin:1px 0;border-radius:6px;color:#475467;cursor:pointer;font-size:12px;transition:background .14s ease,color .14s ease}.cargo-subnav-item:hover{color:#172033;background:#f7f8fa}.cargo-subnav-item.is-active{color:var(--cargo-primary);background:#f0f5ff;font-weight:600}.cargo-sidebar-toggle{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--cargo-border);background:#fff}.cargo-sidebar-toggle button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#667085;cursor:pointer}.cargo-sidebar-toggle button:hover{background:#f3f5f8;color:#344054}.cargo-main{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;z-index:10}.cargo-topbar{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 24px;background:#fffffff5;border-bottom:1px solid var(--cargo-border)}.cargo-topbar-help{height:32px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--cargo-primary);border-radius:6px;font-size:12px;cursor:pointer}.cargo-topbar-help:hover{background:var(--cargo-primary-soft)}.cargo-topbar-control{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#344054;cursor:pointer;font-size:12px}.cargo-topbar-control:hover{background:#f5f7fa}.cargo-topbar-slot{position:relative}.cargo-user-name{color:#172033;font-weight:500}.cargo-popover-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.cargo-popover{position:fixed;top:52px;z-index:9999;min-width:132px;padding:5px;background:#fff;border:1px solid var(--cargo-border);border-radius:8px;box-shadow:0 12px 30px #10182824}.cargo-popover button{width:100%;height:32px;padding:0 10px;display:flex;align-items:center;border:0;border-radius:5px;background:transparent;color:#344054;cursor:pointer;font-size:12px;text-align:left}.cargo-popover button:hover{background:#f5f7fa}.cargo-popover button.is-selected{color:var(--cargo-primary);background:var(--cargo-primary-soft)}.cargo-popover button.is-danger{color:var(--cargo-danger)}.cargo-popover-divider{height:1px;margin:4px 2px;background:var(--cargo-border)}.cargo-content{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;overflow:auto}@media (max-width: 900px){.cargo-sidebar{width:64px;flex-basis:64px}.cargo-brand{justify-content:center;padding:0}.cargo-brand-name,.cargo-nav-label,.cargo-nav-chevron,.cargo-subnav{display:none}.cargo-nav-parent,.cargo-nav-link{justify-content:center;padding:0}.cargo-topbar{padding:0 12px}}@media (max-width: 980px){.settings-center-shell{grid-template-columns:1fr!important}.settings-center-sidebar{position:static!important;height:auto!important;max-height:320px;border-right:0!important;border-bottom:1px solid rgba(0,0,0,.06)}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fa;color:#172033}#root{height:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::placeholder,select:invalid{color:silver;font-size:12px}}@layer components{.btn-primary{@apply bg-gray-900 text-white px-4 py-2 rounded font-medium hover:bg-gray-800 transition-colors;}.btn-secondary{@apply bg-white text-gray-900 border border-gray-300 px-4 py-2 rounded font-medium hover:bg-gray-50 transition-colors;}.input-field{@apply w-full px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-gray-900 focus:border-transparent;}.card{@apply bg-white rounded-lg shadow-sm border border-gray-200 p-4;}}:root{--cargo-primary: #2468f2;--cargo-primary-hover: #1655d8;--cargo-primary-soft: #eef4ff;--cargo-text: #172033;--cargo-text-2: #344054;--cargo-text-3: #667085;--cargo-border: #e4e7ec;--cargo-border-strong: #d0d5dd;--cargo-canvas: #f7f8fa;--cargo-panel: #ffffff;--cargo-success: #12a36d;--cargo-warning: #f59e0b;--cargo-danger: #f04438}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(36,104,242,.24);outline-offset:1px}table{border-collapse:collapse}th{background:#fafbfc;color:var(--cargo-text-2);font-size:12px;font-weight:600}td{color:var(--cargo-text-2);font-size:12px}th,td{border-color:var(--cargo-border)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfd4dc;border:2px solid transparent;border-radius:999px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#aeb6c2;border:2px solid transparent;background-clip:padding-box}