@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@theme{--color-bg-dark: #0a0a0a; --color-card-dark: #121212; --color-border-dark: #262626; --color-accent-orange: #f27d26; --color-accent-orange-hover: #d97706;}body{color:#fff;box-sizing:border-box;background-color:#0a0a0a;margin:0;padding:0;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#262626;border-radius:3px}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.page{display:none}.page.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ext-dot{background:#d1d5db;border-radius:50%;width:8px;height:8px;transition:all .3s}.ext-dot.connected{background:#10b981;box-shadow:0 0 6px #10b9814d}.toast-container{z-index:99999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:12px;min-width:280px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s toastIn;box-shadow:0 10px 25px #00000080}.toast-success{color:#fff;background:#15803d;border:1px solid #166534}.toast-error{color:#fff;background:#b91c1c;border:1px solid #991b1b}.toast-info{color:#fff;background:#f27d26;border:1px solid #d97706}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.input{color:#fff;background:#0a0a0a80;border:1px solid #262626;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.input:focus{border-color:#f27d26;box-shadow:0 0 0 2px #f27d2633}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}textarea.input{resize:vertical;min-height:80px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#f27d26;font-size:13px;font-weight:700}.btn-primary:hover{background:#d97706;box-shadow:0 4px 12px #f27d2633}.btn-danger{color:#fff;background:#ef4444}.btn-ghost{color:#9ca3af;background:0 0;border:1px solid #262626}.btn-ghost:hover{color:#fff;background:#ffffff0d}.btn-sm{padding:6px 14px;font-size:13px}.empty-state{text-align:center;color:#6b7280;border:1px dashed #262626;border-radius:12px;padding:40px;font-size:14px}.card{background:#121212;border:1px solid #262626;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000001a}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.user-chip{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.user-avatar{object-fit:cover;border:1px solid #262626;border-radius:50%;width:36px;height:36px}input,textarea,select,button,.input,#cpLog,#mpLog{font-family:Inter,sans-serif!important}