.dc-page{display:flex;flex-direction:column;min-height:calc(100vh - 60px);width:100%;padding:12px 0}.dc-loading{justify-content:center;min-height:400px}.dc-loading,.dc-toolbar{display:flex;align-items:center}.dc-toolbar{justify-content:space-between;padding:8px 12px;height:48px;gap:16px}.dc-tabs{display:flex;gap:6px;padding:1px;border-radius:7px}.dc-tab{padding:4px 8px;border:none;border-radius:6px;font-size:13px;font-weight:500;line-height:20px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.dc-tab:hover{opacity:.8}.dc-search{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:6px;width:239px}.dc-search-input{flex:1 1;border:none;background:transparent;font-size:13px;line-height:20px;outline:none;min-width:0}.dc-search-input::placeholder{color:#71717a}.dc-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex:1 1}.dc-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:1200px){.dc-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dc-cards-grid{grid-template-columns:1fr}.dc-toolbar{flex-direction:column;height:auto;align-items:stretch;gap:12px}.dc-tabs{overflow-x:auto}.dc-search{width:100%}}.dc-card{display:flex;flex-direction:column;gap:20px;padding:16px 24px;border-radius:8px;min-height:180px}.dc-card-header{display:flex;align-items:center;justify-content:space-between}.dc-card-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dc-card-icon{width:32px;height:32px;object-fit:contain}.dc-card-toggle{position:relative;width:32px;height:18px;border-radius:99px;cursor:default;box-shadow:0 2px 4px 0 rgba(0,0,0,.04);overflow:hidden}.dc-card-toggle:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 8px 0 rgba(0,0,0,.02),inset 0 0 0 .75px rgba(0,0,0,.06),inset 0 2px 4px 0 rgba(0,0,0,.04),inset 0 1px 1px 0 rgba(0,0,0,.04);pointer-events:none}.dc-card-toggle-circle{position:absolute;top:2px;width:14px;height:14px;background:#fff;border-radius:99px;transition:left .2s ease;box-shadow:0 0 0 .5px rgba(0,0,0,.02),0 5px 4px 0 rgba(0,0,0,.02),0 3px 3px 0 rgba(0,0,0,.04),0 1px 2px 0 rgba(0,0,0,.12),0 0 1px 0 rgba(0,0,0,.08)}.dc-card-toggle-circle:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 2px 1px #fff,inset 0 1px 0 0 #fff;pointer-events:none}.dc-card-body{display:flex;flex-direction:column;gap:5px}.dc-card-name{font-size:14px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.dc-card-description,.dc-card-name{line-height:1.6;margin:0;overflow:hidden}.dc-card-description{font-size:12px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.dc-card-actions{gap:10px}.dc-btn,.dc-card-actions{display:flex;align-items:center}.dc-btn{justify-content:center;gap:6px;height:28px;padding:0 8px;border-radius:6px;font-size:13px;font-weight:500;line-height:20px;cursor:pointer;border:none;white-space:nowrap;transition:opacity .15s ease}.dc-btn:hover{opacity:.9}.dc-btn:disabled{cursor:not-allowed;opacity:.6}.dc-btn-outline{box-shadow:0 1px 2px 0 rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.08)}.dc-btn-connect,.dc-btn-disconnect{box-shadow:0 1px 2px 0 rgba(128,122,255,.4),0 0 0 1px #dee1ff}.dc-btn-connect:after,.dc-btn-disconnect:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 .75px 0 0 hsla(0,0%,100%,.2);pointer-events:none}.dc-card-divider{width:2px;height:27px;border-radius:5px}.dc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.dc-empty-title{font-size:16px;font-weight:600;margin:0 0 8px}.dc-empty-desc{font-size:14px;margin:0}