.header[data-v-b9b860f0]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem 0}.header-content[data-v-b9b860f0]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-b9b860f0]{display:flex;align-items:center;gap:1rem}.logo-section[data-v-b9b860f0]{display:flex;flex-direction:column}.mobile-menu-btn[data-v-b9b860f0]{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.mobile-menu-btn[data-v-b9b860f0]:hover{background:rgba(255,255,255,.2)}.logo[data-v-b9b860f0]{margin:0;font-size:2rem;font-weight:700;cursor:pointer;transition:opacity .3s ease}.logo[data-v-b9b860f0]:hover{opacity:.8}.tagline[data-v-b9b860f0]{margin:.5rem 0 0;font-size:1rem;opacity:.9}.header-right[data-v-b9b860f0]{display:flex;align-items:center}.auth-controls[data-v-b9b860f0],.user-controls[data-v-b9b860f0],.simple-nav[data-v-b9b860f0]{display:flex;align-items:center;gap:1rem}.auth-btn[data-v-b9b860f0],.nav-btn[data-v-b9b860f0],.logout-btn[data-v-b9b860f0]{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.auth-btn[data-v-b9b860f0],.nav-btn[data-v-b9b860f0]{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3)}.auth-btn[data-v-b9b860f0]:hover,.nav-btn[data-v-b9b860f0]:hover{background:rgba(255,255,255,.3)}.logout-btn[data-v-b9b860f0]{background:#dc3545;color:#fff}.logout-btn[data-v-b9b860f0]:hover{background:#c82333}.user-email[data-v-b9b860f0]{color:#ffffffe6;font-size:.9rem}@media (max-width: 768px){.mobile-menu-btn[data-v-b9b860f0]{display:block}.header-content[data-v-b9b860f0]{flex-direction:column;gap:1rem;text-align:center}.user-controls[data-v-b9b860f0]{flex-wrap:wrap;justify-content:center}}.footer[data-v-70328afb]{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-content[data-v-70328afb]{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3[data-v-70328afb]{margin-bottom:1rem;color:#667eea;font-size:1.5rem}.footer-section h4[data-v-70328afb]{margin-bottom:1rem;color:#7fb3d3;font-size:1.1rem}.footer-section p[data-v-70328afb]{margin-bottom:.5rem;color:#bdc3c7;line-height:1.6}.footer-bottom[data-v-70328afb]{max-width:1200px;margin:2rem auto 0;padding:1rem 2rem 0;border-top:1px solid #34495e;text-align:center;color:#95a5a6}@media (max-width: 768px){.footer-content[data-v-70328afb]{grid-template-columns:1fr;text-align:center}}.sidebar[data-v-e03a131c]{width:280px;background:#2c3e50;color:#fff;height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:all .3s ease;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar.collapsed[data-v-e03a131c]{width:60px}.sidebar-header[data-v-e03a131c]{padding:1rem;border-bottom:1px solid #34495e;display:flex;justify-content:flex-end}.collapse-btn[data-v-e03a131c]{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease;font-size:1.2rem}.collapse-btn[data-v-e03a131c]:hover{background:#34495e}.sidebar-nav[data-v-e03a131c]{padding:1rem 0}.nav-item[data-v-e03a131c]{display:flex;align-items:center;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s ease;gap:1rem}.nav-item[data-v-e03a131c]:hover{background:#34495e;color:#fff}.nav-item.active[data-v-e03a131c]{background:#3498db;color:#fff}.nav-icon[data-v-e03a131c]{font-size:1.2rem;min-width:24px}.nav-text[data-v-e03a131c]{opacity:1;transition:opacity .3s ease}.collapsed .nav-text[data-v-e03a131c]{opacity:0;width:0;overflow:hidden}.collapsed .nav-item[data-v-e03a131c]{justify-content:center;padding:1rem .5rem}@media (max-width: 768px){.sidebar[data-v-e03a131c]{transform:translate(-100%);width:100%;max-width:300px}.sidebar.mobile-open[data-v-e03a131c]{transform:translate(0)}.mobile-overlay[data-v-e03a131c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;transition:margin-left .3s ease}.app-main.with-sidebar{margin-left:280px}@media (max-width: 768px){.app-main.with-sidebar{margin-left:0}}button,input{font-family:inherit}.port-scanner[data-v-0ebd02dc]{max-width:1000px;margin:0 auto}.scan-form[data-v-0ebd02dc]{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.scan-form h2[data-v-0ebd02dc]{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.form-group[data-v-0ebd02dc]{margin-bottom:1.5rem}.form-group label[data-v-0ebd02dc]{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[data-v-0ebd02dc]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.port-range[data-v-0ebd02dc]{display:flex;align-items:center;gap:.5rem}.port-range input[data-v-0ebd02dc]{flex:1}.port-range span[data-v-0ebd02dc]{color:#666;font-weight:500}.preset-buttons[data-v-0ebd02dc]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.preset-btn[data-v-0ebd02dc]{padding:.5rem 1rem;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.preset-btn[data-v-0ebd02dc]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.preset-btn[data-v-0ebd02dc]:disabled{opacity:.6;cursor:not-allowed}.preset-btn.active[data-v-0ebd02dc]{background:#667eea;color:#fff;border-color:#667eea}.preset-btn.active[data-v-0ebd02dc]:hover{background:#5a6fd8;border-color:#5a6fd8}.locked[data-v-0ebd02dc]{opacity:.6;background:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important;cursor:not-allowed;position:relative}.locked[data-v-0ebd02dc]:hover{background:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important}.lock-icon[data-v-0ebd02dc]{margin-right:.5rem;font-size:.9rem}.scan-btn[data-v-0ebd02dc]{width:100%;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.scan-btn[data-v-0ebd02dc]:hover:not(:disabled){background:#5a6fd8}.scan-btn[data-v-0ebd02dc]:disabled{background:#ccc;cursor:not-allowed}.modal-overlay[data-v-0ebd02dc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-0ebd02dc]{background:white;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header[data-v-0ebd02dc]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e1e5e9}.modal-header h3[data-v-0ebd02dc]{margin:0;color:#333;font-size:1.2rem}.modal-close[data-v-0ebd02dc]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.modal-close[data-v-0ebd02dc]:hover{background:#f8f9fa}.modal-body[data-v-0ebd02dc]{padding:1.5rem}.modal-body p[data-v-0ebd02dc]{margin-bottom:1rem;color:#555;line-height:1.5}.modal-body p[data-v-0ebd02dc]:last-child{margin-bottom:0}.modal-footer[data-v-0ebd02dc]{display:flex;gap:1rem;justify-content:flex-end;padding:0 1.5rem 1.5rem}.btn-primary[data-v-0ebd02dc]{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.btn-primary[data-v-0ebd02dc]:hover{background:#5a6fd8}.btn-secondary[data-v-0ebd02dc]{padding:.75rem 1.5rem;background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary[data-v-0ebd02dc]:hover{background:#e9ecef}.scan-results[data-v-0ebd02dc]{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.scan-results h3[data-v-0ebd02dc]{color:#28a745;margin-bottom:1.5rem;font-size:1.3rem}.results-info[data-v-0ebd02dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.results-info p[data-v-0ebd02dc]{margin:0;color:#555}.open-ports h4[data-v-0ebd02dc]{color:#333;margin-bottom:1rem;font-size:1.1rem}.ports-list[data-v-0ebd02dc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.port-item[data-v-0ebd02dc]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#e3f2fd;border-radius:6px;border-left:4px solid #2196f3}.port-number[data-v-0ebd02dc]{font-weight:700;color:#1976d2}.port-service[data-v-0ebd02dc]{font-size:.9rem;color:#666}.no-ports[data-v-0ebd02dc]{text-align:center;padding:2rem;color:#666;background:#f8f9fa;border-radius:8px}.scan-error[data-v-0ebd02dc]{background:#fff5f5;border:1px solid #fed7d7;padding:2rem;border-radius:12px;margin-bottom:2rem}.scan-error h3[data-v-0ebd02dc]{color:#e53e3e;margin-bottom:1rem;font-size:1.3rem}.scan-error p[data-v-0ebd02dc]{color:#c53030;margin:0}.main-page[data-v-8a8db1d8]{max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:calc(100vh - 200px)}@media (min-width: 769px){.main-page[data-v-8a8db1d8]{padding-left:2rem;padding-right:2rem}}.welcome-section[data-v-8a8db1d8]{text-align:center;margin-bottom:3rem}.welcome-section h2[data-v-8a8db1d8]{color:#333;margin-bottom:1rem;font-size:2rem}.welcome-section p[data-v-8a8db1d8]{color:#666;font-size:1.1rem}.scanner-container[data-v-8a8db1d8]{margin-top:2rem}@media (max-width: 768px){.main-page[data-v-8a8db1d8]{padding:1rem}}.home-page[data-v-2e5d0f18]{padding:2rem 0}.welcome-section[data-v-2e5d0f18]{text-align:center;margin-bottom:3rem}.welcome-section h2[data-v-2e5d0f18]{color:#333;margin-bottom:1rem;font-size:2rem}.welcome-section p[data-v-2e5d0f18]{color:#666;font-size:1.1rem}.scanner-container[data-v-2e5d0f18]{margin-top:2rem}.auth-page[data-v-5110805d]{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:calc(100vh - 200px)}.auth-container[data-v-5110805d]{width:100%}.auth-card[data-v-5110805d]{background:white;padding:3rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:500px;min-width:400px;margin:0 auto}.auth-card h2[data-v-5110805d]{text-align:center;margin-bottom:2.5rem;color:#333;font-weight:600;font-size:2rem}.form-group[data-v-5110805d]{margin-bottom:1.5rem}.form-group label[data-v-5110805d]{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[data-v-5110805d]{width:100%;padding:1rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1.1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-5110805d]:focus{outline:none;border-color:#667eea}.btn-primary[data-v-5110805d]{width:100%;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-primary[data-v-5110805d]:hover:not(:disabled){background:#5a6fd8}.btn-primary[data-v-5110805d]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-5110805d]{padding:.75rem 1rem;background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-5110805d]:hover:not(:disabled){background:#e9ecef}.code-info[data-v-5110805d]{text-align:center;margin-bottom:1.5rem;color:#666}.code-actions[data-v-5110805d]{display:flex;gap:1rem}.code-actions .btn-primary[data-v-5110805d]{flex:1}.error-message[data-v-5110805d]{margin-top:1rem;padding:.75rem;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;text-align:center}.auth-footer[data-v-5110805d]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e1e5e9;text-align:center}.auth-footer p[data-v-5110805d]{margin-bottom:1rem;color:#666;font-size:.9rem}.auth-footer .btn-secondary[data-v-5110805d]{width:100%}@media (max-width: 768px){.auth-page[data-v-5110805d]{padding:2rem 1rem}.auth-card[data-v-5110805d]{min-width:auto;padding:2rem}}.scanner-page[data-v-bc50e812]{width:100%;max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:calc(100vh - 200px)}@media (min-width: 769px){.scanner-page[data-v-bc50e812]{padding-left:2rem;padding-right:2rem}}@media (max-width: 768px){.scanner-page[data-v-bc50e812]{padding:1rem}}.history-page[data-v-677237ff]{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;background:#f8f9fa;min-height:calc(100vh - 200px)}@media (min-width: 769px){.history-page[data-v-677237ff]{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 768px){.history-page[data-v-677237ff]{padding:1rem}.history-header[data-v-677237ff]{flex-direction:column;gap:1rem}.stats[data-v-677237ff]{justify-content:center;flex-wrap:wrap}.filter-group[data-v-677237ff]{min-width:100%}.filters-header[data-v-677237ff]{flex-direction:column;gap:.5rem;align-items:stretch}.filter-tags[data-v-677237ff]{justify-content:center}}.history-header[data-v-677237ff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.history-header h2[data-v-677237ff]{margin:0;color:#333}.stats[data-v-677237ff]{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.filters-section[data-v-677237ff]{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}.filters-header[data-v-677237ff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.filters-header h3[data-v-677237ff]{margin:0;color:#333;font-size:1.1rem}.clear-filters-btn[data-v-677237ff]{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.clear-filters-btn[data-v-677237ff]:hover{background:#c82333}.filters-controls[data-v-677237ff]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.filter-group[data-v-677237ff]{display:flex;flex-direction:column;gap:.5rem;min-width:250px}.filter-group label[data-v-677237ff]{font-weight:500;color:#555;font-size:.9rem}.filter-input-group[data-v-677237ff]{display:flex;gap:.5rem}.filter-input-group input[data-v-677237ff]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.filter-input-group input[data-v-677237ff]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.apply-filter-btn[data-v-677237ff]{padding:.5rem .75rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.apply-filter-btn[data-v-677237ff]:hover{background:#5a6fd8}.active-filters[data-v-677237ff]{border-top:1px solid #e9ecef;padding-top:.75rem}.active-filters-label[data-v-677237ff]{font-weight:500;color:#666;font-size:.9rem;margin-right:1rem}.filter-tags[data-v-677237ff]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-tag[data-v-677237ff]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.9rem;border:1px solid #bbdefb}.remove-filter[data-v-677237ff]{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.remove-filter[data-v-677237ff]:hover{background:rgba(25,118,210,.1)}.stat-item[data-v-677237ff]{display:flex;flex-direction:column;align-items:center}.stat-label[data-v-677237ff]{font-size:.9rem;color:#666;margin-bottom:.25rem}.stat-value[data-v-677237ff]{font-size:1.5rem;font-weight:600;color:#333}.stat-value.success[data-v-677237ff]{color:#28a745}.stat-value.error[data-v-677237ff]{color:#dc3545}.stat-compact[data-v-677237ff]{font-size:.9rem;color:#666}.stat-compact strong[data-v-677237ff]{color:#333;margin-left:.25rem}.stat-compact.success strong[data-v-677237ff]{color:#28a745}.stat-compact.error strong[data-v-677237ff]{color:#dc3545}.loading[data-v-677237ff],.error[data-v-677237ff],.empty-state[data-v-677237ff]{text-align:center;padding:3rem;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.spinner[data-v-677237ff]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-677237ff 1s linear infinite;margin:0 auto 1rem}@keyframes spin-677237ff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-677237ff]{color:#dc3545}.retry-btn[data-v-677237ff],.scan-btn[data-v-677237ff]{margin-top:1rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.retry-btn[data-v-677237ff]:hover,.scan-btn[data-v-677237ff]:hover{background:#5a6fd8}.history-list[data-v-677237ff]{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.pagination-controls[data-v-677237ff]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.pagination-controls[data-v-677237ff]:last-child{border-bottom:none;border-top:1px solid #e9ecef}.pagination-btn[data-v-677237ff]{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.pagination-btn[data-v-677237ff]:hover:not(:disabled){background:#5a6fd8}.pagination-btn[data-v-677237ff]:disabled{background:#ccc;cursor:not-allowed}.page-info[data-v-677237ff]{color:#666;font-size:.9rem}.scan-items[data-v-677237ff]{padding:.75rem}.scan-item[data-v-677237ff]{padding:1rem;border:1px solid #e9ecef;border-radius:8px;margin-bottom:.75rem;transition:box-shadow .3s ease}.scan-item[data-v-677237ff]:hover{box-shadow:0 4px 8px #0000001a}.scan-item.success[data-v-677237ff]{border-left:4px solid #28a745}.scan-item.error[data-v-677237ff]{border-left:4px solid #dc3545}.scan-header[data-v-677237ff]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.scan-target[data-v-677237ff]{display:flex;flex-direction:column;gap:.25rem}.scan-target strong[data-v-677237ff]{font-size:1.1rem;color:#333}.port-range[data-v-677237ff]{font-size:.9rem;color:#666}.status-badge[data-v-677237ff]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-badge.success[data-v-677237ff]{background:#d4edda;color:#155724}.status-badge.error[data-v-677237ff]{background:#f8d7da;color:#721c24}.scan-details[data-v-677237ff]{display:flex;flex-direction:column;gap:.25rem}.detail-row[data-v-677237ff]{display:flex;gap:.5rem}.detail-label[data-v-677237ff]{font-weight:500;color:#666;min-width:100px}.detail-value[data-v-677237ff]{color:#333}.error-text[data-v-677237ff]{color:#dc3545;font-style:italic}.tasks-page[data-v-be0bfb65]{padding:20px;max-width:1200px;margin:0 auto}.tasks-header[data-v-be0bfb65]{text-align:center;margin-bottom:30px}.tasks-header h1[data-v-be0bfb65]{margin:0 0 10px;color:#333}.subtitle[data-v-be0bfb65]{color:#666;margin-bottom:20px}.tasks-list[data-v-be0bfb65]{display:grid;gap:20px}.task-card[data-v-be0bfb65]{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.task-card[data-v-be0bfb65]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.task-info[data-v-be0bfb65]{flex:1;display:flex;gap:20px}.task-main h3[data-v-be0bfb65]{margin:0 0 8px;color:#333;font-size:1.2em}.task-main p[data-v-be0bfb65]{margin:4px 0;color:#666;font-size:.9em}.task-meta[data-v-be0bfb65]{min-width:200px}.task-meta p[data-v-be0bfb65]{margin:4px 0;font-size:.85em;color:#888}.status[data-v-be0bfb65]{font-weight:700;padding:4px 8px;border-radius:4px;display:inline-block}.status.active[data-v-be0bfb65]{background:#e8f5e8;color:#2d5a2d}.status[data-v-be0bfb65]:not(.active){background:#f5e8e8;color:#5a2d2d}.task-actions[data-v-be0bfb65]{display:flex;gap:10px;flex-direction:column}.btn-toggle[data-v-be0bfb65]{padding:8px 16px;border:2px solid #ddd;background:white;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9em}.btn-toggle.active[data-v-be0bfb65]{background:#4CAF50;color:#fff;border-color:#4caf50}.btn-edit[data-v-be0bfb65]{padding:8px 16px;background:#2196F3;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9em}.btn-edit[data-v-be0bfb65]:hover{background:#1976D2}.btn-delete[data-v-be0bfb65]{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9em}.btn-delete[data-v-be0bfb65]:hover{background:#d32f2f}.empty-state[data-v-be0bfb65]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-be0bfb65]{font-size:4em;margin-bottom:20px}.empty-state h3[data-v-be0bfb65]{margin:0 0 10px;color:#333}.btn-primary[data-v-be0bfb65]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1em;transition:all .3s ease}.btn-primary[data-v-be0bfb65]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-be0bfb65]:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay[data-v-be0bfb65]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-be0bfb65]{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-be0bfb65]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-be0bfb65]{margin:0;color:#333}.close-btn[data-v-be0bfb65]{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-form[data-v-be0bfb65]{padding:20px}.form-group[data-v-be0bfb65]{margin-bottom:20px}.form-group label[data-v-be0bfb65]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-be0bfb65],.form-group select[data-v-be0bfb65]{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s ease}.form-group input[data-v-be0bfb65]:focus,.form-group select[data-v-be0bfb65]:focus{outline:none;border-color:#667eea}.form-row[data-v-be0bfb65]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-label[data-v-be0bfb65]{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[data-v-be0bfb65]{width:auto!important}.modal-actions[data-v-be0bfb65]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-secondary[data-v-be0bfb65]{background:#f5f5f5;color:#333;border:2px solid #ddd;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-be0bfb65]:hover{background:#e5e5e5}.notification[data-v-be0bfb65]{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1001;animation:slideIn-be0bfb65 .3s ease}.notification.success[data-v-be0bfb65]{background:#4CAF50}.notification.error[data-v-be0bfb65]{background:#f44336}.notification.info[data-v-be0bfb65]{background:#2196F3}@keyframes slideIn-be0bfb65{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.task-card[data-v-be0bfb65]{flex-direction:column;gap:15px}.task-info[data-v-be0bfb65]{flex-direction:column;gap:10px}.task-actions[data-v-be0bfb65]{flex-direction:row;width:100%;justify-content:space-between}.form-row[data-v-be0bfb65]{grid-template-columns:1fr}}