:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2d3a4b;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#764ba2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{display:flex;flex-direction:column;height:100vh;background:#f5f7fa}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px 24px;box-shadow:0 4px 12px #00000026;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.header-content{width:auto;max-width:100%;flex-shrink:0}.header-content h1{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.header-logo{height:100px;width:auto;object-fit:contain;margin-bottom:8px;display:block}.header-content p{font-size:15px;opacity:.95;font-weight:300}.social-icons{display:flex;gap:12px;align-items:center;justify-content:center;flex:1}.telegram-icon,.whatsapp-icon{font-size:28px;color:#fff;text-decoration:none;cursor:pointer;transition:transform .3s ease,filter .3s ease;display:flex;align-items:center;justify-content:center}.telegram-icon:hover,.whatsapp-icon:hover{transform:scale(1.15);filter:brightness(1.2)}.logout-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;margin-left:16px}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}.header-tools{display:flex;align-items:center;gap:16px;flex-shrink:0}.tools-menu-container{position:relative}.tools-menu-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.tools-menu-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.tools-menu-btn.active{background:#ffffff40;border-color:#fff9;box-shadow:0 4px 16px #0003}.tools-arrow{display:inline-block;font-size:18px;transition:transform .3s ease;line-height:1}.tools-arrow.rotated{transform:rotate(90deg)}.tools-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;margin-top:8px;min-width:200px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tool-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;border:none;background:transparent;color:#2d3a4b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.tool-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translate(4px)}.tool-item.active{background:transparent;font-weight:700}.tool-item.active span,.tool-item.active .tool-icon{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.tool-icon{font-size:16px;width:20px;text-align:center}.main-content{display:flex;flex:1;gap:16px;padding:16px;overflow:hidden;max-width:100%}.left-panel{width:25%;min-width:300px;max-width:500px;display:flex;flex-direction:column;gap:16px}.right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.upload-section,.search-section,.profile-section,.updates-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.upload-section h2,.search-section h2,.profile-section h2{font-size:16px;font-weight:600;color:#2d3a4b;margin-bottom:16px}.upload-label{display:block;position:relative}.upload-label input{display:none}.upload-button{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.upload-button .icon{font-size:20px;color:inherit}.upload-hint{font-size:11px;color:#999;margin-top:8px;text-align:center}.refresh-btn{width:100%;background:#667eea;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;margin-top:10px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#4b54c6;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.file-info{margin-top:16px;padding:12px;background:#f0f4ff;border-radius:8px;border-left:4px solid #667eea}.file-info p{font-size:13px;color:#2d3a4b;margin:4px 0}.files-list{margin-top:16px}.files-list p{font-size:13px;color:#2d3a4b;margin-bottom:8px}.files-container{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:8px;padding:10px;background:#f0f4ff;border-radius:6px;border-left:3px solid #667eea;font-size:12px}.file-name{flex:1;color:#2d3a4b;font-weight:500;word-break:break-all}.file-count{color:#667eea;font-weight:600;white-space:nowrap}.remove-btn{background:#ff6b6b;color:#fff;border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s ease;flex-shrink:0}.remove-btn:hover{background:#ff5252;transform:scale(1.1)}.search-box{position:relative;display:flex;align-items:center;margin-bottom:6px}.search-input{width:100%;padding:12px 16px;border:1px solid #e0e6f0;border-radius:8px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#e0e6f0;box-shadow:0 0 0 3px #667eea1a}.app .search-input{width:100%;padding:12px 16px;border:2px solid #667eea;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#f0f2ff;color:#333;display:block;visibility:visible;opacity:1;height:auto}.app .search-input::placeholder{color:#667eea}.app .search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.spinner{position:absolute;right:12px;width:18px;height:18px;border:2px solid #e0e6f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-hint{font-size:12px;color:#999;margin-top:6px}.profile-block{display:none}.profile-section{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:16px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff}.profile-section .profile-header{display:flex;align-items:center;margin-bottom:0;padding:20px;border-bottom:2px solid rgba(255,255,255,.2)}.profile-info{margin-bottom:0;padding:0 20px}.profile-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#ffffffd9}.profile-label i{font-size:14px}.profile-value{font-weight:600;color:#fff}.admin-link{border:none;color:#fff;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:13px;text-decoration:none;background:#52f30784}.admin-link:hover{background:#ffffff26;transform:scale(1.05)}.logout-btn{width:calc(100% - 40px);margin:16px 20px 20px;padding:12px 16px;background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.logout-btn i{font-size:16px}.updates-section{margin-top:16px}.updates-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e6f0}.updates-icon{font-size:24px;margin-right:12px;color:#667eea}.updates-section h2{margin:0;color:#2d3a4b;font-size:16px}.updates-list{max-height:300px;overflow-y:auto}.update-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid #e0e6f0;gap:6px}.update-item:last-child{border-bottom:none}.update-message{display:flex;align-items:center;gap:10px;color:#2d3a4b;font-size:13px;font-weight:500}.update-dot{font-size:14px;color:#667eea;flex-shrink:0}.update-time{font-size:12px;color:#999;padding-left:18px}.no-updates{text-align:center;color:#999;padding:20px 10px;margin:0;font-size:13px}.search-type-buttons{margin-bottom:16px}.search-type-buttons label{display:block;font-size:13px;font-weight:700;color:#2d3a4b;margin-bottom:10px;letter-spacing:.5px;text-transform:uppercase;opacity:.9}.button-group{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.search-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 10px;background:#f0f4ff;border:2px solid #e0e6f0;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:600;color:#2d3a4b;text-align:center}.btn-icon{font-size:24px;display:block;color:inherit;line-height:1}.btn-label{display:block;font-size:11px;white-space:nowrap}.search-type-btn:hover{border-color:#667eea;background:#f8fafb;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.search-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 16px #667eea4d}.search-type-btn.active .btn-icon{transform:scale(1.1)}@media(max-width:900px){.button-group{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.button-group{grid-template-columns:1fr}}.results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e6f0}.results-header h2{font-size:18px;font-weight:600;color:#2d3a4b}.result-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.results-list{flex:1;list-style:none;overflow-y:auto;padding:12px}.result-item{padding:12px;margin-bottom:8px;background:#f8fafb;border-left:3px solid #667eea;border-radius:6px;transition:all .2s ease;display:flex;gap:8px;align-items:center}.result-item:hover{background:#f0f4ff;transform:translate(4px)}.result-item.active:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translate(4px);box-shadow:0 4px 12px #667eea4d}.result-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#fff;box-shadow:0 4px 12px #667eea4d}.result-item.active .result-file,.result-item.active .result-text{color:#fff}.result-item.active .result-file{background:#fff3;border:1px solid rgba(255,255,255,.3)}.result-file{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.result-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#2d3a4b;word-break:break-all;flex:1;min-width:0}.copy-buttons{display:flex;gap:4px;flex-shrink:0}.copy-btn{background:#667eea;color:#fff;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#4b54c6;transform:scale(1.1);box-shadow:0 2px 8px #667eea4d}.copy-btn:active{transform:scale(.95)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#999}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;text-align:center;max-width:300px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid #e0e6f0;background:#f8fafb}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;color:#2d3a4b;font-weight:600}@media(max-width:1600px){.left-panel{width:28%;min-width:300px;max-width:450px}}@media(max-width:1200px){.main-content{flex-direction:column;gap:16px}.left-panel{width:100%;min-width:auto;max-width:100%;flex-direction:row;gap:16px}.upload-section,.search-section{flex:1}.right-panel{flex:1;min-height:500px}}@media(max-width:900px){.main-content{padding:12px;gap:12px}.left-panel{flex-direction:column;gap:12px}.upload-section,.search-section{width:100%;padding:16px}.header{padding:16px}.header-content h1{font-size:22px}.header-content p{font-size:12px}}@media(max-width:600px){.app{height:auto}.main-content{flex-direction:column;padding:8px;gap:8px}.left-panel{flex-direction:column;gap:8px}.upload-section,.search-section{padding:12px}.right-panel{min-height:300px}.results-list{max-height:250px}.header-content h1{font-size:18px}.header{padding:12px}}@media(min-width:2000px){.main-content{padding:24px;gap:24px}.left-panel{width:22%;min-width:350px;max-width:600px;gap:20px}.upload-section,.search-section{padding:28px}.upload-section h2,.search-section h2{font-size:18px;margin-bottom:20px}.search-input{font-size:15px;padding:14px 18px}.result-text{font-size:14px}.results-header{padding:24px 28px}.results-header h2{font-size:20px}.header-content h1{font-size:32px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.card{padding:2em}.read-the-docs{color:#888}.block{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,#764ba2 60%,#667eea);border-radius:10px;box-shadow:0 4px 24px #667eea2e;opacity:.7;animation:float-block 7s ease-in-out infinite;z-index:1}.block1{top:30%;left:12%;animation-delay:.5s}.block2{top:75%;left:60%;animation-delay:2.2s}.block3{top:55%;right:18%;animation-delay:3.7s}@keyframes float-block{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(12deg)}}.cube4{top:40%;left:40%;animation-delay:1.2s}.cube5{top:80%;left:25%;animation-delay:2.8s}.cube6{top:10%;right:20%;animation-delay:4.1s}.dot{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#fff 60%,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea2e;opacity:.8;animation:float-dot 6s ease-in-out infinite;z-index:1}.dot1{top:15%;left:60%;animation-delay:.7s}.dot2{top:65%;left:80%;animation-delay:1.9s}.dot3{top:50%;right:10%;animation-delay:3.2s}.dot4{top:85%;right:30%;animation-delay:4.5s}.dot5{top:25%;right:50%;animation-delay:2.3s}@keyframes float-dot{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.2)}}.search-form{margin:32px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.search-input-group{display:flex;background:#00000059;border-radius:24px;box-shadow:0 4px 20px #00000040;padding:12px 16px;align-items:center;gap:0;border:1px solid rgba(255,255,255,.15);transition:box-shadow .3s,border .3s,background .3s;width:90%;max-width:1000px}.search-input-group:focus-within{background:#00000073;box-shadow:0 8px 32px #667eea40;border:1px solid rgba(102,126,234,.4)}.search-input{background:transparent!important;border:none!important;outline:none;font-size:1rem;color:#ccc!important;padding:8px 12px;flex:1;font-weight:400;letter-spacing:.01em;min-width:0}.search-input::placeholder{color:#ccc!important;opacity:1!important;font-weight:400}.search-button{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:.95rem;padding:8px 24px;border-radius:18px;border:none;outline:none;margin-left:8px;cursor:pointer;transition:background .3s,transform .2s,box-shadow .3s;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px #667eea26}.search-button:disabled{opacity:.7;cursor:not-allowed}.search-button:hover:not(:disabled){background:linear-gradient(90deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.04)}.search-action-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap;padding:0 20px;width:100%}.action-button{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 16px;border-radius:20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.action-button:hover{background:#ffffff1f;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.action-button:active{transform:translateY(0)}.action-button.active{background:linear-gradient(90deg,#667eea80,#764ba280);border-color:#667eeacc;box-shadow:0 4px 20px #667eea4d;color:#fff;font-weight:600}.action-button.premium-btn{background:linear-gradient(90deg,#764ba24d,#667eea4d);border:1.5px solid rgba(118,75,162,.6);color:#fff}.action-button.premium-btn:hover{background:linear-gradient(90deg,#764ba280,#667eea80);border-color:#764ba2cc}.login-description{margin-top:22px;padding:18px 20px 14px;background:#ffffff1a;border-radius:16px;box-shadow:0 2px 16px #667eea14;text-align:center;color:#653fef;font-size:1.08rem;font-weight:400;line-height:1.6;letter-spacing:.01em;display:flex;flex-direction:column;align-items:center;gap:8px}.login-description .desc-icon{font-size:2.1rem;margin-bottom:4px;display:block}.login-description .desc-highlight{color:#3238f3;font-weight:700;font-size:1.01em;display:block;margin-top:6px}.hero-cta-group{display:flex;gap:18px;margin:32px 0 18px;align-items:center}.hero-cta-btn{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:18px;padding:14px 36px;border-radius:32px;box-shadow:0 4px 24px #764ba22e;border:none;outline:none;text-decoration:none;transition:background .2s,transform .2s;cursor:pointer;letter-spacing:.5px}.hero-cta-btn:hover{background:linear-gradient(90deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.04)}.hero-cta-link{color:#fff;opacity:.85;font-size:16px;text-decoration:underline;transition:opacity .2s}.hero-cta-link:hover{opacity:1}*{margin:0;padding:0;box-sizing:border-box}.landing{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}@keyframes float-cube{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-30px) rotateX(45deg) rotateY(45deg)}}@keyframes float-sphere{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #fff3}}.cube{position:absolute;width:60px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float-cube 6s ease-in-out infinite}.cube1{top:10%;left:5%;animation-delay:0s}.cube2{top:60%;right:10%;animation-delay:2s}.cube3{bottom:15%;left:20%;animation-delay:4s}.sphere{position:absolute;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float-sphere 8s ease-in-out infinite}.sphere1{width:100px;height:100px;top:20%;right:15%;animation-delay:1s}.sphere2{width:80px;height:80px;bottom:25%;right:5%;animation-delay:3s}.landing-header{position:relative;z-index:2;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.landing-content-wrapper{display:flex;flex:1;position:relative;z-index:2;gap:0}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px}.logo-icon{font-size:28px}.logo-image{height:150px;width:auto;object-fit:contain}.hero{position:relative;z-index:2;padding:50px 45px;flex:1.2;display:flex;flex-direction:column;justify-content:center;color:#fff;min-width:0}.hero-content{max-width:100%;margin-bottom:30px}.hero-title{font-size:56px;font-weight:800;margin-bottom:20px;text-shadow:0 4px 30px rgba(0,0,0,.25);animation:fade-in-down .8s ease-out;text-align:left;line-height:1.2;letter-spacing:-1px}.hero-subtitle{font-size:18px;opacity:.95;margin-bottom:30px;animation:fade-in-up .8s ease-out .2s both;text-align:left;line-height:1.5;max-width:550px}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:550px}.feature-card{padding:24px;background:#ffffff14;border-radius:14px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:fade-in-up .8s ease-out;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.feature-card:nth-child(1){animation-delay:.3s}.feature-card:nth-child(2){animation-delay:.4s}.feature-card:nth-child(3){animation-delay:.5s}.feature-card:nth-child(4){animation-delay:.6s}.feature-card:hover{background:#ffffff1f;transform:translateY(-12px);border-color:#ffffff4d;box-shadow:0 20px 40px #0003}.feature-card:hover:before{opacity:1}.feature-icon{font-size:42px;margin-bottom:14px;display:block;animation:scale-in .6s ease-out}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.feature-card p{font-size:13px;opacity:.85;line-height:1.4}.login-section{position:relative;z-index:2;padding:40px 35px;display:flex;justify-content:center;align-items:center;width:35%;flex-shrink:0;background:linear-gradient(135deg,#0000000d,#00000005)}.login-container{background:#fffffff5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;padding:42px;width:100%;max-width:100%;box-shadow:0 25px 50px #00000040,inset 0 1px #fff9;animation:fade-in-up .8s ease-out .4s both;border:1px solid rgba(255,255,255,.5);position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:20px 20px 0 0}.login-container h2{font-size:26px;font-weight:800;color:#1a2332;margin-bottom:8px;text-align:center;letter-spacing:-.5px}.login-subtitle{color:#666;text-align:center;margin-bottom:28px;font-size:13px;font-weight:500;letter-spacing:.3px}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#2d3a4b;font-size:13px;letter-spacing:.2px;text-transform:uppercase;opacity:.8}.form-group input{padding:12px 14px;border:2px solid #e8ecf3;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff;color:#2d3a4b;font-weight:500}.form-group input::placeholder{color:#aaa;font-weight:400}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1f;background:#fff}.form-group input:disabled{background:#f8f9fb;cursor:not-allowed;opacity:.6}.error-message{background:linear-gradient(135deg,#ffcdd2,#ffebee);color:#c62828;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;animation:shake .4s ease-in-out;border-left:4px solid #c62828}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:13px 20px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);margin-top:8px;letter-spacing:.5px;box-shadow:0 10px 25px #667eea4d;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.login-button:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 35px #667eea66}.login-button:hover:not(:disabled):before{left:100%}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-button:active:not(:disabled){transform:translateY(-2px)}.landing-footer{position:relative;z-index:2;text-align:center;padding:20px;color:#ffffffb3;font-size:12px;border-top:1px solid rgba(255,255,255,.1);letter-spacing:.3px}@media(min-width:2560px){.landing-header{padding:30px 60px}.logo{font-size:32px}.logo-icon{font-size:40px}.landing-content-wrapper{gap:0}.hero{padding:80px;flex:1.15}.hero-title{font-size:72px;margin-bottom:30px;line-height:1.15}.hero-subtitle{font-size:24px;margin-bottom:50px;max-width:750px;line-height:1.6}.hero-content{margin-bottom:50px}.hero-features{grid-template-columns:repeat(4,1fr);gap:24px;max-width:100%}.feature-card{padding:32px}.feature-icon{font-size:56px;margin-bottom:20px}.feature-card h3{font-size:18px;margin-bottom:12px}.feature-card p{font-size:14px}.login-section{width:32%;padding:80px 50px;background:linear-gradient(135deg,#0000000a,#00000003)}.login-container{padding:60px}.login-container h2{font-size:32px;margin-bottom:12px}.login-subtitle{font-size:15px;margin-bottom:36px}.form-group input{padding:16px 18px;font-size:15px}.form-group label{font-size:14px}.login-button{padding:16px 24px;font-size:17px}.landing-footer{padding:30px;font-size:14px}}@media(min-width:1920px){.landing-header{padding:28px 50px}.logo{font-size:28px}.hero{padding:70px}.hero-title{font-size:64px;margin-bottom:28px}.hero-subtitle{font-size:22px;margin-bottom:45px;max-width:700px}.hero-features{grid-template-columns:repeat(4,1fr);gap:22px}.feature-card{padding:28px}.feature-icon{font-size:50px}.login-section{width:33%;padding:70px 45px}.login-container{padding:55px}.login-container h2{font-size:30px}.login-subtitle{font-size:14px;margin-bottom:34px}.form-group input{padding:15px 17px}.login-button{padding:15px 22px;font-size:16px}}@media(min-width:1600px){.landing-header{padding:26px 45px}.hero{padding:60px}.hero-title{font-size:58px;margin-bottom:26px}.hero-subtitle{font-size:20px;margin-bottom:40px;max-width:650px}.hero-features{grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px}.feature-card{padding:26px}.feature-icon{font-size:46px}.login-section{width:34%;padding:60px 40px}.login-container{padding:50px}.login-container h2{font-size:28px}}@media(min-width:1440px){.landing-header{padding:24px 42px}.hero{padding:55px}.hero-title{font-size:54px;margin-bottom:24px}.hero-subtitle{font-size:19px;margin-bottom:38px;max-width:600px}.hero-features{gap:18px;max-width:580px}.feature-card{padding:24px}.feature-icon{font-size:44px}.login-section{width:35%;padding:55px 38px}.login-container{padding:48px}.login-container h2{font-size:26px}}@media(max-width:1200px){.hero{padding:45px 35px}.login-section{padding:35px 30px;width:38%}.hero-title{font-size:48px}.hero-subtitle{font-size:17px}.hero-features{max-width:500px}.feature-card{padding:20px}.feature-icon{font-size:38px}}@media(max-width:1024px){.hero{padding:40px 30px}.login-section{width:40%;padding:30px 25px}.hero-title{font-size:44px}.hero-subtitle{font-size:16px}.hero-features{gap:14px;max-width:480px}.login-container{padding:36px}.feature-card{padding:18px}.feature-icon{font-size:36px}.feature-card h3{font-size:15px}}@media(max-width:768px){.landing-header{padding:16px 20px}.logo{font-size:20px}.landing-content-wrapper{flex-direction:column}.hero{padding:35px 24px;flex:none}.hero-title{font-size:38px;margin-bottom:16px}.hero-subtitle{font-size:15px;margin-bottom:24px}.hero-features{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%}.feature-card{padding:16px}.feature-card h3{font-size:14px;margin-bottom:6px}.feature-card p{font-size:12px}.feature-icon{font-size:32px;margin-bottom:10px}.login-section{width:100%;padding:30px 20px;background:linear-gradient(135deg,#00000014,#00000008)}.login-container{padding:30px}.login-container h2{font-size:22px}.login-subtitle{font-size:12px;margin-bottom:20px}.form-group input{padding:11px 12px;font-size:13px}.login-button{padding:12px 18px;font-size:14px}}@media(max-width:480px){.landing-header{padding:14px 16px}.logo{font-size:18px;gap:6px}.logo-icon{font-size:22px}.hero{padding:28px 16px}.hero-title{font-size:32px;margin-bottom:12px}.hero-subtitle{font-size:14px;margin-bottom:20px}.hero-features{grid-template-columns:1fr;gap:10px}.feature-card{padding:14px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.feature-icon{font-size:28px;margin-bottom:8px}.login-section{padding:24px 16px}.login-container{padding:24px;border-radius:16px}.login-container h2{font-size:20px;margin-bottom:6px}.login-subtitle{font-size:11px;margin-bottom:16px}.login-form{gap:14px}.form-group label{font-size:12px}.form-group input{padding:10px 11px;font-size:13px}.login-button{padding:11px 16px;font-size:13px}.landing-footer{padding:16px;font-size:11px}}@media(max-width:360px){.hero-title{font-size:28px}.hero-features{gap:8px}.feature-card{padding:12px}.feature-icon{font-size:24px}.login-container{padding:20px}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#2d3561,#1e2749,#764ba2);border-radius:28px;padding:0;max-width:540px;width:90%;box-shadow:0 25px 80px #0006,0 0 40px #667eea33;position:relative;border:1px solid rgba(255,255,255,.12);animation:slideUp .4s ease;overflow:hidden}.modal-close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;z-index:10}.modal-close:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.modal-header{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:24px 40px;background:linear-gradient(135deg,#667eea26,#764ba21a);border-bottom:1px solid rgba(255,255,255,.1);animation:popIn .5s ease .2s both;position:relative}.modal-header svg{flex-shrink:0}.modal-header .modal-telegram-btn{padding:10px 20px;font-size:.9rem;border-radius:12px;flex-shrink:0;margin-right:auto;margin-left:8px}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.modal-header svg{filter:drop-shadow(0 8px 24px rgba(102,126,234,.4))}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{color:#fff;font-size:1.4rem;font-weight:700;text-align:left;margin:0;letter-spacing:-.5px;padding:0;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}.modal-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:36px 40px}.feature-card{background:linear-gradient(135deg,#667eea1a,#764ba214);border:1.5px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:cardSlideIn .5s ease both;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@keyframes cardSlideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.feature-card:hover{background:linear-gradient(135deg,#667eea2e,#764ba226);border-color:#667eea4d;transform:translateY(-8px);box-shadow:0 20px 50px #667eea33,0 0 30px #764ba226,inset 0 1px #ffffff1f}.feature-icon-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea40,#764ba233);border-radius:12px;border:1px solid rgba(102,126,234,.3);margin-bottom:8px}.feature-icon-wrapper:before{content:"";position:absolute;inset:-8px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}.feature-card:hover .feature-icon-wrapper:before{opacity:1}.feature-icon-wrapper svg{color:#fff;width:32px;height:32px;filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper svg{transform:scale(1.15) rotate(-5deg)}.feature-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #667eea66;z-index:2}.feature-badge.advanced{background:linear-gradient(135deg,#00d4ff,#09c);box-shadow:0 4px 12px #00d4ff66}.feature-badge.export{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ff6b6b66}.feature-badge.pro{background:linear-gradient(135deg,gold,#ffb300);color:#000;box-shadow:0 4px 12px #ffd70066}.feature-card h3{color:#fff;font-size:1.2rem;font-weight:800;margin:0;letter-spacing:-.3px;position:relative;z-index:1}.feature-card p{color:#ffffffe6;font-size:.95rem;margin:0;line-height:1.5;position:relative;z-index:1}.feature-details{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.feature-details li{color:#667eeae6;font-size:.85rem;font-weight:600;transition:transform .2s ease}.feature-card:hover .feature-details li{transform:translate(4px)}.modal-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);margin:0 40px}.premium-highlight{padding:10px 40px;background:linear-gradient(135deg,#ffd70014,#ff6b6b0d);border:1px dashed rgba(255,215,0,.2);border-radius:12px;margin:0 40px 20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.premium-highlight:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite;z-index:0}@keyframes shine{0%{left:-100%}to{left:100%}}.highlight-badge{background:linear-gradient(135deg,gold,#ffb300);color:#000;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ffd7004d;position:relative;z-index:1;white-space:nowrap;line-height:1}.highlight-separator{color:#fff6;font-weight:300;font-size:.85rem;position:relative;z-index:1;line-height:1}.highlight-title{color:#fff;font-size:.9rem;font-weight:700;position:relative;z-index:1;white-space:nowrap;line-height:1}.highlight-description{color:#ffffffd9;font-size:.8rem;position:relative;z-index:1;line-height:1.2}.modal-footer{display:flex;justify-content:center;align-items:center;padding:36px 40px 40px;background:linear-gradient(135deg,#2d356180,#1e274980);border-top:1px solid rgba(255,255,255,.1)}.modal-telegram-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#229ed9,#1a7da8);border:1px solid rgba(34,158,217,.5);color:#fff;padding:14px 32px;border-radius:16px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease;cursor:pointer;box-shadow:0 8px 24px #229ed940;letter-spacing:.3px}.modal-telegram-btn:hover{background:linear-gradient(135deg,#27afd9,#1a7da8);transform:translateY(-3px);box-shadow:0 12px 32px #229ed959;border-color:#229ed9cc}.modal-header .modal-telegram-btn{padding:10px 20px;font-size:.9rem;border-radius:12px;flex-shrink:0}.modal-header .modal-telegram-btn:hover{transform:scale(1.05)}.modal-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-bottom:20px}.nav-button{background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;flex-shrink:0}.nav-button:hover{background:#667eea66;border-color:#667eea99;transform:scale(1.1)}.nav-button:active{transform:scale(.95)}.slide-indicators{display:flex;gap:10px;flex:1;justify-content:center}.indicator{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease;padding:0;margin:0}.indicator:hover{background:#ffffff80;transform:scale(1.2)}.indicator.active{background:#667eea;border-color:#667eea;box-shadow:0 0 10px #667eea99}.modal-footer{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.ip-tracker-container{display:flex;align-items:center;justify-content:center;flex:1;padding:32px;overflow-y:auto}.ip-tracker-card{color:#2d3a4b;padding:48px 40px;max-width:1200px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ip-tracker-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite;color:#667eea;text-align:center}.ip-tracker-card h3{font-size:24px;font-weight:700;margin-bottom:8px;color:#2d3a4b;text-align:center}.ip-tracker-description{font-size:14px;opacity:.7;margin-bottom:24px;font-weight:300;color:#2d3a4b;text-align:center}.ip-input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.ip-input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;font-size:18px;color:#667eea;pointer-events:none}.ip-input{width:100%;padding:14px 16px 14px 48px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#2d3a4b;font-size:14px;font-weight:500;transition:all .3s ease}.ip-input::placeholder{color:#999}.ip-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 16px #667eea33}.ip-input:disabled{opacity:.6;cursor:not-allowed}.ip-search-btn{position:absolute;right:12px;background:none;border:none;color:#667eea;font-size:18px;cursor:pointer;padding:8px 12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ip-search-btn:hover:not(:disabled){color:#5568d3;transform:scale(1.1)}.ip-search-btn:disabled{opacity:.6;cursor:not-allowed;color:#999}.ip-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ip-info-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.ip-info-item:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.ip-info-item i{font-size:24px}.ip-error-message{display:flex;align-items:center;gap:12px;padding:16px;background:#ff6b6b1a;border:2px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;font-weight:600;margin-top:24px;animation:slideDown .3s ease}.ip-error-message i{font-size:20px}.ip-results{margin-top:32px;padding-top:32px;border-top:2px solid #e0e0e0;animation:slideUp .5s ease}.ip-results-title{display:flex;align-items:center;gap:12px;color:#2d3a4b;font-size:18px;font-weight:700;margin-bottom:24px}.ip-results-title i{font-size:24px;color:#4ade80}.ip-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ip-detail-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .3s ease}.ip-detail-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.detail-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#667eea;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-header i{font-size:14px}.detail-value{font-size:16px;font-weight:700;color:#2d3a4b;word-break:break-all;display:flex;align-items:center;gap:8px}.badge-true{background:#4ade8033;color:#22c55e;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600;display:inline-block}.badge-false{background:#ef444433;color:#ef4444;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600;display:inline-block}@media(max-width:768px){.ip-details-grid{grid-template-columns:1fr}.ip-tracker-card{padding:32px 24px}}.profile-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff}.profile-section .profile-header{display:flex;align-items:center;margin-bottom:0;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.2)}.profile-icon{font-size:28px;margin-right:12px;color:#fff;opacity:.9}.profile-section .profile-header h2{margin:0;color:#fff;font-size:18px}.profile-info{margin-bottom:0;padding:16px 0 0}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.profile-item:last-child{border-bottom:none}.profile-label,.profile-value{color:#fff}.back-button{width:calc(100% - 40px);margin:16px 20px 0;padding:12px 16px;background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.back-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.back-button i{font-size:16px}.app.link-generator-page{display:flex;flex-direction:column;height:100vh;background:#f5f7fa}.link-generator-page .header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px 24px;box-shadow:0 4px 12px #00000026;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.link-generator-page .main-content{display:flex;flex:1;gap:16px;padding:16px;overflow:hidden;max-width:100%}.link-generator-page .left-panel{width:25%;min-width:300px;max-width:500px;display:flex;flex-direction:column;gap:16px}.link-generator-page .right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.link-generator-page .profile-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff}.link-generator-page .profile-section .profile-header{display:flex;align-items:center;margin-bottom:0;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.2)}.link-generator-page .profile-icon{font-size:28px;margin-right:12px;color:#fff;opacity:.9}.link-generator-page .profile-section .profile-header h2{margin:0;color:#fff;font-size:18px}.link-generator-page .profile-info{margin-bottom:0;padding:16px 0 0}.link-generator-page .profile-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.link-generator-page .profile-item:last-child{border-bottom:none}.link-generator-page .profile-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#ffffffd9}.link-generator-page .profile-label i{font-size:14px}.link-generator-page .profile-value{font-weight:600;color:#fff}.link-generator-page .back-button{width:calc(100% - 40px);margin:16px 20px 0;padding:12px 16px;background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.link-generator-page .back-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.link-generator-page .back-button:active{transform:translateY(0)}.link-generator-page .back-button i{font-size:16px}.link-generator-page .updates-section{margin-top:0;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.link-generator-page .updates-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e6f0}.link-generator-page .updates-icon{font-size:24px;margin-right:12px;color:#667eea}.link-generator-page .updates-section h2{margin:0;color:#2d3a4b;font-size:16px}.link-generator-page .updates-list{max-height:300px;overflow-y:auto}.link-generator-page .update-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid #e0e6f0;gap:6px}.link-generator-page .update-item:last-child{border-bottom:none}.link-generator-page .update-message{display:flex;align-items:center;gap:10px;color:#2d3a4b;font-size:13px;font-weight:500}.link-generator-page .update-dot{font-size:14px;color:#667eea;flex-shrink:0}.link-generator-page .update-time{font-size:12px;color:#999;padding-left:18px}.link-generator-page .no-updates{text-align:center;color:#999;padding:20px 10px;margin:0;font-size:13px}.link-generator-page .results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e6f0}.link-generator-page .results-header h2{font-size:18px;font-weight:600;color:#2d3a4b;display:flex;align-items:center;gap:10px;margin:0}.link-generator-page .results-header h2 i{color:#667eea;font-size:20px}.link-generator-page .result-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.link-generator-page .search-section{padding:20px 24px;background:#fff;border-bottom:1px solid #e0e6f0}.link-generator-page .search-section label{display:block;color:#999;font-size:12px;margin-bottom:8px;font-weight:700}.link-generator-page .search-section label i{margin-right:6px}.link-generator-page .search-box{position:relative;display:flex;align-items:center;margin-bottom:12px}.link-generator-page .search-input{width:100%;padding:12px 44px 12px 16px;border:2px solid #667eea;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#f0f2ff;color:#333;display:block;visibility:visible;opacity:1;height:auto;box-sizing:border-box}.link-generator-page .search-input::placeholder{color:#667eea}.link-generator-page .search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.link-generator-page .ip-search-btn{position:absolute;right:12px;background:none;border:none;color:#667eea;cursor:pointer;font-size:18px;transition:all .3s}.link-generator-page .ip-search-btn:hover{color:#764ba2;transform:scale(1.1)}.link-generator-page .results-list{flex:1;list-style:none;overflow-y:auto;padding:12px;margin:0}.link-generator-page .result-item{padding:12px;margin-bottom:8px;background:#f8fafb;border-left:3px solid #667eea;border-radius:6px;transition:all .2s ease;display:flex;gap:8px;align-items:center;cursor:pointer}.link-generator-page .result-item:hover{background:#f0f4ff;transform:translate(4px)}.link-generator-page .result-item.active,.link-generator-page .result-item.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#fff;box-shadow:0 4px 12px #667eea4d}.link-generator-page .result-item.active .result-text,.link-generator-page .result-item.selected .result-text{color:#fff}.link-generator-page .result-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#2d3a4b;word-break:break-all;flex:1;min-width:0}.link-generator-page .copy-buttons{display:flex;gap:4px;flex-shrink:0}.link-generator-page .copy-btn{background:#667eea;color:#fff;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.link-generator-page .copy-btn:hover{background:#4b54c6;transform:scale(1.1);box-shadow:0 2px 8px #667eea4d}.link-generator-page .copy-btn:active{transform:scale(.95)}.link-generator-page .delete-btn{background:none;border:none;color:#999;cursor:pointer;font-size:14px;transition:color .2s;padding:4px 8px}.link-generator-page .delete-btn:hover{color:#ff6b6b}.link-generator-page .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#999}.link-generator-page .empty-icon{font-size:48px;margin-bottom:16px;color:#667eea;opacity:.5}.link-generator-page .empty-state p{font-size:14px;text-align:center;margin:0}.link-generator-page .details-section{padding:20px 24px;border-top:1px solid #e0e6f0}.link-generator-page .details-title{font-size:16px;font-weight:600;color:#2d3a4b;display:flex;align-items:center;gap:10px;margin:0 0 20px}.link-generator-page .details-title i{color:#667eea}.link-generator-page .detail-group{margin-bottom:20px}.link-generator-page .detail-label{font-size:12px;color:#999;margin-bottom:8px;display:block}.link-generator-page .detail-url{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.link-generator-page .url-text{font-size:13px;color:#667eea;font-family:monospace;flex:1;overflow:hidden;text-overflow:ellipsis}.link-generator-page .detail-url-target{background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px;font-size:12px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-generator-page .metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.link-generator-page .metric-box{background:#f8fafb;border:1px solid #e0e6f0;border-radius:6px;padding:12px;text-align:center}.link-generator-page .metric-value{font-size:20px;font-weight:700;color:#667eea;margin-bottom:4px}.link-generator-page .metric-label{font-size:12px;color:#999}@media(max-width:1600px){.link-generator-page .left-panel{width:28%;min-width:300px;max-width:450px}}@media(max-width:1200px){.link-generator-page .main-content{flex-direction:column;gap:16px}.link-generator-page .left-panel{width:100%;min-width:auto;max-width:100%;flex-direction:row;gap:16px}.link-generator-page .profile-section,.link-generator-page .updates-section{flex:1}.link-generator-page .right-panel{flex:1;min-height:500px}}@media(max-width:900px){.link-generator-page .main-content{padding:12px;gap:12px}.link-generator-page .left-panel{flex-direction:column;gap:12px}.link-generator-page .profile-section,.link-generator-page .updates-section{width:100%}.link-generator-page .header{padding:16px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.link-generator-page .app{height:auto}.link-generator-page .main-content{flex-direction:column;padding:8px;gap:8px}.link-generator-page .left-panel{flex-direction:column;gap:8px}.link-generator-page .profile-section,.link-generator-page .updates-section{padding:12px}.link-generator-page .right-panel{min-height:300px}.link-generator-page .results-list{max-height:250px}.link-generator-page .header{padding:12px}.metrics-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.3);border-radius:16px;max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(102,126,234,.2)}.modal-header h2{color:#fff;margin:0;font-size:24px;display:flex;align-items:center;gap:12px}.modal-close-btn{background:none;border:none;color:#999;font-size:28px;cursor:pointer;transition:color .2s;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#667eea}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-section{margin-bottom:32px}.modal-section-title{color:#667eea;font-size:16px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(102,126,234,.2);padding-bottom:12px}.modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-info-item{background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px}.modal-info-item label{display:block;color:#999;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.modal-info-value{display:flex;align-items:center;gap:8px}.modal-input-readonly{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:8px 12px;border-radius:6px;font-size:12px;font-family:monospace;flex:1;outline:none;cursor:text;-webkit-user-select:all;user-select:all}.modal-copy-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:transform .2s}.modal-copy-btn:hover{transform:scale(1.05)}.modal-code{color:#667eea;font-family:monospace;font-size:14px;font-weight:700}.modal-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.modal-stat-card{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;padding:16px;text-align:center}.modal-stat-value{color:#667eea;font-size:28px;font-weight:700;margin-bottom:8px}.modal-stat-label{color:#999;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.modal-access-log{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.modal-access-item{background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px;transition:all .2s}.modal-access-item:hover{background:#667eea1a;border-color:#667eea66}.access-item-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;flex-wrap:wrap}.access-time{color:#667eea;display:flex;align-items:center;gap:6px}.access-ip{color:#999;display:flex;align-items:center;gap:6px;font-family:monospace}.access-item-details{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.1)}.detail-row{display:flex;gap:8px;font-size:11px;margin-bottom:4px}.detail-label{color:#667eea;font-weight:600;min-width:120px}.detail-value{color:#ccc;flex:1}.access-item-footer{font-size:10px;color:#666;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-agent{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-empty-state{text-align:center;padding:40px 20px;color:#999}.modal-empty-state i{font-size:48px;color:#667eea;margin-bottom:16px;opacity:.5;display:block}.modal-empty-state p{margin:0 0 8px;font-size:16px}.modal-empty-state small{display:block;color:#666;font-size:12px}.modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(102,126,234,.2);background:#0003}.modal-action-btn{flex:1;padding:12px 16px;border:1px solid rgba(102,126,234,.3);background:#667eea1a;color:#667eea;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.modal-action-btn:hover{background:#667eea33;border-color:#667eea99;transform:translateY(-2px)}.modal-action-delete{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}.modal-action-delete:hover{background:#ff6b6b33;border-color:#ff6b6b99}@media(max-width:1200px){.modal-info-grid,.modal-stats-grid{grid-template-columns:1fr}}@media(max-width:600px){.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body{padding:16px}.modal-footer{flex-direction:column}}.results-header-right{display:flex;align-items:center;gap:12px}.tutorial-btn{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;border:1.5px solid #667eea;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.tutorial-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.tutorial-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:2000;max-width:700px;width:90%;max-height:75vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.tutorial-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tutorial-modal-header h2{font-size:20px;margin:0 0 4px;display:flex;align-items:center;gap:12px}.tutorial-modal-header p{margin:0;opacity:.95;font-size:13px}.tutorial-close-btn{background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.tutorial-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.tutorial-modal-content{padding:20px 24px;overflow-y:auto;flex:1}.tutorial-step{display:flex;gap:16px;margin-bottom:16px;padding:14px;background:#f8fafb;border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.tutorial-step:hover{background:#f0f4ff;transform:translate(2px)}.step-number{min-width:40px;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.step-content h3{margin:0 0 6px;color:#2d3a4b;font-size:14px;display:flex;align-items:center;gap:6px}.step-content h3 i{color:#667eea;font-size:13px}.step-content p{margin:0;color:#666;font-size:12px;line-height:1.4}.tutorial-example{background:#f0f4ff;padding:8px 10px;border-radius:4px;font-family:Monaco,monospace;font-size:11px;color:#667eea;overflow-x:auto;margin-top:6px}.tutorial-highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea;padding:8px 10px;border-radius:4px;font-size:12px;color:#667eea;font-weight:500;margin-top:6px}.tutorial-features,.tutorial-tips{background:#fff;border:1px solid #e0e6f0;border-radius:10px;padding:14px;margin-bottom:12px}.tutorial-features h3,.tutorial-tips h3{margin:0 0 10px;color:#2d3a4b;font-size:13px;display:flex;align-items:center;gap:6px}.tutorial-features h3 i,.tutorial-tips h3 i{color:#764ba2;font-size:13px}.tutorial-features ul,.tutorial-tips ul{list-style:none;padding:0;margin:0}.tutorial-features li,.tutorial-tips li{padding:6px 0;color:#666;font-size:12px;line-height:1.4;border-bottom:1px solid #f0f4ff}.tutorial-features li:last-child,.tutorial-tips li:last-child{border-bottom:none}.tutorial-features strong,.tutorial-tips strong{color:#667eea}.tutorial-modal-footer{padding:14px 20px;border-top:1px solid #e0e6f0;display:flex;justify-content:flex-end}.tutorial-btn-close{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.tutorial-btn-close:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}@media(max-width:768px){.tutorial-modal{max-width:90%;max-height:80vh}.tutorial-modal-header,.tutorial-modal-content{padding:16px 20px}.tutorial-step{flex-direction:column;gap:10px}.step-number{min-width:32px;width:32px;height:32px;font-size:14px}.tutorial-modal-footer{padding:12px 16px}}.geolocation-stats{display:flex;flex-direction:column;gap:16px}.geo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.geo-stat{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.geo-label{color:#999;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.geo-value{color:#667eea;font-size:20px;font-weight:700}.geolocation-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.geolocation-item{background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px;transition:all .2s}.geolocation-item:hover{background:#667eea1a;border-color:#667eea66;transform:translateY(-2px)}.geolocation-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;flex-wrap:wrap}.geo-time{color:#667eea;display:flex;align-items:center;gap:6px;font-weight:500}.geo-coords{color:#ff6b6b;display:flex;align-items:center;gap:6px;font-family:monospace;font-weight:600}.geolocation-details{margin-top:8px;padding-top:8px;border-top:1px solid rgba(102,126,234,.1)}.geo-map-link{color:#667eea;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;background:#667eea1a;transition:all .2s;font-weight:500}.geo-map-link:hover{background:#667eea33;color:#764ba2}.detail-actions{display:flex;gap:8px!important;flex-wrap:wrap;margin-top:8px!important}.detail-actions .detail-label{display:none}.btn-view-map{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:10px 18px!important;border-radius:6px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:600!important;transition:all .3s ease!important;text-decoration:none!important;white-space:nowrap!important;flex-shrink:0!important;position:relative!important;z-index:101!important;min-width:120px!important;text-align:center!important;justify-content:center!important;box-shadow:0 2px 8px #667eea4d!important}.btn-view-map:hover{background:linear-gradient(135deg,#7c8ff2,#8b5db5)!important;box-shadow:0 4px 12px #667eea80!important;transform:translateY(-2px)!important}.btn-view-map:active{transform:translateY(0)!important}.btn-view-map:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-view-map:active{transform:translateY(0)}.map-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.3);border-radius:16px;max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;overflow:hidden}.map-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.map-modal-header h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}.map-modal-header .modal-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.map-modal-header .modal-close-btn:hover{background:#ffffff4d}.map-modal-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.map-info{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.info-item{display:flex;gap:8px}.info-label{color:#667eea;font-weight:600;min-width:120px;font-size:13px}.info-value{color:#ccc;font-size:13px;line-height:1.4}.map-container{border-radius:8px;border:1px solid rgba(102,126,234,.2);overflow:hidden;background:#2a2a3e;box-shadow:inset 0 2px 4px #0000004d}.map-container .leaflet-top,.map-container .leaflet-bottom{z-index:999}.map-container .leaflet-control-attribution{background:#000000b3!important;color:#999!important;font-size:10px}.map-container .leaflet-control-zoom{background:#000000b3!important;border:1px solid rgba(102,126,234,.3)!important}.map-container .leaflet-control-zoom a{color:#667eea!important;background:transparent!important;border:none!important}.map-container .leaflet-control-zoom a:hover{color:#764ba2!important;background:#667eea1a!important}.map-modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(102,126,234,.1);background:#0003}.btn-external-map,.btn-close-map{flex:1;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-external-map{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-external-map:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-close-map{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.btn-close-map:hover{background:#667eea4d;color:#764ba2}.geo-summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:8px}.geo-stat-mini{display:flex;justify-content:space-between;align-items:center;font-size:12px}.geo-stat-mini span:first-child{color:#999;font-weight:600}.geo-value-mini{color:#667eea;font-weight:700;font-size:14px}.access-gps-section{background:linear-gradient(135deg,#667eea26,#764ba214);border-left:3px solid #667eea;border-radius:6px;padding:12px;margin-top:12px}.gps-header{display:flex;align-items:center;gap:6px;color:#667eea;font-weight:600;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.gps-header i{font-size:14px}.gps-details{border-bottom:none!important;padding-bottom:0!important}.gps-details .detail-row{background:#0003;padding:8px;border-radius:4px;margin-bottom:6px}.gps-details .detail-row:last-child{margin-bottom:0}.detail-row.detail-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;margin-top:12px!important;padding:12px!important;background:#667eea14!important;border:1px solid rgba(102,126,234,.15)!important;border-radius:6px!important;min-height:44px!important;position:relative!important;z-index:100!important}.detail-row.detail-actions .detail-label,.detail-row.detail-actions .detail-value{display:none!important}.detail-row.detail-actions>button{display:inline-flex!important;position:relative!important;z-index:101!important}.gps-value{color:#4ecdc4!important;font-weight:600}.gps-coords{color:#ff6b6b!important;font-family:monospace;font-weight:700}@media(max-width:768px){.geo-summary{grid-template-columns:1fr}.geolocation-header{flex-direction:column;gap:8px}.geo-summary-bar{grid-template-columns:repeat(2,1fr)}}.app.business-searcher-page{display:flex;flex-direction:column;height:100vh;background:#f5f7fa}.business-searcher-page .header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px 24px;box-shadow:0 4px 12px #00000026;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.business-searcher-page .main-content{display:flex;flex:1;gap:16px;padding:16px;overflow:hidden;max-width:100%}.business-searcher-page .left-panel{width:25%;min-width:300px;max-width:500px;display:flex;flex-direction:column;gap:16px}.business-searcher-page .right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.business-searcher-page .profile-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff}.business-searcher-page .profile-section .profile-header{display:flex;align-items:center;margin-bottom:0;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.2)}.business-searcher-page .profile-icon{font-size:28px;margin-right:12px;color:#fff;opacity:.9}.business-searcher-page .profile-section .profile-header h2{margin:0;color:#fff;font-size:18px}.business-searcher-page .profile-info{margin-bottom:0;padding:16px 0 0}.business-searcher-page .profile-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.business-searcher-page .profile-item:last-child{border-bottom:none}.business-searcher-page .updates-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff;margin-top:16px}.business-searcher-page .updates-section .section-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2)}.business-searcher-page .updates-section .section-header h3{margin:0;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.business-searcher-page .updates-section i{font-size:18px;opacity:.9}.business-searcher-page .updates-list{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto}.business-searcher-page .update-item{padding:10px 12px;background:#ffffff1a;border-radius:6px;font-size:12px;border-left:3px solid rgba(255,255,255,.3);transition:all .3s ease}.business-searcher-page .update-item:hover{background:#ffffff26;border-left-color:#fff}.search-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.search-header{padding:24px;border-bottom:1px solid #e0e0e0;background:#fff}.search-header h2{margin:0 0 8px;color:#2d3a4b;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.search-header h2 i{color:#667eea;font-size:32px}.search-subtitle{margin:0;color:#999;font-size:13px;font-weight:400}.search-section{padding:24px;background:#fff;border-bottom:1px solid #e0e0e0}.search-type-tabs{display:flex;gap:12px;margin-bottom:16px;border-bottom:2px solid #e0e0e0;padding-bottom:12px}.tab-btn{padding:8px 14px;background:none;border:none;color:#999;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;transition:all .2s;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}.tab-btn:hover{color:#667eea}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.search-input-wrapper{display:flex;gap:8px;position:relative}.search-input{flex:1;padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#2d3a4b;font-size:14px;outline:none;transition:all .2s}.search-input:focus{border-color:#667eea;box-shadow:0 0 16px #667eea33}.search-input::placeholder{color:#999}.search-btn{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:600}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-results{padding:24px;background:#fff;flex:1;overflow-y:auto}.results-title{color:#667eea;font-size:12px;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{padding:16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.result-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.result-main h4{color:#2d3a4b;font-size:14px;margin:0 0 6px;font-weight:600}.result-secondary{color:#999;font-size:12px;margin:0}.result-status{display:flex;gap:8px}.status-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap;background:#ff6b6b33;color:#ff6b6b}.status-badge.active{background:#4bc04b33;color:#4bc04b}.status-badge.large{padding:8px 16px;font-size:12px}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state i{font-size:48px;color:#667eea;margin-bottom:16px;display:block;opacity:.5}.empty-state p{font-size:16px;margin:0 0 8px;color:#2d3a4b}.empty-state small{display:block;color:#999;font-size:12px}.company-details-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.company-details-header{padding:24px;border-bottom:1px solid #e0e0e0;background:#fff;display:flex;justify-content:space-between;align-items:flex-start}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;align-self:flex-start}.back-btn:hover{background:#f8f9fa;border-color:#667eea;transform:translate(-2px)}.company-header{flex:1;margin-left:16px}.company-header h2{color:#2d3a4b;font-size:24px;margin:0 0 8px;font-weight:700}.company-header p{color:#999;font-size:13px;margin:0}.loading-state{text-align:center;padding:60px 20px;color:#999}.loading-state i{font-size:32px;color:#667eea;margin-bottom:16px;display:block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tabs-navigation{display:flex;gap:12px;padding:0 24px;background:#fff;border-bottom:2px solid #e0e0e0;overflow-x:auto}.tab{padding:14px 16px;background:none;border:none;color:#999;cursor:pointer;font-size:13px;font-weight:600;text-transform:uppercase;transition:all .2s;border-bottom:3px solid transparent;display:flex;align-items:center;gap:6px;white-space:nowrap}.tab:hover{color:#667eea}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{padding:24px;flex:1;overflow-y:auto}.info-section{display:flex;flex-direction:column;gap:24px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .3s ease}.info-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.info-item label{display:block;color:#667eea;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.info-item p{color:#2d3a4b;font-size:14px;margin:0;font-weight:500}.address-section,.contact-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.address-section h3,.contact-section h3{color:#667eea;font-size:13px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.address-info p,.contact-section p{color:#2d3a4b;font-size:13px;margin:6px 0}.socios-section,.socios-list{display:flex;flex-direction:column;gap:12px}.socio-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease}.socio-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.socio-main h4{color:#2d3a4b;font-size:14px;margin:0 0 4px;font-weight:600}.socio-qualificacao{color:#667eea;font-size:12px;margin:0;font-weight:500;text-transform:uppercase}.socio-details{text-align:right}.socio-details p{color:#999;font-size:12px;margin:4px 0}.socio-details strong{color:#667eea;font-weight:600}.timeline-section{position:relative;padding:0}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea,transparent)}.timeline-item{display:flex;gap:20px;margin-bottom:24px;position:relative}.timeline-marker{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;margin-top:2px;flex-shrink:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.timeline-content{flex:1}.timeline-content h4{color:#667eea;font-size:12px;font-weight:600;text-transform:uppercase;margin:0 0 4px;letter-spacing:.5px}.timeline-date{color:#999;font-size:12px;margin:0 0 6px}.timeline-description{color:#2d3a4b;font-size:13px;margin:0}.indicadores-section,.indicadores-list{display:flex;flex-direction:column;gap:12px}.indicador-item{background:#ffc03d1a;border:2px solid rgba(255,192,61,.3);border-radius:8px;padding:16px;display:flex;gap:12px;transition:all .3s ease}.indicador-item:hover{background:#ffc03d26;border-color:#ffc03d99;transform:translateY(-2px)}.indicador-item i{color:#ffc03d;font-size:18px;flex-shrink:0;margin-top:2px}.indicador-item h4{color:#ffc03d;font-size:12px;font-weight:600;margin:0 0 4px;text-transform:uppercase}.indicador-item p{color:#2d3a4b;font-size:12px;margin:0}.indicador-valor{color:#999;font-size:11px;margin-top:4px!important}.relacionadas-section,.relacionadas-list{display:flex;flex-direction:column;gap:12px}.relacionada-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.relacionada-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.relacionada-item h4{color:#2d3a4b;font-size:13px;font-weight:600;margin:0 0 6px}.relacionada-item p{color:#999;font-size:11px;margin:0 0 8px}.info-notice{background:#667eea1a;border-left:3px solid #667eea;border-radius:4px;padding:12px;margin-bottom:12px}.info-notice p{color:#2d3a4b;font-size:11px;margin:0;line-height:1.4}.legal-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff;margin-top:16px}.legal-section h3{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.legal-section p{margin:8px 0;color:#fff;font-size:12px;line-height:1.4;opacity:.9}@media(max-width:1200px){.business-searcher-page .main-content{flex-direction:column}.business-searcher-page .left-panel{width:100%;max-width:100%;min-width:auto}.business-searcher-page .right-panel{flex:1}.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.business-searcher-page .header{padding:24px 16px;flex-wrap:wrap}.business-searcher-page .main-content{padding:12px;gap:12px}.search-header,.search-section,.search-results,.company-details-header,.tabs-navigation,.tab-content{padding:16px}.info-grid{grid-template-columns:1fr}.tabs-navigation{flex-wrap:wrap}.tab{padding:10px 12px;font-size:12px}}@media(max-width:600px){.business-searcher-page .header{padding:16px 12px}.business-searcher-page .main-content{padding:8px;gap:8px}.search-header h2{font-size:20px}.search-header,.search-section,.search-results,.company-details-header,.tabs-navigation,.tab-content{padding:12px}.search-input{padding:10px 12px;font-size:13px}.search-btn{padding:10px 16px;font-size:14px}.search-type-tabs{gap:6px;margin-bottom:12px}.tab-btn{padding:6px 10px;font-size:11px}.tab{padding:8px 10px;font-size:11px}.info-grid{grid-template-columns:1fr}.socio-item{flex-direction:column;gap:10px}.socio-details{text-align:left;align-self:flex-start}.result-item{flex-direction:column;align-items:flex-start;gap:10px}.result-status{align-self:flex-start}}align-items: flex-start; gap: 10px; } .result-status{align-self:flex-start}} .company-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.company-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.company-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;gap:16px}.company-modal-title{flex:1}.company-modal-title h2{margin:0;color:#2d3a4b;font-size:24px;font-weight:700}.company-modal-title p{margin:4px 0 0;color:#999;font-size:13px}.company-modal-actions{display:flex;gap:10px;align-items:center}.modal-btn{padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.modal-btn-export{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-btn-close{background:#f0f0f0;color:#666}.modal-btn-close:hover{background:#e0e0e0}.company-modal-content{padding:20px;flex:1;overflow-y:auto}.modal-tabs-navigation{display:flex;gap:12px;padding:0 20px;margin:0 0 16px;border-bottom:2px solid #e0e0e0;overflow-x:auto}.modal-tab{padding:8px 12px;background:none;border:none;color:#999;cursor:pointer;font-size:13px;font-weight:600;text-transform:uppercase;transition:all .2s;border-bottom:3px solid transparent;display:flex;align-items:center;gap:6px;white-space:nowrap}.modal-tab:hover{color:#667eea}.modal-tab.active{color:#667eea;border-bottom-color:#667eea}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.app.email-checker-page{display:flex;flex-direction:column;height:100vh;background:#f5f7fa;width:100%}.email-checker-page .header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;box-shadow:0 4px 12px #00000026;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-shrink:0}.email-checker-page .header-content{width:auto;max-width:100%;flex-shrink:0}.email-checker-page .header-logo{height:60px;width:auto;object-fit:contain;margin-bottom:0;display:block}.email-checker-page .social-icons{display:flex;align-items:center;gap:16px;flex:1;justify-content:center}.email-checker-page .telegram-icon,.email-checker-page .whatsapp-icon{color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease}.email-checker-page .telegram-icon:hover,.email-checker-page .whatsapp-icon:hover{transform:scale(1.1);opacity:.8}.email-checker-page .header-tools{display:flex;align-items:center;gap:16px;flex-shrink:0}.email-checker-page .tools-menu-container{position:relative}.email-checker-page .tools-menu-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.email-checker-page .tools-menu-btn:hover{background:#ffffff4d;border-color:#ffffff80}.email-checker-page .tools-arrow{display:inline-block;transition:transform .2s ease}.email-checker-page .tools-arrow.rotated{transform:rotate(90deg)}.email-checker-page .tools-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;margin-top:8px;min-width:200px;overflow:hidden;animation:slideDown .2s ease}.email-checker-page .tool-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;border:none;background:transparent;color:#2d3a4b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.email-checker-page .tool-item:hover{background:#f5f7fa}.email-checker-page .tool-item.active{background:linear-gradient(135deg,#667eea14,#764ba214)}.email-checker-page .tool-item.active span{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.email-checker-page .tool-icon{font-size:16px}.email-checker-page .main-content{display:flex;flex:1;gap:16px;padding:16px;overflow:hidden;max-width:100%}.email-checker-page .left-panel{width:25%;min-width:300px;max-width:500px;display:flex;flex-direction:column;gap:16px}.email-checker-page .right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.email-checker-page .profile-section{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:16px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea33;color:#fff}.email-checker-page .profile-section .profile-header{display:flex;align-items:center;margin-bottom:0;padding:20px;border-bottom:2px solid rgba(255,255,255,.2)}.email-checker-page .profile-icon{font-size:28px;margin-right:12px;color:#fff;opacity:.9}.email-checker-page .profile-section .profile-header h2{margin:0;color:#fff;font-size:18px}.email-checker-page .profile-info{margin-bottom:0;padding:0 20px}.email-checker-page .profile-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.email-checker-page .profile-item:last-child{border-bottom:none}.email-checker-page .profile-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#ffffffd9}.email-checker-page .profile-label i{font-size:14px}.email-checker-page .profile-value{font-weight:600;color:#fff}.email-checker-page .updates-section{margin-top:16px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.email-checker-page .updates-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e6f0}.email-checker-page .updates-header i{font-size:24px;margin-right:12px;color:#667eea}.email-checker-page .updates-section h2{margin:0;color:#2d3a4b;font-size:16px}.email-checker-page .updates-list{max-height:400px;overflow-y:auto}.email-checker-page .update-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid #e0e6f0;gap:6px}.email-checker-page .update-item:last-child{border-bottom:none}.email-checker-page .update-message{display:flex;align-items:center;gap:10px;color:#2d3a4b;font-size:13px;font-weight:500}.email-checker-page .update-dot,.email-checker-page .update-item i{font-size:14px;color:#667eea;flex-shrink:0}.email-checker-page .update-item p{margin:0;color:#2d3a4b;font-size:13px;font-weight:500}.email-checker-page .update-item small,.email-checker-page .update-time{font-size:12px;color:#999;padding-left:18px}.email-checker-page .no-updates{text-align:center;color:#999;padding:20px 10px;margin:0;font-size:13px}.email-checker-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.checker-header{padding:24px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid #e0e6f0}.checker-header h2{margin:0 0 8px;color:#2d3a4b;font-size:20px;display:flex;align-items:center;gap:12px}.checker-header h2 i{color:#667eea;font-size:22px}.checker-header p{margin:0;color:#666;font-size:13px}.checker-content{padding:24px;overflow-y:auto;flex:1}.email-form{margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#2d3a4b;font-weight:600;font-size:14px}.input-group{display:flex;gap:8px;align-items:stretch}.email-input{flex:1;padding:12px 16px;border:2px solid #e0e6f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease}.email-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.email-input:disabled{background:#f5f7fa;cursor:not-allowed;opacity:.7}.analyze-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.analyze-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{padding:12px 16px;background:#fee;color:#c33;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:12px;font-size:14px}.error-message i{font-size:16px}.analysis-result{margin-bottom:24px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e0e6f0}.result-header h3{margin:0;color:#2d3a4b;font-size:16px}.risk-badge{padding:8px 16px;background:#fff;border:2px solid;border-radius:20px;font-weight:600;font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.result-card{padding:16px;background:#f8fafb;border-left:4px solid #667eea;border-radius:8px}.result-card h4{margin:0 0 8px;color:#2d3a4b;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.result-card h4 i{color:#667eea;font-size:14px}.result-value{margin:0;color:#555;font-size:14px;word-break:break-all;font-weight:500}.indicators-section{margin-bottom:20px}.indicators-section h4{margin:0 0 12px;color:#2d3a4b;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.indicators-list{display:flex;flex-direction:column;gap:8px}.indicator-item{padding:10px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea;border-radius:6px;color:#555;font-size:13px;display:flex;align-items:flex-start;gap:8px}.indicator-item i{color:#667eea;flex-shrink:0;margin-top:2px}.no-indicators{padding:10px 12px;color:#10b981;font-size:13px;background:#f0fdf4;border-left:3px solid #10b981;margin:0;border-radius:6px}.analysis-note{padding:12px 16px;background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:6px;font-size:12px;color:#0369a1;display:flex;gap:8px}.analysis-note i{flex-shrink:0;margin-top:1px}.analysis-note p{margin:0;line-height:1.5}.history-section{margin-top:20px;padding-top:20px;border-top:2px solid #e0e6f0}.history-section h4{margin:0 0 12px;color:#2d3a4b;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{padding:12px;background:#f8fafb;border-left:3px solid #667eea;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.history-item:hover{background:#f0f4ff;transform:translate(4px)}.history-email{color:#555;font-size:13px;flex:1;word-break:break-all}.history-classification{font-weight:600;font-size:12px;white-space:nowrap;margin-left:12px}@media(max-width:1024px){.email-checker-page .left-panel{width:30%;min-width:280px}}@media(max-width:768px){.email-checker-page .main-content{flex-direction:column;gap:12px}.email-checker-page .left-panel{width:100%;max-width:100%;flex-direction:row;gap:12px}.profile-section,.updates-section{flex:1;min-width:200px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.input-group{flex-direction:column}.analyze-btn{width:100%}}@media(max-width:600px){.email-checker-page .header,.checker-header,.checker-content{padding:16px}.result-grid{grid-template-columns:1fr}.result-header{flex-direction:column;align-items:flex-start;gap:8px}}