.main-wrapper[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:60px;background-color:#f8f9fc;min-height:80vh}.animated-entry[data-v-d4dbd62a]{-webkit-animation:fadeUp-d4dbd62a .5s ease-out forwards;animation:fadeUp-d4dbd62a .5s ease-out forwards}@-webkit-keyframes fadeUp-d4dbd62a{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp-d4dbd62a{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.dashboard-card[data-v-d4dbd62a]{background:#fff;width:750px;border-radius:12px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.06);border:1px solid #eef0f5;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.card-header-row[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-bottom:1px solid #f0f0f0;padding-bottom:20px}.card-title[data-v-d4dbd62a]{margin:0;font-size:20px;font-weight:700;color:#1a1a2e}.card-subtitle[data-v-d4dbd62a]{margin:5px 0 0 0;font-size:14px;color:#6c757d}.status-badge[data-v-d4dbd62a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active[data-v-d4dbd62a]{background-color:#e6fcf5;color:#0ca678}.dot[data-v-d4dbd62a]{width:8px;height:8px;background-color:#0ca678;border-radius:50%;display:inline-block}.card-content-row[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.preview-mockup[data-v-d4dbd62a]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:350px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.preview-mockup[data-v-d4dbd62a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.08)}.mockup-browser-bar[data-v-d4dbd62a]{background:#f1f3f4;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding-left:10px;border-bottom:1px solid #e0e0e0}.browser-dot[data-v-d4dbd62a]{width:8px;height:8px;border-radius:50%}.red[data-v-d4dbd62a]{background:#ff5f56}.yellow[data-v-d4dbd62a]{background:#ffbd2e}.green[data-v-d4dbd62a]{background:#27c93f}.mockup-viewport[data-v-d4dbd62a]{background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mockup-banner[data-v-d4dbd62a]{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px}.mockup-banner-text[data-v-d4dbd62a]{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mockup-body[data-v-d4dbd62a]{padding:15px;gap:10px}.mockup-body[data-v-d4dbd62a],.skeleton-field[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skeleton-field[data-v-d4dbd62a]{gap:4px}.skeleton-label[data-v-d4dbd62a]{height:6px;background:#e0e0e0;width:30%;border-radius:2px}.skeleton-input[data-v-d4dbd62a]{height:18px;background:#f5f5f5;border:1px solid #eee;border-radius:3px;width:100%}.skeleton-btn[data-v-d4dbd62a]{height:24px;background:#2a2a72;opacity:.8;width:100px;border-radius:4px;margin-top:5px}.info-side[data-v-d4dbd62a]{-webkit-box-flex:0.8;-ms-flex:0.8;flex:0.8;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.info-side[data-v-d4dbd62a],.stats-grid[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.stats-grid[data-v-d4dbd62a]{flex-direction:column;gap:15px}.stat-item[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px dashed #e0e0e0;padding-bottom:8px;font-size:14px}.stat-item label[data-v-d4dbd62a]{color:#666}.stat-item strong[data-v-d4dbd62a]{color:#333}.action-buttons[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.btn-primary[data-v-d4dbd62a]{background:#2a2a72;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:background .2s;transition:background .2s}.btn-primary[data-v-d4dbd62a]:hover{background:#1e1e55}.btn-secondary[data-v-d4dbd62a]{background:#fff;border:1px solid #d1d5db;color:#374151;padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:all .2s;transition:all .2s}.btn-secondary[data-v-d4dbd62a]:hover{background:#f9fafb;border-color:#9ca3af}.empty-state-card[data-v-d4dbd62a]{background:#fff;width:500px;padding:50px;text-align:center;border-radius:12px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.06);border:1px solid #eef0f5;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.empty-state-card[data-v-d4dbd62a],.icon-circle[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon-circle[data-v-d4dbd62a]{width:70px;height:70px;background:#f0f2f5;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.icon-circle i[data-v-d4dbd62a]{font-size:28px;color:#a0a0a0}.empty-state-card h3[data-v-d4dbd62a]{margin:0;font-size:20px;color:#333}.empty-state-card p[data-v-d4dbd62a]{margin:0;color:#666;font-size:14px;max-width:300px;line-height:1.5}.loading-state[data-v-d4dbd62a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;color:#666}.spinner[data-v-d4dbd62a]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2a2a72;border-radius:50%;-webkit-animation:spin-d4dbd62a 1s linear infinite;animation:spin-d4dbd62a 1s linear infinite}@-webkit-keyframes spin-d4dbd62a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-d4dbd62a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}