:root{--cn-sidebar-width:260px;--cn-sidebar-collapsed:76px;--cn-topbar-height:60px;--cn-gradient-start:#1e1b4b;--cn-gradient-end:#7c3aed}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background,#f8fafc);color:var(--text-primary,#1e293b);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--cn-sidebar-width);background:linear-gradient(to bottom, var(--cn-gradient-start) 0%, var(--cn-gradient-end) 100%);color:#fff;padding:var(--space-lg,24px);scrollbar-gutter:stable;z-index:30;flex-direction:column;flex-shrink:0;transition:width .3s,padding .3s;display:flex;overflow-y:auto}.sidebar.collapsed{width:var(--cn-sidebar-collapsed);padding:var(--space-lg,24px) var(--space-sm,8px)}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-item-title,.sidebar.collapsed .sidebar-group-title,.sidebar.collapsed .collapse-label,.sidebar.collapsed .sidebar-logo-initial{display:none}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-group-header{justify-content:center;padding:10px 0}.sidebar-header{padding-bottom:var(--space-md,16px);margin-bottom:var(--space-md,16px);border-bottom:1px solid #ffffff26;flex-direction:column;align-items:center;gap:10px;display:flex}.sidebar-logo-wrapper{border:3px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}.sidebar.collapsed .sidebar-logo-wrapper{width:48px;height:48px}.sidebar-logo-img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-logo-placeholder{background:#ffffff1f;border-color:#ffffff4d}.sidebar-logo-initial{color:#fff9;font-size:1.3rem;font-weight:700}.sidebar-title{text-transform:uppercase;letter-spacing:1.5px;opacity:.8;text-align:center;margin:0;font-size:.8rem;font-weight:600}.sidebar-menu{flex:1;list-style:none}.sidebar-group{margin:2px 0}.sidebar-group-details[open] .sidebar-toggle:after{transform:rotate(90deg)}.sidebar-group-header{cursor:pointer;color:#ffffffd9;opacity:.85;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;font-weight:500;list-style:none;transition:background .15s,opacity .15s;display:flex}.sidebar-group-header::-webkit-details-marker{display:none}.sidebar-group-header:hover{opacity:1;background:#ffffff1f}.sidebar-toggle{margin-left:auto;transition:transform .2s}.sidebar-toggle:after{content:"▶";font-size:10px;transition:transform .2s;display:inline-block}.sidebar-children{margin:2px 0;padding-left:12px;list-style:none}.sidebar-item{cursor:pointer;color:#fffc;opacity:.75;border-radius:6px;align-items:center;gap:8px;margin:2px 0;padding:7px 10px;font-size:.875rem;transition:background .15s,opacity .15s;display:flex}.sidebar-item:hover{opacity:1;background:#fff3}.sidebar-item.active{opacity:1;background:#ffffff38;box-shadow:inset 3px 0 #fff}.sidebar-item-icon,.sidebar-group-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.sidebar-item-title,.sidebar-group-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer{padding-top:var(--space-md,16px);border-top:1px solid #ffffff26;margin-top:auto}.sidebar-collapse-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.85rem;transition:background .15s;display:flex}.sidebar-collapse-btn:hover{background:#ffffff1f}.sidebar-overlay{z-index:25;background:#00000080;display:none;position:fixed;inset:0}.main{background:var(--background,#f8fafc);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{padding:0 var(--space-lg,24px);height:var(--cn-topbar-height);border-bottom:1px solid var(--border,#e2e8f0);z-index:20;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 3px #0000000a}.topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-right{align-items:center;gap:12px;display:flex}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger-line{background:var(--text-primary,#1e293b);border-radius:2px;width:22px;height:2px;transition:transform .2s}.app-title{color:var(--text-primary,#1e293b);font-size:1rem;font-weight:600}.user-name{color:var(--text-secondary,#64748b);font-size:.85rem;font-weight:500}.theme-toggle-btn{border:1px solid var(--border,#e2e8f0);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:.9rem;transition:background .15s}.theme-toggle-btn:hover{background:var(--surface-hover,#f1f5f9)}.cn-logout-btn{color:var(--cn-gradient-end,#7c3aed);cursor:pointer;background:#fff;border:1px solid #7c3aed4d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.cn-logout-btn:hover{background:var(--cn-gradient-end,#7c3aed);color:#fff}.content{padding:var(--space-lg,24px);scrollbar-gutter:stable;flex:1;overflow:auto}.cn-page{max-width:1200px;margin:0 auto}.cn-page-header{margin-bottom:var(--space-lg,24px)}.cn-page-title{color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:700}.cn-page-subtitle{color:var(--text-secondary,#64748b);margin-top:4px;font-size:.875rem}.cn-toolbar{margin-bottom:var(--space-md,16px);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cn-toolbar .smart-input-wrapper{flex:1;min-width:220px;max-width:360px}.cn-toolbar .smart-select-wrapper{min-width:160px}.cn-toolbar-actions{gap:8px;margin-left:auto;display:flex}.cn-card{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.cn-card-header{padding:var(--space-md,16px) var(--space-lg,24px);border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;display:flex}.cn-card-title{font-size:1rem;font-weight:600}.cn-card-body{padding:var(--space-lg,24px)}.cn-stat-grid{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.cn-stat-grid .smart-stat-card{height:100%}.cn-table-wrap{overflow-x:auto}.cn-table-wrap .smart-table{min-width:100%}.cn-pagination-row{padding:var(--space-md,16px) var(--space-lg,24px);border-top:1px solid var(--border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cn-pagination-info{color:var(--text-secondary,#64748b);font-size:.8rem}.cn-actions{flex-wrap:wrap;gap:6px;display:flex}.cn-actions .smart-btn{padding:4px 10px;font-size:.75rem}.cn-status-active{color:var(--success,#16a34a)}.cn-status-inactive{color:var(--danger,#dc2626)}.cn-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cn-form-grid .full{grid-column:1/-1}.cn-modal-info{color:var(--text-secondary,#64748b);margin-bottom:12px;font-size:.8rem}.cn-detail-grid{grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:8px;display:grid}.cn-detail-item{flex-direction:column;gap:2px;display:flex}.cn-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:600}.cn-detail-value{color:var(--text-primary,#1e293b);word-break:break-word;font-size:.9rem}.cn-info-cards{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.cn-info-card{border:1px solid var(--border,#e2e8f0);padding:var(--space-md,16px) var(--space-lg,24px);background:#fff;border-radius:12px;align-items:center;gap:14px;display:flex}.cn-info-icon{background:linear-gradient(to bottom right, var(--cn-gradient-start), var(--cn-gradient-end));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.cn-info-body{min-width:0}.cn-info-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:600}.cn-info-value{color:var(--text-primary,#1e293b);word-break:break-word;margin-top:2px;font-size:.95rem;font-weight:600}.cn-info-value.placeholder{color:var(--gray-500,#64748b);font-style:italic;font-weight:400}.cn-doc-grid{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.cn-doc-card{border:1px solid var(--border,#e2e8f0);padding:var(--space-lg,24px);background:#fff;border-radius:12px;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s;display:flex}.cn-doc-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.cn-doc-icon{font-size:1.6rem}.cn-doc-title{font-size:1rem;font-weight:600}.cn-doc-desc{color:var(--text-secondary,#64748b);font-size:.82rem;line-height:1.5}.cn-doc-tag{background:var(--surface-muted,#f1f5f9);color:var(--text-secondary,#64748b);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.7rem;font-weight:600}.cn-company-cell{align-items:center;gap:10px;display:inline-flex}.cn-company-logo{object-fit:cover;border:1px solid var(--border,#e2e8f0);border-radius:9px;flex-shrink:0;width:38px;height:38px}.cn-company-logo-ph{background:linear-gradient(to bottom right, var(--cn-gradient-start), var(--cn-gradient-end));color:#fff;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cn-detail-head{align-items:center;gap:16px;margin-bottom:16px;display:flex}.cn-detail-name{margin:0;font-size:1.1rem}.cn-detail-logo{object-fit:cover;border:1px solid var(--border,#e2e8f0);border-radius:12px;width:56px;height:56px}.cn-detail-logo-ph{background:linear-gradient(to bottom right, var(--cn-gradient-start), var(--cn-gradient-end));color:#fff;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:inline-flex}.cn-apps-access{border-top:1px solid var(--border,#e2e8f0);margin-top:16px;padding-top:12px}.cn-apps-toggles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:8px;display:grid}.cn-tt-item{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.cn-tt-item .smart-switch-wrapper{justify-content:flex-start}.cn-tt-desc{color:var(--text-secondary,#64748b);font-size:.72rem;line-height:1.4}.cn-login-as-list{gap:8px;margin-top:4px;display:grid}.cn-login-as-item{text-align:left;border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);cursor:pointer;width:100%;color:var(--text,#111827);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.cn-login-as-item:hover{border-color:var(--primary,#2563eb);transform:translateY(-1px);box-shadow:0 2px 10px #2563eb24}.cn-login-as-item:active{transform:scale(.99)}.cn-login-as-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cn-login-as-arrow{color:var(--primary,#2563eb);flex-shrink:0;font-size:1.1rem}.cn-app-cell{align-items:center;gap:10px;display:inline-flex}.cn-app-icon{background:var(--surface-muted,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:inline-flex;overflow:hidden}.cn-app-logo-img{object-fit:cover;width:100%;height:100%;display:block}.cn-app-logo-row{border-top:1px solid var(--border,#e2e8f0);margin-top:16px;padding-top:12px}.cn-muted{color:var(--text-secondary,#64748b)}.cn-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.cn-logo-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.cn-logo-preview{object-fit:cover;border:2px solid var(--border,#e2e8f0);background:var(--surface-muted,#f1f5f9);border-radius:16px;width:96px;height:96px}.cn-logo-preview-empty{color:var(--text-secondary,#64748b);text-align:center;justify-content:center;align-items:center;padding:8px;font-size:.75rem;display:inline-flex}.cn-logo-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cn-file-btn{cursor:pointer;position:relative}.cn-hint{max-width:420px;font-size:.78rem;line-height:1.5}.cn-note{margin:0;font-size:.85rem;line-height:1.6}.cn-stack-gap{margin-top:var(--space-md,16px)}.cn-empty-pad{padding:var(--space-xl,32px);text-align:center}.cn-loading{padding:var(--space-xl,48px);color:var(--text-secondary,#64748b);justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.cn-spinner{border:2px solid var(--border,#e2e8f0);border-top-color:var(--cn-gradient-end,#7c3aed);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite cn-spin}@keyframes cn-spin{to{transform:rotate(360deg)}}@media (width<=900px){.sidebar{transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:var(--cn-sidebar-width)!important;padding:var(--space-lg,24px)!important}.sidebar.open{transform:translate(0)}.sidebar.open .sidebar-title,.sidebar.open .sidebar-item-title,.sidebar.open .sidebar-group-title,.sidebar.open .collapse-label,.sidebar.open .sidebar-logo-initial{display:inline}.sidebar.open .sidebar-item,.sidebar.open .sidebar-group-header{justify-content:flex-start;padding:8px 10px}.sidebar-overlay.visible{display:block}.hamburger-btn{display:flex}.content{padding:var(--space-md,16px)}.cn-form-grid,.cn-detail-grid{grid-template-columns:1fr}}.dp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.dp-tab.active{background:var(--primary,#2563eb)!important;color:#fff!important;border-color:var(--primary,#2563eb)!important}.dp-grid{gap:16px;margin-bottom:16px;display:grid}.dp-grid-3{grid-template-columns:repeat(3,1fr)}.dp-stat{color:var(--primary,#2563eb);font-size:28px;font-weight:700}.dp-table-wrap{overflow-x:auto}.dp-table{border-collapse:collapse;width:100%;font-size:13px}.dp-table th,.dp-table td{border-bottom:1px solid var(--border,#e5e7eb);text-align:left;white-space:nowrap;padding:9px 10px}.dp-table th{color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.dp-detail{gap:8px;margin:12px 0;display:grid}.dp-detail-row{border-bottom:1px dashed var(--border,#e5e7eb);justify-content:space-between;gap:16px;padding:7px 0;font-size:13px;display:flex}.dp-detail-row span{color:var(--muted,#6b7280)}.dp-logs{color:#cbd5e1;background:#0f172a;border-radius:8px;max-height:300px;margin-top:12px;padding:12px;font-size:12px;overflow:auto}.dp-logs pre{white-space:pre-wrap;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dp-db-bar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dp-db-cols{grid-template-columns:240px 1fr;gap:16px;display:grid}.dp-db-list{border:1px solid var(--border,#e5e7eb);border-radius:8px;max-height:480px;padding:10px;overflow:auto}.dp-db-list h4{text-transform:uppercase;letter-spacing:.5px;color:var(--muted,#6b7280);margin:0 0 8px;font-size:12px}.dp-db-col{text-align:left;cursor:pointer;width:100%;color:var(--text,#111827);background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:13px;display:block}.dp-db-col:hover{background:var(--hover,#f3f4f6)}.dp-db-detail{min-width:0}.dp-db-tabs{gap:8px;margin-bottom:10px;display:flex}.dp-doc-list{gap:8px;display:grid}.dp-doc{border:1px solid var(--border,#e5e7eb);white-space:pre-wrap;word-break:break-all;background:#f8fafc;border-radius:8px;max-height:260px;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:auto}@media (width<=768px){.dp-grid-3,.dp-db-cols{grid-template-columns:1fr}}.dp-db-side{flex-direction:column;gap:14px;display:flex}.dp-db-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted,#6b7280);margin:0 0 8px;font-size:12px}.dp-db-item{text-align:left;cursor:pointer;width:100%;color:var(--text,#111827);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;font-size:13px;display:flex}.dp-db-item:hover{background:var(--hover,#f3f4f6)}.dp-db-item.active{background:var(--primary,#2563eb);color:#fff}.dp-db-item-icon{opacity:.7}.dp-db-col-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dp-db-col-count{background:var(--border,#e5e7eb);color:var(--muted,#6b7280);border-radius:999px;padding:1px 7px;font-size:11px}.dp-db-refresh{width:100%;margin-top:10px}.dp-db-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.dp-db-toolbar-spacer{flex:1}.dp-db-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.dp-db-crumb{cursor:pointer;color:var(--primary,#2563eb)}.dp-db-crumb:hover{text-decoration:underline}.dp-db-crumb-current{color:var(--text,#111827);cursor:default;font-weight:600}.dp-db-crumb-sep{color:var(--muted,#9ca3af)}.dp-db-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dp-db-filter-bar .smart-input{width:180px}.dp-doc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.dp-doc-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.dp-type-badge{vertical-align:middle;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.dp-type-string{color:#0369a1;background:#e0f2fe}.dp-type-number{color:#92400e;background:#fef3c7}.dp-type-boolean{color:#166534;background:#dcfce7}.dp-type-objectid{color:#6b21a8;background:#f3e8ff}.dp-type-date{color:#9d174d;background:#fce7f3}.dp-type-object,.dp-type-array{color:#334155;background:#f1f5f9}.dp-type-null{color:#6b7280;background:#f3f4f6}.dp-tree{border:1px solid var(--border,#e5e7eb);background:#fcfcfd;border-radius:8px;max-height:480px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;overflow:auto}.dp-tree-row{white-space:nowrap;align-items:baseline;gap:8px;padding:3px 0;display:flex}.dp-tree-key{color:#0f172a;min-width:140px;font-weight:600;display:inline-block}.dp-tree-value{color:#334155;word-break:break-all;white-space:normal}.dp-tree-node{margin-left:0}.dp-tree-summary{cursor:pointer;color:#0f172a;padding:3px 0;list-style:none}.dp-tree-summary::-webkit-details-marker{display:none}.dp-tree-summary:before{content:"▸";color:var(--muted,#9ca3af);margin-right:6px;transition:transform .15s;display:inline-block}.dp-tree-node[open]>.dp-tree-summary:before{transform:rotate(90deg)}.dp-tree-children{border-left:1px dashed var(--border,#d1d5db);margin-left:22px;padding-left:10px}.dp-error{text-align:center;background:#fef2f2;border:1px dashed #fca5a5;border-radius:8px;padding:18px}@media (width<=900px){.dp-db-cols{grid-template-columns:1fr}}.bl-form{flex-direction:column;gap:8px;display:flex}.bl-form label{color:var(--muted,#6b7280);margin-top:4px;font-size:12px;font-weight:600}.bl-form input.smart-input,.bl-form select.smart-input,.bl-form textarea.smart-input{width:100%}.bl-form textarea.smart-input{resize:vertical;min-height:56px}.bl-check{cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-size:13px;display:flex}.bl-features{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:6px;grid-template-columns:1fr 1fr;gap:2px 12px;max-height:180px;padding:8px;display:grid;overflow-y:auto}.bl-filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dp-stat-warn{color:#b45309!important}.cn-billing-section-title{text-transform:uppercase;letter-spacing:.4px;color:var(--muted,#6b7280);border-bottom:1px solid var(--border,#e5e7eb);margin:18px 0 8px;padding-bottom:6px;font-size:13px}.cn-billing-features{border-collapse:collapse;width:100%;font-size:13px}.cn-billing-features th,.cn-billing-features td{text-align:left;border-bottom:1px solid var(--border,#eef0f3);padding:6px 8px}.cn-billing-features th{color:var(--muted,#6b7280);font-size:12px;font-weight:600}