@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Share+Tech&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#f1f5f9;color:#0f172a;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000f}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;box-sizing:border-box}.logo{display:flex;align-items:center;gap:12px}.logo-icon{height:36px;display:flex;align-items:center}.logo-icon img{height:36px;width:auto}.logo h1{font-size:15px;font-weight:600;color:#1e293b;line-height:1.2}.logo-sub{font-size:10px;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.usage-badge{display:flex;align-items:center;gap:4px;padding:5px 13px;border:1px solid;border-radius:20px;font-size:12px;font-weight:500;background:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.user-name{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.user-email{font-size:11px;color:#94a3b8}.btn-logout{background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap;font-family:inherit}.btn-logout:hover{border-color:#fca5a5;color:#ef4444;background:#fef2f2}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:52px 2rem;box-sizing:border-box}.upload-wrapper{display:flex;flex-direction:column;align-items:center;gap:28px}.upload-title{text-align:center}.upload-title h2{font-size:32px;font-weight:800;margin-bottom:10px;color:#0f172a;letter-spacing:-.02em}.upload-title p{color:#64748b;font-size:14px;max-width:480px;line-height:1.75}.drop-zone{width:100%;max-width:780px;border:2px dashed #e2e8f0;border-radius:20px;padding:64px 32px;text-align:center;cursor:pointer;transition:all .2s;background:#fff;box-shadow:0 1px 3px #0000000a}.drop-zone:hover,.drop-zone.dragging{border-color:#6366f1;background:#f5f3ff;box-shadow:0 0 0 4px #6366f114}.drop-zone.has-file{border-color:#10b981;border-style:solid;background:#f0fdf4;box-shadow:0 0 0 4px #10b9810f}.drop-zone-icon{display:flex;justify-content:center;margin-bottom:16px;color:#6366f1}.drop-zone.has-file .drop-zone-icon{color:#10b981}.drop-zone h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#1e293b}.drop-zone p{font-size:13px;color:#94a3b8}.drop-zone input{display:none}.upload-error{color:#dc2626;font-size:13px;padding:10px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;max-width:780px;width:100%;text-align:center}.btn-analyze{padding:13px 48px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6366f14d;letter-spacing:.01em;font-family:inherit}.btn-analyze:hover:not(:disabled){box-shadow:0 8px 28px #6366f173;transform:translateY(-1px)}.btn-analyze:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:20px;text-align:center}.loading-spinner{animation:spin .9s linear infinite;transform-origin:center;color:#6366f1}@keyframes spin{to{transform:rotate(360deg)}}.loading-container h2{font-size:20px;font-weight:600;color:#1e293b}.loading-container p{color:#64748b;font-size:14px}.report{display:flex;flex-direction:column;gap:24px}.report-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-back{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s;font-family:inherit}.btn-back:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.report-email-info{font-size:13px;color:#64748b}.report-email-info strong{color:#475569}.risk-card{border-radius:16px;padding:28px 32px;display:flex;flex-direction:column;gap:16px;border:1px solid}.risk-card.risk-bajo{background:#f0fdf4;border-color:#bbf7d0}.risk-card.risk-medio{background:#fffbeb;border-color:#fde68a}.risk-card.risk-alto{background:#fff7ed;border-color:#fed7aa}.risk-card.risk-critico{background:#fef2f2;border-color:#fecaca}.risk-header{display:flex;align-items:center;gap:20px}.risk-score-circle{width:76px;height:76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2.5px solid;flex-shrink:0;background:#fff}.risk-bajo .risk-score-circle{border-color:#22c55e}.risk-medio .risk-score-circle{border-color:#f59e0b}.risk-alto .risk-score-circle{border-color:#f97316}.risk-critico .risk-score-circle{border-color:#ef4444}.risk-score-number{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.02em}.risk-bajo .risk-score-number{color:#15803d}.risk-medio .risk-score-number{color:#b45309}.risk-alto .risk-score-number{color:#c2410c}.risk-critico .risk-score-number{color:#dc2626}.risk-score-max{font-size:11px;color:#94a3b8}.risk-label-text{font-size:22px;font-weight:700;letter-spacing:.04em}.risk-bajo .risk-label-text{color:#15803d}.risk-medio .risk-label-text{color:#b45309}.risk-alto .risk-label-text{color:#c2410c}.risk-critico .risk-label-text{color:#dc2626}.risk-summary{color:#475569;font-size:15px;line-height:1.75}.stats-row{display:flex;gap:8px;flex-wrap:wrap}.stat-pill{background:#00000008;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px;color:#64748b}.stat-pill strong{color:#1e293b}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:14px}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 3px #0000000a;transition:all .15s}.section-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.section-card.threat{border-color:#fecaca;border-left:3px solid #ef4444}.section-card.safe{border-color:#bbf7d0;border-left:3px solid #22c55e}.section-head{display:flex;align-items:center;gap:12px}.section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon.icon-phishing{background:#fef2f2;color:#ef4444}.section-icon.icon-urls{background:#eff6ff;color:#3b82f6}.section-icon.icon-attachments{background:#f0fdf4;color:#22c55e}.section-icon.icon-headers{background:#faf5ff;color:#a855f7}.section-title{font-size:14px;font-weight:600;flex:1;color:#1e293b}.section-score{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.score-low{background:#dcfce7;color:#15803d}.score-medium{background:#fef9c3;color:#a16207}.score-high{background:#ffedd5;color:#c2410c}.score-critical{background:#fee2e2;color:#dc2626}.threat-badge{font-size:11px;font-weight:600;color:#dc2626;background:#fee2e2;border:1px solid #fecaca;padding:3px 10px;border-radius:4px;align-self:flex-start}.safe-badge{font-size:11px;font-weight:600;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;padding:3px 10px;border-radius:4px;align-self:flex-start}.findings-list{list-style:none;display:flex;flex-direction:column;gap:6px}.findings-list li{font-size:13px;color:#475569;padding-left:16px;position:relative;line-height:1.6}.findings-list li:before{content:"•";position:absolute;left:0;color:#cbd5e1}.section-details{font-size:13px;color:#64748b;line-height:1.75;border-top:1px solid #f1f5f9;padding-top:12px}.suspicious-urls{display:flex;flex-direction:column;gap:6px}.suspicious-urls-title{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.url-item{font-size:12px;color:#c2410c;background:#fff7ed;padding:6px 10px;border-radius:6px;font-family:Consolas,Courier New,monospace;word-break:break-all;border-left:2px solid #f97316}.btn-rec{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;background:#fffbeb;color:#b45309;border:1px solid #fde68a;border-radius:20px;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.btn-rec:hover{background:#fef3c7;border-color:#fcd34d;box-shadow:0 2px 8px #f59e0b33}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:580px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0f172a26;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f1f5f9;background:#fffbeb}.modal-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#92400e}.rec-count-badge{font-size:11px;font-weight:700;background:#f59e0b;color:#fff;padding:2px 8px;border-radius:20px}.modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:6px;display:flex;transition:all .15s}.modal-close:hover{color:#1e293b;background:#f1f5f9}.modal-rec-list{list-style:none;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:10px}.modal-rec-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#1e293b;padding:12px 16px;background:#f8fafc;border-radius:10px;border-left:3px solid #f59e0b;line-height:1.65}.rec-num{flex-shrink:0;width:22px;height:22px;background:#f59e0b;color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.raw-analysis{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.raw-analysis h3{font-size:14px;font-weight:600;margin-bottom:12px;color:#64748b}.raw-analysis pre{font-size:13px;color:#64748b;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Courier New,monospace;line-height:1.7}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f0f4ff,#f8fafc,#f5f3ff)}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 40px #0f172a14;display:flex;flex-direction:column;gap:28px}.login-logo{display:flex;align-items:center;gap:14px}.login-title{font-size:18px;font-weight:700;color:#0f172a;line-height:1.2}.login-sub{font-size:10px;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.login-tabs{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;gap:4px}.login-tab{flex:1;padding:9px;border:none;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;background:none;color:#64748b;transition:all .15s;font-family:inherit}.login-tab.active{background:#fff;color:#1e293b;font-weight:600;box-shadow:0 1px 4px #00000014}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#475569}.form-group input{padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;color:#0f172a;background:#fff;transition:all .15s;outline:none;width:100%;font-family:inherit}.form-group input::placeholder{color:#cbd5e1}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-error{font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;text-align:center}.btn-login{padding:13px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;border:none;border-radius:10px;cursor:pointer;margin-top:4px;box-shadow:0 4px 16px #6366f14d;transition:all .2s;font-family:inherit}.btn-login:hover:not(:disabled){box-shadow:0 8px 28px #6366f173;transform:translateY(-1px)}.btn-login:disabled{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.login-legal{font-size:11px;color:#94a3b8;text-align:center;line-height:1.7}@media (max-width: 600px){.sections-grid{grid-template-columns:1fr}.app-main{padding:28px 16px}.header-right{gap:8px}.user-info{display:none}.login-card{padding:28px 20px}}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.tool-main{max-width:1200px;margin:2rem auto;padding:0 2rem;box-sizing:border-box}.tool-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dropzone-row{display:flex;gap:1rem;margin-bottom:1rem}.dropzone-arrow{display:flex;align-items:center;color:#94a3b8;font-weight:700;font-size:1.2rem;flex-shrink:0}.pw-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hub-grid{grid-template-columns:1fr}.hub-hero{padding:2rem 1rem!important}.hub-header-right .hub-user-info{display:none}.tool-main{padding:0 1rem;margin:1rem auto}.tool-grid-2{grid-template-columns:1fr}.dropzone-row{flex-direction:column}.dropzone-arrow{display:none}.pw-options-grid{grid-template-columns:1fr}.tool-header-inner,.hub-header-inner,.hub-container{padding:0 1rem!important}.uptime-result-row{grid-template-columns:1fr auto!important;gap:8px!important}.uptime-result-row .uptime-status-col{justify-self:end}.uptime-http-col,.uptime-latency-col{display:none}}