@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:400;src:local("Arimo Regular "),local("Arimo-Regular"),url(/assets/arimo-latin-400-DcMUgLJ2.woff2) format("woff2"),url(/assets/arimo-latin-400-DJMmeY14.woff) format("woff")}@font-face{font-family:Arimo;font-style:italic;font-display:swap;font-weight:400;src:local("Arimo Regular italic"),local("Arimo-Regularitalic"),url(/assets/arimo-latin-400italic-T7PQnGgH.woff2) format("woff2"),url(/assets/arimo-latin-400italic-TRTxXBQG.woff) format("woff")}@font-face{font-family:Arimo;font-style:normal;font-display:swap;font-weight:700;src:local("Arimo Bold "),local("Arimo-Bold"),url(/assets/arimo-latin-700-rxoAP7bu.woff2) format("woff2"),url(/assets/arimo-latin-700-llo_PcaH.woff) format("woff")}@font-face{font-family:Arimo;font-style:italic;font-display:swap;font-weight:700;src:local("Arimo Bold italic"),local("Arimo-Bolditalic"),url(/assets/arimo-latin-700italic-BLlOvRjS.woff2) format("woff2"),url(/assets/arimo-latin-700italic-DZ9MT5ZT.woff) format("woff")}*{box-sizing:border-box}body{font-family:Arimo,sans-serif;background:#f6f9fc;color:#0f172a;margin:0;padding:0}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #0f172a1a;width:100%;max-width:400px}.auth-card h1{text-align:center;font-size:32px;margin-bottom:32px;color:#0ea5a4}.auth-tabs{display:flex;gap:12px;margin-bottom:24px}.auth-tabs .tab{flex:1;padding:12px;background:#f0f4f8;border:1px solid #dbe6f0;border-radius:8px;cursor:pointer;transition:all .2s}.auth-tabs .tab.active{background:#0ea5a4;color:#fff;border-color:#0ea5a4}.auth-form h2{font-size:20px;margin-bottom:24px}.auth-form input{width:100%;padding:12px;border:1px solid #dbe6f0;border-radius:6px;margin-bottom:12px;font-size:14px}.auth-form input:focus{outline:none;border-color:#0ea5a4;box-shadow:0 0 0 3px #0ea5a41a}.auth-form .error{color:#dc2626;margin-bottom:12px;font-size:14px}.app-container{min-height:100vh;background:#f6f9fc}.app-header{background:#fff;padding:16px 24px;border-bottom:1px solid #dbe6f0;display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:24px}.user-info{display:flex;align-items:center;gap:16px;font-size:14px}.logout-btn{padding:8px 12px;background:#f0f4f8;border:1px solid #dbe6f0;border-radius:6px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#e5ecf2}.extension-banner{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-bottom:2px solid #ffc107;padding:16px 24px}.banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px}.banner-icon{font-size:24px;flex-shrink:0}.banner-text{flex:1;margin:0}.banner-text strong{display:block;font-size:15px;color:#856404;margin-bottom:4px}.banner-text p{font-size:13px;color:#856404;margin:0}.banner-install-btn{padding:8px 16px;background:#ffc107;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;color:#856404;text-decoration:none;display:inline-block;flex-shrink:0;transition:background .2s}.banner-install-btn:hover{background:#ffb700}.banner-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#856404;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .2s}.banner-close-btn:hover{opacity:1}.app-content{max-width:1200px;margin:24px auto;padding:0 20px}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #dbe6f0}.tab-button{padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;transition:all .2s}.tab-button.active{color:#0ea5a4;border-bottom-color:#0ea5a4}.card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0f172a0f;margin-bottom:24px}.card h2{font-size:20px;margin-top:0;margin-bottom:16px}.card h3{font-size:16px;margin-top:24px;margin-bottom:12px}textarea{width:100%;min-height:120px;padding:12px;border:1px solid #dbe6f0;border-radius:6px;font-family:monospace;font-size:14px;resize:vertical}textarea:focus{outline:none}.row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}button{padding:10px 16px;border-radius:6px;border:1px solid #dbe6f0;background:#fff;color:#0f172a;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}button:hover{background:#f0f4f8;border-color:#cbd5e1}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:#0ea5a4;color:#fff;border:0}button.primary:hover{background:#0d9997}.msg{color:#0f172a;margin-top:12px;padding:12px;background:#f0f9f8;border-radius:6px;font-size:14px}.msg.error{background:#fee2e2;color:#dc2626}.list-container{margin-top:16px}.list{list-style:none;padding:0;margin:0}.list li{margin-bottom:8px;padding:12px;background:#f9fafb;border-radius:6px;border-left:4px solid #dbe6f0;transition:all .2s}.list li:hover{background:#f3f4f6}.list li.status-pending{border-left-color:#f59e0b}.list li.status-commented{border-left-color:#10b981}.list li.status-failed{border-left-color:#ef4444}.list li.status-processing{border-left-color:#3b82f6}.url{display:block;font-family:monospace;font-size:12px;color:#64748b;word-break:break-all;margin-bottom:4px}.status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-commented{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.status-processing{background:#dbeafe;color:#1e40af}.comment-item{display:flex;flex-direction:column;gap:8px}.comment-header{display:flex;justify-content:space-between;align-items:center}.date{font-size:12px;color:#94a3b8}.comment-text{margin:0;padding:0;color:#1f2937;word-break:break-word}.post-url{margin:0;padding:0;font-family:monospace;font-size:12px;color:#64748b;word-break:break-all}.empty{padding:32px;text-align:center;color:#94a3b8}@media (max-width: 768px){.app-header{flex-direction:column;gap:12px;align-items:flex-start}.user-info{width:100%;justify-content:space-between}.tabs{flex-wrap:wrap}.row{flex-direction:column}button{width:100%}}