.tw-dash-full-wrapper{border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.75rem;overflow:hidden;margin:1.5rem 0;background:var(--demo-bg, #0c0c0f)}.tw-dash-full-chrome{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--demo-chrome-bg, #18181b);border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08))}.tw-dash-full-dots{display:flex;gap:.375rem}.tdf-dot{width:.5rem;height:.5rem;border-radius:50%}.tdf-red{background:#ef444499}.tdf-yellow{background:#eab30899}.tdf-green{background:#22c55e99}.tw-dash-full-filename{font-size:.6875rem;font-family:Geist Mono,monospace;color:var(--demo-text-muted, #71717a);margin-right:auto}.tw-dash-full-label{font-size:.5625rem;font-weight:700;color:var(--demo-text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.05em}.tw-dash-full-badge{font-size:.5625rem;font-weight:700;color:#22d3ee;background:#06b6d41a;padding:.125rem .5rem;border-radius:9999px}.tw-dash-full-app{display:flex;height:420px;overflow:hidden}.tw-dash-full-sidebar{width:160px;background:#111827;border-right:1px solid var(--demo-border, rgba(255,255,255,.08));padding:1rem 0;flex-shrink:0;display:flex;flex-direction:column}.tdf-sidebar-brand{font-size:.875rem;font-weight:700;color:var(--demo-text, #fafafa);padding:0 1rem 1rem;border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08));margin-bottom:.5rem}.tdf-sidebar-nav{display:flex;flex-direction:column;gap:.125rem;padding:0 .5rem}.tdf-nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;border:none;background:none;color:var(--demo-text-muted, #71717a);font-size:.75rem;font-weight:500;cursor:pointer;font-family:inherit;transition:color .15s ease,background .15s ease;text-align:left;width:100%}.tdf-nav-item:hover{color:var(--demo-text-secondary, #a1a1aa);background:var(--demo-bg-surface, rgba(255,255,255,.02))}.tdf-nav-item.active{color:#22d3ee;background:#06b6d414}.tdf-nav-item svg{flex-shrink:0}.tw-dash-full-main{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.tdf-topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08))}.tdf-hamburger{display:none;background:none;border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.375rem;padding:.375rem;cursor:pointer;color:var(--demo-text-secondary, #a1a1aa)}.tdf-search{flex:1;padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--demo-border, rgba(255,255,255,.08));background:var(--demo-bg-surface, rgba(255,255,255,.02));color:var(--demo-text, #fafafa);font-size:.75rem;outline:none;font-family:inherit}.tdf-search:focus{border-color:#06b6d466}.tdf-search::placeholder{color:var(--demo-text-faint, #52525b)}.tdf-bell{position:relative;color:var(--demo-text-muted, #71717a);cursor:pointer}.tdf-bell-dot{position:absolute;top:-2px;right:-2px;width:.5rem;height:.5rem;background:#ef4444;border-radius:50%}.tdf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem}.tdf-stat-card{padding:1rem;border-radius:.5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08))}.tdf-stat-label{font-size:.625rem;color:var(--demo-text-muted, #71717a);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.tdf-stat-value{font-size:1.25rem;font-weight:700;color:var(--demo-text, #fafafa)}.tdf-table-wrap{padding:0 1rem 1rem;overflow-x:auto}.tdf-table{width:100%;border-collapse:collapse;font-size:.75rem}.tdf-table th{text-align:left;padding:.625rem .75rem;color:var(--demo-text-muted, #71717a);font-weight:600;border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08));font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.tdf-table td{padding:.625rem .75rem;color:var(--demo-text-secondary, #a1a1aa);border-bottom:1px solid rgba(255,255,255,.04)}.tdf-email{color:var(--demo-text-faint, #52525b)}.tdf-table tr:hover td{background:var(--demo-bg-surface, rgba(255,255,255,.02))}.tdf-badge{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.tdf-active{color:#34d399;background:#34d3991a}.tdf-inactive{color:var(--demo-text-muted, #71717a);background:#71717a1a}.tdf-pending{color:#fbbf24;background:#fbbf241a}@media(max-width:500px){.tw-dash-full-sidebar{display:none}.tdf-hamburger{display:flex}.tdf-stats{grid-template-columns:1fr}.tw-dash-full-sidebar.mobile-open{display:flex;position:absolute;left:0;top:0;bottom:0;z-index:10}}@media(prefers-reduced-motion:reduce){.tw-dash-full-wrapper *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dcp-wrapper{border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.625rem;overflow:hidden;margin:.75rem 0 1.5rem;background:var(--demo-bg, #0c0c0f)}.dcp-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--demo-text-faint, #52525b);padding:.5rem .75rem;border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08));background:var(--demo-bg-surface, rgba(255,255,255,.02))}.dcp-preview{padding:1.25rem}.dcp-sidebar-layout{display:flex;align-items:stretch;gap:0;height:120px}.dcp-sidebar-panel{width:100px;background:#111827;border-radius:.375rem;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;position:relative;flex-shrink:0}.dcp-sidebar-brand{display:flex;align-items:center;gap:.375rem;padding-bottom:.375rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.25rem}.dcp-sidebar-logo{width:14px;height:14px;border-radius:.25rem;background:#06b6d4}.dcp-sidebar-brand-text{font-size:.625rem;font-weight:700;color:var(--demo-text, #fafafa)}.dcp-sidebar-nav{display:flex;flex-direction:column;gap:.125rem;flex:1}.dcp-sidebar-item{font-size:.5rem;padding:.1875rem .375rem;border-radius:.25rem;color:#6b7280}.dcp-sidebar-active{background:#ffffff14;color:var(--demo-text, #fafafa);font-weight:600}.dcp-sidebar-tag{font-size:.5rem;font-family:Geist Mono,monospace;color:#06b6d4;text-align:center;background:#06b6d414;padding:.125rem .25rem;border-radius:.1875rem}.dcp-sidebar-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .5rem;gap:.25rem;flex-shrink:0}.dcp-sidebar-arrow-line{width:1px;height:20px;background:#06b6d4;opacity:.4}.dcp-sidebar-arrow-text{font-size:.5rem;font-family:Geist Mono,monospace;color:#06b6d4;white-space:nowrap}.dcp-sidebar-main{flex:1;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:.375rem;padding:.5rem;display:flex;flex-direction:column;position:relative}.dcp-sidebar-main-header{height:12px;background:#ffffff0a;border-radius:.1875rem;margin-bottom:.5rem}.dcp-sidebar-main-content{flex:1;display:flex;flex-direction:column;gap:.375rem}.dcp-sidebar-main-block{height:20px;background:#ffffff08;border-radius:.25rem;border:1px solid rgba(255,255,255,.04)}.dcp-sidebar-main-block-sm{height:14px;width:60%}.dcp-sidebar-main-tag{font-size:.5rem;font-family:Geist Mono,monospace;color:#06b6d4;text-align:center;background:#06b6d414;padding:.125rem .25rem;border-radius:.1875rem;margin-top:auto}.dcp-drawer-container{display:flex;align-items:center;gap:.75rem;justify-content:center}.dcp-drawer-phone{width:90px;height:120px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;overflow:hidden;flex-shrink:0}.dcp-drawer-phone-header{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.dcp-drawer-hamburger{display:flex;flex-direction:column;gap:2px;cursor:pointer}.dcp-drawer-hamburger span{display:block;width:10px;height:1.5px;background:#06b6d4;border-radius:1px}.dcp-drawer-phone-title{font-size:.5rem;font-weight:600;color:var(--demo-text-secondary, #a1a1aa)}.dcp-drawer-phone-body{padding:.375rem;display:flex;flex-direction:column;gap:.25rem}.dcp-drawer-phone-block{height:16px;background:#ffffff08;border-radius:.1875rem}.dcp-drawer-phone-block-sm{height:10px;width:60%}.dcp-drawer-arrow-icon{font-size:1rem;color:#06b6d4;opacity:.6;flex-shrink:0}.dcp-drawer-open{width:140px;height:120px;position:relative;border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.dcp-drawer-backdrop{position:absolute;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:flex-end;padding:.25rem}.dcp-drawer-backdrop-tag{font-size:.4375rem;font-family:Geist Mono,monospace;color:var(--demo-text-faint, #52525b)}.dcp-drawer-panel{position:absolute;top:0;left:0;bottom:0;width:75px;background:#111827;padding:.375rem;display:flex;flex-direction:column;gap:.25rem;animation:dcp-slideIn 1.5s ease-out infinite}@keyframes dcp-slideIn{0%,to{transform:translate(-100%);opacity:0}20%,80%{transform:translate(0);opacity:1}}.dcp-drawer-panel-brand{display:flex;align-items:center;gap:.25rem;font-size:.5rem;font-weight:700;color:var(--demo-text, #fafafa);padding-bottom:.25rem;border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08))}.dcp-drawer-panel-logo{width:10px;height:10px;background:#06b6d4;border-radius:.1875rem}.dcp-drawer-panel-nav{display:flex;flex-direction:column;gap:.0625rem;flex:1}.dcp-drawer-panel-item{font-size:.4375rem;padding:.125rem .25rem;border-radius:.1875rem;color:#6b7280}.dcp-drawer-panel-active{background:#ffffff14;color:var(--demo-text, #fafafa);font-weight:600}.dcp-drawer-panel-tag{font-size:.4375rem;font-family:Geist Mono,monospace;color:#06b6d4;text-align:center;background:#06b6d414;padding:.0625rem .1875rem;border-radius:.125rem;margin-top:auto}.dcp-table-split{display:flex;gap:0;align-items:stretch}.dcp-table-side{flex:1;min-width:0}.dcp-table-divider{width:1px;background:#ffffff14;margin:0 .75rem;flex-shrink:0}.dcp-table-side-label{font-size:.5rem;font-family:Geist Mono,monospace;color:#06b6d4;margin-bottom:.5rem;text-align:center;background:#06b6d414;padding:.125rem .375rem;border-radius:.1875rem}.dcp-table-mini{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;overflow:hidden}.dcp-table-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem .375rem;font-size:.5rem;color:var(--demo-text-secondary, #a1a1aa);border-bottom:1px solid rgba(255,255,255,.04)}.dcp-table-row:last-child{border-bottom:none}.dcp-table-header{background:#ffffff08;font-weight:700;font-size:.4375rem;text-transform:uppercase;color:var(--demo-text-faint, #52525b);letter-spacing:.05em}.dcp-table-row span{flex:1}.dcp-table-name{display:flex;align-items:center;gap:.25rem}.dcp-avatar{width:14px;height:14px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.375rem;font-weight:700;flex-shrink:0}.dcp-avatar-blue{background:#3b82f633;color:#60a5fa}.dcp-avatar-purple{background:#a855f733;color:#c084fc}.dcp-avatar-amber{background:#f59e0b33;color:#fbbf24}.dcp-badge{font-size:.4375rem;font-weight:600;padding:.0625rem .25rem;border-radius:9999px;text-align:center;display:inline-block}.dcp-badge-green{background:#22c55e1a;color:#4ade80}.dcp-badge-red{background:#ef44441a;color:#f87171}.dcp-table-cards-stack{display:flex;flex-direction:column;gap:.25rem}.dcp-table-card{display:flex;align-items:center;justify-content:space-between;padding:.3125rem .375rem;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;background:#ffffff05}.dcp-table-card-left{display:flex;align-items:center;gap:.25rem}.dcp-table-card-name{font-size:.5rem;font-weight:600;color:var(--demo-text, #fafafa)}.dcp-table-card-role{font-size:.4375rem;color:var(--demo-text-faint, #52525b)}.dcp-modal-layers{display:flex;gap:.625rem;align-items:flex-end;justify-content:center;height:120px;padding-bottom:.25rem}.dcp-modal-layer{border-radius:.375rem;display:flex;flex-direction:column;align-items:center;position:relative}.dcp-modal-layer-page{width:100px;height:80px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.5rem;opacity:.5}.dcp-modal-layer-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.dcp-modal-page-line{height:6px;background:#ffffff0f;border-radius:.125rem}.dcp-modal-page-line-short{width:60%}.dcp-modal-layer-tag{font-size:.4375rem;font-family:Geist Mono,monospace;color:var(--demo-text-faint, #52525b);text-align:center;margin-top:.375rem;white-space:nowrap}.dcp-modal-layer-backdrop{width:100px;height:80px;background:#00000080;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.dcp-modal-layer-backdrop .dcp-modal-layer-tag{color:var(--demo-text-faint, #52525b);margin-top:0}.dcp-modal-layer-panel{width:110px;display:flex;flex-direction:column;align-items:center}.dcp-modal-panel-inner{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;overflow:hidden}.dcp-modal-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;border-bottom:1px solid rgba(255,255,255,.06)}.dcp-modal-panel-title{font-size:.5625rem;font-weight:700;color:var(--demo-text, #fafafa)}.dcp-modal-panel-close{font-size:.5rem;color:var(--demo-text-faint, #52525b);cursor:pointer}.dcp-modal-panel-body{padding:.375rem .5rem;display:flex;flex-direction:column;gap:.25rem}.dcp-modal-panel-line{height:5px;background:#ffffff0f;border-radius:.125rem}.dcp-modal-panel-line-short{width:50%}.dcp-modal-panel-footer{display:flex;justify-content:flex-end;gap:.25rem;padding:.3125rem .5rem;border-top:1px solid rgba(255,255,255,.06)}.dcp-modal-btn-ghost{font-size:.4375rem;font-weight:600;color:var(--demo-text-secondary, #a1a1aa);padding:.125rem .375rem;border-radius:.1875rem;background:#ffffff0a}.dcp-modal-btn-primary{font-size:.4375rem;font-weight:600;color:#fff;padding:.125rem .375rem;border-radius:.1875rem;background:#06b6d4}.dcp-stats-rows{display:flex;flex-direction:column;gap:.625rem}.dcp-stats-row{display:flex;align-items:center;gap:.625rem}.dcp-stats-row-label{font-size:.5rem;font-family:Geist Mono,monospace;color:#06b6d4;width:80px;text-align:right;flex-shrink:0;background:#06b6d414;padding:.125rem .375rem;border-radius:.1875rem}.dcp-stats-grid{display:flex;gap:.375rem;flex:1}.dcp-stats-col1 .dcp-stats-card,.dcp-stats-col2 .dcp-stats-card,.dcp-stats-col4 .dcp-stats-card{flex:1}.dcp-stats-card{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;font-size:.5rem;color:var(--demo-text-secondary, #a1a1aa);font-weight:600}.dcp-stats-icon{width:14px;height:14px;border-radius:.25rem;flex-shrink:0}.dcp-stats-icon-cyan{background:#06b6d433}.dcp-stats-icon-green{background:#22c55e33}.dcp-stats-icon-purple{background:#a855f733}.dcp-stats-icon-amber{background:#f59e0b33}.dcp-patterns-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media(max-width:500px){.dcp-patterns-grid{grid-template-columns:1fr}}.dcp-patterns-group{display:flex;flex-direction:column;gap:.5rem}.dcp-patterns-group-label{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--demo-text-faint, #52525b)}.dcp-patterns-row{display:flex;flex-wrap:wrap;gap:.375rem}.dcp-pat-btn{font-size:.5625rem;font-weight:600;padding:.25rem .625rem;border-radius:.3125rem;cursor:default}.dcp-pat-btn-primary{background:#06b6d4;color:#fff}.dcp-pat-btn-secondary{background:transparent;border:1px solid rgba(6,182,212,.4);color:#06b6d4}.dcp-pat-btn-ghost{background:transparent;color:var(--demo-text-secondary, #a1a1aa)}.dcp-pat-btn-ghost:hover{background:#ffffff0a}.dcp-pat-badge{font-size:.5rem;font-weight:600;padding:.125rem .4375rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.25rem}.dcp-pat-badge-green{background:#22c55e1a;color:#4ade80}.dcp-pat-badge-amber{background:#f59e0b1a;color:#fbbf24}.dcp-pat-badge-gray{background:#a1a1aa1a;color:#a1a1aa}.dcp-pat-dot{width:5px;height:5px;border-radius:9999px;display:inline-block}.dcp-pat-dot-green{background:#4ade80}.dcp-pat-dot-amber{background:#fbbf24}.dcp-pat-dot-gray{background:#a1a1aa}.dcp-pat-card{padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;background:#ffffff05}.dcp-pat-card-title{font-size:.625rem;font-weight:700;color:var(--demo-text, #fafafa);margin-bottom:.1875rem}.dcp-pat-card-text{font-size:.5rem;font-family:Geist Mono,monospace;color:var(--demo-text-faint, #52525b)}@media(prefers-reduced-motion:reduce){.dcp-wrapper *{animation-duration:.01ms!important;transition-duration:.01ms!important}}