@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;overflow:hidden}section{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap;overflow:hidden;z-index:0}section:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(#000,#0f0,#000);animation:animate 5s linear infinite}@keyframes animate{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}section span{position:relative;display:block;width:calc(6.25vw - 2px);height:calc(6.25vw - 2px);background:#181818;z-index:1;transition:1.5s}section span:hover{background:#0f0;transition:0s}.signin{position:relative;width:90%;max-width:400px;background:#222;z-index:1000;display:flex;justify-content:center;align-items:center;padding:30px;border-radius:8px;box-shadow:0 15px 35px #000000e6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.signin .content{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.signin .content h2{font-size:clamp(1.5rem,2.5vw,2em);color:#0f0;text-transform:uppercase;text-align:center}.signin .content .form{width:100%;display:flex;flex-direction:column;gap:20px}.signin .content .form .inputBox{position:relative;width:100%}.signin .content .form .inputBox input{position:relative;width:100%;background:#333;border:none;outline:none;padding:20px 10px 7.5px;border-radius:4px;color:#fff;font-weight:500;font-size:clamp(.9rem,1vw,1em)}.signin .content .form .inputBox i{position:absolute;left:0;padding:15px 10px;font-style:normal;color:#aaa;transition:.5s;pointer-events:none}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{transform:translateY(-7.5px);font-size:.8em;color:#fff}.signin .content .form .links{position:relative;width:100%;display:flex;justify-content:space-between}.signin .content .form .links a{color:#fff;text-decoration:none;font-size:.9em}.signin .content .form .links a:nth-child(2){color:#0f0;font-weight:600}.signin .content .form .inputBox input[type=submit]{padding:10px;background:#0f0;color:#000;font-weight:600;font-size:1.2em;letter-spacing:.05em;cursor:pointer;border-radius:4px;transition:.3s}input[type=submit]:active{opacity:.6}@media (max-width: 1200px){section span{width:calc(8vw - 2px);height:calc(8vw - 2px)}}@media (max-width: 900px){section span{width:calc(12vw - 2px);height:calc(12vw - 2px)}}@media (max-width: 768px){.signin{padding:20px}section span{width:calc(15vw - 2px);height:calc(15vw - 2px)}}@media (max-width: 480px){.signin{padding:15px}section span{width:calc(25vw - 2px);height:calc(25vw - 2px)}.signin .content .form .links{flex-direction:column;gap:10px;text-align:center}}.top-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#050505f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,255,102,.15);box-shadow:0 2px 20px #0000004d}.top-navbar-content{display:flex;align-items:center;gap:16px;padding:16px 24px;max-width:none;margin:0 clamp(20px,2.5vw,32px)}.menu-toggle-btn{border:1px solid rgba(0,255,102,.35);background:transparent;color:#0f6;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.search-container{flex:1;display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid rgba(0,255,102,.18);border-radius:12px;padding:12px 16px;max-width:500px;transition:all .2s ease}.search-icon{color:#8cff8c;font-size:16px;flex-shrink:0}.search-input{background:transparent;border:0;outline:none;color:#d6ffd6;width:100%;font-size:14px;font-family:inherit}.user-status{display:flex;align-items:center;gap:10px;color:#8cff8c;border:1px solid rgba(0,255,102,.18);padding:10px 16px;border-radius:999px;background:#1a1a1acc;transition:all .2s ease}.status-dot{color:#0f6;font-size:12px;animation:pulse 2s infinite}.status-text{font-size:14px;font-weight:500;letter-spacing:.5px}body{font-family:Quicksand,sans-serif;background:#000;color:#0f0;margin:0;padding:0}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:220px;background:#111;padding:20px;display:flex;flex-direction:column}.sidebar h2{color:#0f0;margin-bottom:30px}.sidebar a{color:#0f0;text-decoration:none;margin:10px 0}.main-content{flex:1;padding:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.card{background:#222;padding:20px;border-radius:5px;box-shadow:0 0 10px #0f0;transition:.3s}.card:hover{box-shadow:0 0 20px #0f0}.card h3{margin:0 0 10px}.chart-container{background:#111;padding:20px;border-radius:5px;box-shadow:0 0 10px #0f0}:root{--bg:#000;--panel:#111;--panel-2:#1a1a1a;--text:#d6ffd6;--muted:#8cff8c;--neon:#00ff66;--shadow:0 0 12px rgba(0,255,102,.35), inset 0 0 12px rgba(0,255,102,.1)}html,body,#root{height:100%}body{background:var(--bg);color:var(--text)}#root{max-width:100vw;overflow-x:hidden}.dashboard{display:flex;min-height:100vh;overflow:hidden}.sidebar{width:clamp(220px,20vw,280px);background:linear-gradient(180deg,#0b0b0b,#121212);border-right:1px solid rgba(0,255,102,.15);box-shadow:var(--shadow);padding:clamp(16px,1.5vw,24px);position:fixed;top:0;left:0;height:100vh;z-index:50;transition:all .3s ease}.sidebar.collapsed{left:calc(-1*clamp(220px,20vw,280px))}.brand{display:flex;align-items:center;gap:clamp(8px,1vw,12px);margin-bottom:clamp(18px,2vw,24px)}.brand .dot{width:clamp(8px,1vw,12px);height:clamp(8px,1vw,12px);background:var(--neon);border-radius:50%;box-shadow:0 0 8px var(--neon)}.brand h1{font-size:clamp(1rem,1.2vw,1.3rem);letter-spacing:.12em;color:var(--neon)}.nav{display:flex;flex-direction:column;gap:clamp(4px,.8vw,8px);margin-top:clamp(6px,1vw,10px)}.nav a{color:var(--text);text-decoration:none;font-size:clamp(.85rem,1vw,1rem);padding:clamp(8px,1vw,12px);border-radius:clamp(6px,1vw,8px);display:flex;justify-content:space-between;align-items:center;border:1px solid transparent}.nav a:hover,.nav a.active{background:var(--panel-2);border-color:#00ff6640;box-shadow:var(--shadow)}.nav-dropdown-container,.nav-link-with-dropdown{position:relative}.nav-link-with-dropdown .dropdown-arrow{font-size:clamp(10px,1vw,12px);transition:transform .3s ease;color:var(--muted)}.nav-link-with-dropdown .dropdown-arrow.open{transform:rotate(180deg)}.nav-link-with-dropdown.dropdown-open{background:var(--panel-2);border-color:#00ff6659}.nav-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:clamp(4px,.8vw,8px);background:var(--panel-2);border:1px solid rgba(0,255,102,.25);border-radius:clamp(6px,1vw,8px);box-shadow:0 4px 16px #0006;z-index:100;overflow:hidden;animation:dropdownSlide .2s ease-out}.nav-dropdown-item{width:100%;padding:clamp(10px,1.2vw,14px) clamp(12px,1.5vw,16px);background:transparent;border:none;border-bottom:1px solid rgba(0,255,102,.1);color:var(--text);font-size:clamp(.85rem,1vw,1rem);text-align:left;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:#00ff661a;color:var(--neon)}.coming-soon-badge{font-size:clamp(.7rem,.8vw,.85rem);color:var(--muted);opacity:.7;font-style:italic;font-weight:400}.main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:clamp(220px,20vw,280px);transition:margin-left .3s ease}.main.sidebar-collapsed{margin-left:0}.content{padding:clamp(80px,8vh,120px) clamp(20px,3vw,40px) clamp(20px,3vw,40px) clamp(20px,3vw,40px);display:grid;gap:clamp(18px,2.5vw,32px);grid-template-columns:1fr;max-width:none}.kpis{display:grid;gap:clamp(16px,2vw,28px);grid-template-columns:repeat(auto-fit,minmax(clamp(160px,20vw,220px),1fr))}.card{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(12px,1.5vw,18px);padding:clamp(16px,2vw,24px);box-shadow:var(--shadow);position:relative;overflow:hidden}.card h3{font-size:clamp(.85rem,1.2vw,1.1rem);color:var(--muted);margin-bottom:clamp(8px,1.2vw,10px);letter-spacing:.06em}.kpi-value{font-size:clamp(1.6rem,3vw,2.8rem);font-weight:700;color:var(--neon);text-shadow:0 0 10px rgba(0,255,102,.35)}.kpi-sub{font-size:clamp(.75rem,1vw,1.1rem);color:#9ae69a}.panels{display:grid;gap:clamp(20px,2.5vw,32px);grid-template-columns:repeat(auto-fit,minmax(clamp(300px,40vw,500px),1fr))}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.2vw,14px);color:var(--muted)}.panel{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(14px,1.8vw,20px);padding:clamp(16px,2vw,24px);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;font-size:clamp(.85rem,1.1vw,1.1rem)}.table th,.table td{padding:clamp(10px,1.2vw,16px);border-bottom:1px dashed rgba(0,255,102,.15)}.table th{color:var(--muted);font-weight:600;text-align:left}.badge{padding:clamp(4px,.6vw,8px) clamp(8px,1vw,14px);border-radius:999px;border:1px solid rgba(0,255,102,.25);color:var(--text);font-size:clamp(.75rem,1vw,1rem)}.badge.ok{background:#00ff6614}.badge.warn{background:#ffa50014;border-color:#ffa50059;color:#ffdca8}@media (min-width: 768px) and (max-width: 1366px){.sidebar{width:clamp(200px,18vw,240px)}.main{margin-left:clamp(200px,18vw,240px)}.content{padding:clamp(80px,7vh,110px) clamp(20px,2.5vw,32px) clamp(20px,2.5vw,32px) clamp(20px,2.5vw,32px);gap:clamp(20px,2.5vw,28px)}.kpis{grid-template-columns:repeat(auto-fit,minmax(clamp(180px,22vw,220px),1fr));gap:clamp(18px,2vw,24px)}.panels{grid-template-columns:repeat(auto-fit,minmax(clamp(320px,45vw,480px),1fr))}}@media (min-width: 1367px) and (max-width: 1920px){.sidebar{width:clamp(240px,16vw,280px)}.main{margin-left:clamp(240px,16vw,280px)}.content{padding:clamp(90px,6vh,130px) clamp(24px,2vw,36px) clamp(24px,2vw,36px) clamp(24px,2vw,36px);gap:clamp(24px,2vw,32px)}.kpis{grid-template-columns:repeat(4,minmax(clamp(200px,18vw,280px),1fr));gap:clamp(20px,1.8vw,28px)}.panels{grid-template-columns:2fr 1fr}}@media (min-width: 1921px){.sidebar{width:clamp(280px,14vw,350px)}.main{margin-left:clamp(280px,14vw,350px)}.content{padding:clamp(100px,5vh,150px) clamp(32px,1.5vw,48px) clamp(32px,1.5vw,48px) clamp(32px,1.5vw,48px);gap:clamp(28px,1.5vw,40px);max-width:2400px;margin-left:auto;margin-right:auto}.kpis{grid-template-columns:repeat(4,minmax(clamp(250px,15vw,320px),1fr));gap:clamp(24px,1.5vw,32px)}.panels{grid-template-columns:2fr 1fr;gap:clamp(32px,1.5vw,40px)}}@media (max-width: 900px){.sidebar{position:fixed;left:calc(-1*clamp(220px,20vw,280px));transition:.3s ease;z-index:50;width:clamp(260px,70vw,320px)}.sidebar.open{left:0}.main{margin-left:0}.kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.panels{grid-template-columns:1fr}.top-navbar-content{padding:12px 16px;gap:12px;margin:0 16px}.search-container{max-width:none;padding:10px 14px}.menu-toggle-btn{min-width:40px;height:40px;padding:8px 10px}.user-status{padding:8px 12px}}@media (max-width: 520px){.kpis{grid-template-columns:1fr}.sidebar{width:90vw;max-width:300px}.top-navbar-content{padding:10px 12px;gap:8px;margin:0 12px}.search-container{padding:8px 12px}.user-status .status-text{display:none}.user-status{padding:8px;min-width:40px;justify-content:center}}.admin-section{margin-bottom:32px;padding:20px;background:#1a1a1a;border-radius:12px;border:1px solid #2d3748}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h3{margin:0;color:#e2e8f0;font-size:1.3rem;font-weight:600}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#4a5568;color:#e2e8f0;border:1px solid #718096}.btn-secondary:hover{background:#2d3748;border-color:#4299e1;transform:translateY(-1px)}.btn-danger{background:#e53e3e;color:#fff;border:1px solid #c53030}.btn-danger:hover{background:#c53030;border-color:#9c2626;transform:translateY(-1px)}.top-navbar{position:fixed;top:0;left:min(260px,20vw);right:0;z-index:1000;background:#050505f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,255,102,.15);box-shadow:0 2px 20px #0000004d;transition:left .3s ease}.top-navbar.sidebar-collapsed{left:0}.top-navbar-content{display:flex;align-items:center;gap:clamp(12px,1.5vw,20px);padding:clamp(12px,1.5vw,20px) clamp(20px,2.5vw,32px);max-width:1400px;margin:0 auto}.menu-toggle-btn{border:1px solid rgba(0,255,102,.35);background:transparent;color:#0f6;padding:clamp(8px,1vw,12px) clamp(10px,1.2vw,14px);border-radius:clamp(6px,1vw,8px);cursor:pointer;font-size:clamp(14px,1.5vw,18px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:clamp(40px,5vw,50px);height:clamp(40px,5vw,50px)}.menu-toggle-btn:hover{background:#00ff661a;border-color:#00ff6680;box-shadow:0 0 12px #0f63}.menu-toggle-btn:active{transform:scale(.95)}.search-container{flex:1;display:flex;align-items:center;gap:clamp(10px,1.2vw,14px);background:#1a1a1a;border:1px solid rgba(0,255,102,.18);border-radius:clamp(10px,1.2vw,14px);padding:clamp(10px,1.2vw,14px) clamp(14px,1.5vw,18px);max-width:clamp(400px,50vw,600px);transition:all .2s ease}.search-container:focus-within{border-color:#0f66;box-shadow:0 0 0 3px #00ff661a}.search-icon{color:#8cff8c;font-size:clamp(14px,1.5vw,18px);flex-shrink:0}.search-input{background:transparent;border:0;outline:none;color:#d6ffd6;width:100%;font-size:clamp(12px,1.2vw,16px);font-family:inherit}.search-input::placeholder{color:#8cff8c;opacity:.7}.user-dropdown{position:relative}.user-status{display:flex;align-items:center;gap:clamp(8px,1vw,12px);color:#8cff8c;border:1px solid rgba(0,255,102,.18);padding:clamp(8px,1vw,12px) clamp(14px,1.5vw,18px);border-radius:999px;background:#1a1a1acc;transition:all .2s ease;cursor:pointer;border:none;font-family:inherit}.user-status:hover{border-color:#00ff664d;background:#1a1a1a}.user-status.active{border-color:#00ff6680;background:#00ff661a}.status-dot{font-size:clamp(10px,1.2vw,14px);animation:pulse 2s infinite}.status-dot.online{color:#0f6}.status-dot.away{color:orange;animation:none}.status-text{font-size:clamp(12px,1.2vw,16px);font-weight:500;letter-spacing:.5px;text-transform:capitalize}.dropdown-arrow{font-size:clamp(10px,1vw,12px);transition:transform .2s ease;margin-left:4px}.user-status.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1a1a1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,255,102,.2);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1001;animation:dropdownSlide .2s ease-out;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px 20px;border-bottom:1px solid rgba(0,255,102,.1);display:flex;justify-content:space-between;align-items:center}.user-name{font-weight:600;color:var(--text);font-size:14px}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.online{background:#0f63;color:#0f6;border:1px solid rgba(0,255,102,.3)}.status-badge.away{background:#ffa50033;color:orange;border:1px solid rgba(255,165,0,.3)}.dropdown-divider{height:1px;background:#00ff661a;margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:transparent;border:none;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:active{background:#0f63}.item-icon{font-size:16px;width:20px;text-align:center}.item-text{font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 900px){.top-navbar{left:0}}@media (max-width: 768px){.top-navbar-content{padding:12px 16px;gap:12px}.search-container{max-width:none;padding:10px 14px}.menu-toggle-btn{min-width:40px;height:40px;padding:8px 10px}.user-status{padding:8px 12px}}@media (max-width: 480px){.top-navbar-content{padding:10px 12px;gap:8px}.search-container{padding:8px 12px}.user-status .status-text{display:none}.user-status{padding:8px;min-width:40px;justify-content:center}.dropdown-menu{right:-10px;min-width:180px}.dropdown-header{padding:12px 16px}.dropdown-item{padding:10px 16px;font-size:13px}}.user-creation-panel{margin-top:20px}.user-creation-panel .panel{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(14px,1.8vw,20px);padding:clamp(16px,2vw,24px);box-shadow:var(--shadow)}.user-creation-panel .panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.2vw,14px);color:var(--muted)}.user-creation-panel .badge{padding:clamp(4px,.6vw,8px) clamp(8px,1vw,14px);border-radius:999px;border:1px solid rgba(0,255,102,.25);color:var(--text);font-size:clamp(.75rem,1vw,1rem)}.user-creation-panel .badge.ok{background:#00ff6614}.alert{display:flex;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border:1px solid}.alert-icon{margin-right:8px;font-size:1.1rem}.alert-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.alert-success{background:#00ff661a;border-color:#00ff664d;color:#8cff8c}.user-form{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,28px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.5vw,28px)}.user-creation-panel .inputBox{position:relative;width:100%}.user-creation-panel .inputBox input{position:relative;width:100%;background:#333;border:none;outline:none;padding:20px 10px 7.5px;border-radius:4px;color:#fff;font-weight:500;font-size:clamp(.9rem,1vw,1em);transition:all .3s ease}.user-creation-panel .inputBox input:focus{background:#444}.user-creation-panel .inputBox input:disabled{opacity:.6;cursor:not-allowed}.user-creation-panel .inputBox i{position:absolute;left:0;padding:15px 10px;font-style:normal;color:#aaa;transition:.5s;pointer-events:none;font-size:.9rem}.user-creation-panel .inputBox input:focus~i,.user-creation-panel .inputBox input:valid~i{transform:translateY(-7.5px);font-size:.8em;color:#0f6}.checkbox-group{margin-top:10px;display:flex;justify-content:center}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:var(--text);padding:10px 20px;border-radius:8px;border:1px solid rgba(0,255,102,.2);background:#00ff660d;transition:all .3s ease}.checkbox-label:hover{background:#00ff661a;border-color:#0f66}.checkbox-label input[type=checkbox]{margin-right:8px;width:16px;height:16px;accent-color:#00ff66}.checkbox-text{-webkit-user-select:none;user-select:none;font-weight:500}.form-actions{margin-top:24px;display:flex;justify-content:center}.submit-btn{padding:10px 30px;background:#0f6;color:#000;font-weight:600;font-size:1.1em;letter-spacing:.05em;cursor:pointer;border-radius:4px;border:none;transition:.3s;min-width:160px}.submit-btn:hover:not(:disabled){background:#00e55c;transform:translateY(-1px);box-shadow:0 4px 12px #00ff664d}.submit-btn:active{opacity:.8;transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:16px}.checkbox-group{justify-content:flex-start}.checkbox-label{padding:8px 16px}}.response-section{margin-top:24px;padding:20px;background:#00ff660d;border:1px solid rgba(0,255,102,.2);border-radius:12px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,102,.2)}.response-header h3{margin:0;color:var(--neon);font-size:1.2rem;font-weight:600}.response-table-container{overflow-x:auto}.response-table{width:100%;border-collapse:collapse;font-size:.9rem}.response-table tr{border-bottom:1px solid rgba(0,255,102,.1)}.response-table tr:last-child{border-bottom:none}.response-table td{padding:12px 8px;vertical-align:top}.response-table .label{font-weight:600;color:var(--muted);width:120px;min-width:120px}.response-table .value{color:var(--text);font-family:Courier New,monospace;word-break:break-all}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#0f63;color:#0f6;border:1px solid rgba(0,255,102,.4)}.status-badge.inactive{background:#ffa50033;color:orange;border:1px solid rgba(255,165,0,.4)}@media (max-width: 768px){.response-section{padding:16px;margin-top:20px}.response-header{flex-direction:column;align-items:flex-start;gap:8px}.response-table .label{width:100px;min-width:100px;font-size:.85rem}.response-table .value{font-size:.85rem}}.analytics-container{padding:20px;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.analytics-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#00f5ff;text-shadow:0 0 8px #00f5ff}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.card{padding:20px;border-radius:12px;text-align:center;font-weight:700;font-size:1.2rem;background:#111;color:#fff;box-shadow:0 0 10px #0ff6;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.neon-blue{border:2px solid #2196f3;text-shadow:0 0 8px #2196f3}.neon-purple{border:2px solid #9c27b0;text-shadow:0 0 8px #9c27b0}.neon-green{border:2px solid #4caf50;text-shadow:0 0 8px #4caf50}.neon-gray{border:2px solid #9e9e9e;text-shadow:0 0 8px #9e9e9e}.table-container{background:#111;border-radius:12px;padding:15px;box-shadow:0 0 15px #00ffff4d;overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:12px 15px;text-align:left}.analytics-table thead{background:#1e1e1e;color:#00f5ff;text-shadow:0 0 5px #00f5ff}.analytics-table tbody tr{border-bottom:1px solid #2c2c2c}.analytics-table tbody tr:hover{background:#00ffff1a}.status-badge{padding:5px 10px;border-radius:8px;font-weight:700;font-size:.85rem}.status-badge.active{background:#00ff6426;color:#4caf50;border:1px solid #4caf50;text-shadow:0 0 5px #4caf50}.status-badge.inactive{background:#ff000026;color:#f44336;border:1px solid #f44336;text-shadow:0 0 5px #f44336}.analytics-container,.projects-container,.sender-container,.logs-container,.generate-links-container,.spammed-jobs-container{min-height:100vh;background:#000;color:#d6ffd6}.analytics-content,.projects-content,.sender-content,.logs-content,.generate-links-content,.spammed-jobs-content{padding:clamp(60px,6vh,80px) clamp(20px,3vw,40px) clamp(20px,3vw,40px) clamp(20px,3vw,40px);margin-left:220px;margin-right:clamp(20px,3vw,40px);max-width:none;transition:margin-left .3s ease}.spammed-jobs-content.sidebar-closed{margin-left:0;padding:clamp(60px,6vh,80px) clamp(20px,3vw,40px) clamp(20px,3vw,40px) clamp(20px,3vw,40px)}.analytics-content.sidebar-collapsed,.projects-content.sidebar-collapsed,.sender-content.sidebar-collapsed,.logs-content.sidebar-collapsed,.generate-links-content.sidebar-collapsed{margin-left:0}.analytics-content h2,.projects-content h2,.sender-content h2,.logs-content h2,.generate-links-content h2,.spammed-jobs-content h2{color:#0f6;font-size:clamp(1.2rem,3vw,2.2rem);margin-bottom:clamp(8px,1.5vw,16px);text-shadow:0 0 10px rgba(0,255,102,.3)}.analytics-content p,.projects-content p,.sender-content p,.logs-content p,.generate-links-content p,.spammed-jobs-content p{color:#8cff8c;font-size:clamp(.9rem,1.5vw,1.2rem);line-height:1.4;max-width:none;margin-bottom:clamp(12px,2vw,20px)}@media (min-width: 768px) and (max-width: 1366px){.analytics-content,.projects-content,.sender-content,.logs-content,.generate-links-content{margin-left:clamp(200px,18vw,240px);padding:clamp(80px,7vh,110px) clamp(20px,2.5vw,32px) clamp(20px,2.5vw,32px) clamp(20px,2.5vw,32px);margin-right:clamp(20px,2.5vw,32px)}.analytics-content h2,.projects-content h2,.sender-content h2,.logs-content h2,.generate-links-content h2{font-size:clamp(1.6rem,3.5vw,2.5rem);margin-bottom:clamp(20px,2.5vw,32px)}.analytics-content p,.projects-content p,.sender-content p,.logs-content p,.generate-links-content p{font-size:clamp(1rem,1.6vw,1.3rem)}}@media (min-width: 1367px) and (max-width: 1920px){.analytics-content,.projects-content,.sender-content,.logs-content,.generate-links-content{margin-left:clamp(240px,16vw,280px);padding:clamp(90px,6vh,130px) clamp(24px,2vw,36px) clamp(24px,2vw,36px) clamp(24px,2vw,36px);margin-right:clamp(24px,2vw,36px)}.analytics-content h2,.projects-content h2,.sender-content h2,.logs-content h2,.generate-links-content h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:clamp(24px,2vw,36px)}.analytics-content p,.projects-content p,.sender-content p,.logs-content p,.generate-links-content p{font-size:clamp(1.1rem,1.5vw,1.4rem)}}@media (min-width: 1921px){.analytics-content,.projects-content,.sender-content,.logs-content,.generate-links-content{margin-left:clamp(280px,14vw,350px);padding:clamp(100px,5vh,150px) clamp(32px,1.5vw,48px) clamp(32px,1.5vw,48px) clamp(32px,1.5vw,48px);margin-right:clamp(32px,1.5vw,48px);max-width:2400px;margin-right:auto}.analytics-content h2,.projects-content h2,.sender-content h2,.logs-content h2,.generate-links-content h2{font-size:clamp(2rem,2.5vw,3.5rem);margin-bottom:clamp(28px,1.5vw,48px)}.analytics-content p,.projects-content p,.sender-content p,.logs-content p,.generate-links-content p{font-size:clamp(1.2rem,1.3vw,1.6rem)}}@media (max-width: 900px){.analytics-content,.projects-content,.sender-content,.logs-content,.generate-links-content{margin-left:0;margin-right:clamp(16px,2vw,24px);padding:clamp(80px,8vh,120px) clamp(16px,2vw,24px) clamp(20px,2.5vw,32px) clamp(16px,2vw,24px)}.analytics-content h2,.projects-content h2,.sender-content h2,.logs-content h2,.generate-links-content h2{font-size:clamp(1.4rem,4vw,2.2rem);margin-bottom:clamp(18px,3vw,28px)}.analytics-content p,.projects-content p,.sender-content p,.logs-content p,.generate-links-content p{font-size:clamp(1rem,2vw,1.2rem)}}@media (max-width: 520px){.analytics-content,.projects-content,.sender-content,.logs-content,.generate-links-content{padding:clamp(70px,7vh,100px) clamp(12px,1.5vw,20px) clamp(16px,2vw,24px) clamp(12px,1.5vw,20px);margin-right:clamp(12px,1.5vw,20px)}.analytics-content h2,.projects-content h2,.sender-content h2,.logs-content h2,.generate-links-content h2{font-size:clamp(1.2rem,3.5vw,1.8rem);margin-bottom:clamp(16px,2.5vw,24px)}.analytics-content p,.projects-content p,.sender-content p,.logs-content p,.generate-links-content p{font-size:clamp(.9rem,1.8vw,1.1rem)}}.analytics-content form,.projects-content form,.sender-content form,.logs-content form,.generate-links-content form{max-width:none;margin:clamp(20px,3vw,40px) 0}.analytics-content input,.projects-content input,.sender-content input,.logs-content input,.generate-links-content input,.analytics-content textarea,.projects-content textarea,.sender-content textarea,.logs-content textarea,.generate-links-content textarea,.analytics-content select,.projects-content select,.sender-content select,.logs-content select,.generate-links-content select{width:100%;padding:clamp(8px,1.2vw,16px);font-size:clamp(.9rem,1.4vw,1.1rem);border-radius:clamp(4px,.8vw,8px)}.analytics-content button,.projects-content button,.sender-content button,.logs-content button,.generate-links-content button{padding:clamp(10px,1.5vw,16px) clamp(16px,2.5vw,24px);font-size:clamp(.9rem,1.4vw,1.1rem);border-radius:clamp(4px,.8vw,8px)}.analytics-content table,.projects-content table,.sender-content table,.logs-content table,.generate-links-content table{width:100%;font-size:clamp(.8rem,1.2vw,1rem);margin:clamp(16px,2.5vw,32px) 0}.analytics-content table th,.projects-content table th,.sender-content table th,.logs-content table th,.generate-links-content table th,.analytics-content table td,.projects-content table td,.sender-content table td,.logs-content table td,.generate-links-content table td{padding:clamp(8px,1.2vw,16px)}.analytics-content .card,.projects-content .card,.sender-content .card,.logs-content .card,.generate-links-content .card,.analytics-content .panel,.projects-content .panel,.sender-content .panel,.logs-content .panel,.generate-links-content .panel{padding:clamp(16px,2.5vw,24px);margin:clamp(12px,2vw,20px) 0;border-radius:clamp(8px,1.2vw,16px)}.analytics-content .grid,.projects-content .grid,.sender-content .grid,.logs-content .grid,.generate-links-content .grid{display:grid;gap:clamp(16px,2.5vw,32px);grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,350px),1fr))}.analytics-content ul,.projects-content ul,.sender-content ul,.logs-content ul,.generate-links-content ul,.analytics-content ol,.projects-content ol,.sender-content ol,.logs-content ol,.generate-links-content ol{padding-left:clamp(20px,3vw,40px);margin:clamp(16px,2.5vw,24px) 0}.analytics-content li,.projects-content li,.sender-content li,.logs-content li,.generate-links-content li{font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.6;margin-bottom:clamp(8px,1.2vw,12px)}.analytics-content pre,.projects-content pre,.sender-content pre,.logs-content pre,.generate-links-content pre,.analytics-content code,.projects-content code,.sender-content code,.logs-content code,.generate-links-content code{font-size:clamp(.8rem,1.2vw,1rem);padding:clamp(8px,1.2vw,16px);border-radius:clamp(4px,.8vw,8px);overflow-x:auto}.analytics-content img,.projects-content img,.sender-content img,.logs-content img,.generate-links-content img{max-width:100%;height:auto;border-radius:clamp(8px,1.2vw,16px);margin:clamp(16px,2.5vw,32px) 0}.analytics-content .flex,.projects-content .flex,.sender-content .flex,.logs-content .flex,.generate-links-content .flex{display:flex;gap:clamp(12px,2vw,24px);flex-wrap:wrap;align-items:center}.analytics-content .badge,.projects-content .badge,.sender-content .badge,.logs-content .badge,.generate-links-content .badge,.analytics-content .status,.projects-content .status,.sender-content .status,.logs-content .status,.generate-links-content .status{padding:clamp(4px,.8vw,8px) clamp(8px,1.2vw,16px);font-size:clamp(.8rem,1.1vw,1rem);border-radius:clamp(4px,.8vw,8px)}.analytics-content .progress,.projects-content .progress,.sender-content .progress,.logs-content .progress,.generate-links-content .progress{height:clamp(8px,1.2vw,16px);border-radius:clamp(4px,.8vw,8px);margin:clamp(12px,2vw,20px) 0}.analytics-content .alert,.projects-content .alert,.sender-content .alert,.logs-content .alert,.generate-links-content .alert{padding:clamp(12px,2vw,20px);margin:clamp(16px,2.5vw,24px) 0;border-radius:clamp(8px,1.2vw,12px);font-size:clamp(.9rem,1.3vw,1.1rem)}.analytics-content .nav,.projects-content .nav,.sender-content .nav,.logs-content .nav,.generate-links-content .nav{display:flex;gap:clamp(12px,2vw,24px);flex-wrap:wrap;margin:clamp(16px,2.5vw,32px) 0}.analytics-content .nav a,.projects-content .nav a,.sender-content .nav a,.logs-content .nav a,.generate-links-content .nav a{padding:clamp(8px,1.2vw,16px) clamp(12px,2vw,20px);font-size:clamp(.9rem,1.3vw,1.1rem);border-radius:clamp(6px,1vw,10px);text-decoration:none;transition:all .3s ease}.dropdown-container{position:relative;width:100%;max-width:400px;margin:clamp(16px,2.5vw,24px) 0}.dropdown-trigger{background:#1a1a1a;border:1px solid rgba(0,255,102,.18);border-radius:clamp(8px,1.2vw,12px);padding:clamp(12px,1.5vw,16px) clamp(16px,2vw,20px);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;min-height:clamp(48px,6vw,56px)}.dropdown-trigger:hover:not(.disabled){border-color:#00ff6659;background:#1a1a1acc;box-shadow:0 0 12px #00ff661a}.dropdown-trigger.open{border-color:#00ff6680;box-shadow:0 0 0 3px #00ff661a}.dropdown-trigger.disabled{opacity:.6;cursor:not-allowed;background:#1a1a1a80}.dropdown-value{color:#d6ffd6;font-size:clamp(14px,1.4vw,16px);font-weight:500;flex:1;text-align:left}.dropdown-value.placeholder{color:#8cff8c;opacity:.7}.dropdown-arrow{color:#0f6;font-size:clamp(12px,1.2vw,14px);transition:transform .3s ease;margin-left:clamp(8px,1vw,12px)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid rgba(0,255,102,.25);border-radius:clamp(8px,1.2vw,12px);box-shadow:0 8px 32px #0006;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-item{padding:clamp(12px,1.5vw,16px) clamp(16px,2vw,20px);color:#d6ffd6;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,255,102,.1);font-size:clamp(14px,1.4vw,16px)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#00ff661a;color:#0f6}.dropdown-item.selected{background:#00ff6626;color:#0f6;font-weight:600}.dropdown-item.no-options{color:#8cff8c;opacity:.7;cursor:default;text-align:center;font-style:italic}.dropdown-item.no-options:hover{background:transparent;color:#8cff8c}.link-display-container{margin:clamp(20px,3vw,32px) 0;padding:clamp(16px,2.5vw,24px);background:#00ff660d;border:1px solid rgba(0,255,102,.2);border-radius:clamp(8px,1.2vw,12px);transition:all .3s ease}.link-display-container:hover{border-color:#00ff664d;background:#00ff6614}.link-label{color:#8cff8c;font-size:clamp(12px,1.2vw,14px);margin-bottom:clamp(8px,1vw,12px);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.link-text{color:#0f6;font-size:clamp(14px,1.4vw,16px);font-family:Courier New,monospace;background:#0000004d;padding:clamp(8px,1.2vw,12px);border-radius:clamp(4px,.8vw,6px);border:1px solid rgba(0,255,102,.2);cursor:pointer;transition:all .2s ease;word-break:break-all;-webkit-user-select:all;user-select:all}.link-text:hover{background:#00000080;border-color:#0f66;box-shadow:0 0 8px #0f63}.link-text:active{transform:scale(.98)}.copy-feedback{color:#0f6;font-size:clamp(12px,1.2vw,14px);margin-top:clamp(8px,1vw,12px);opacity:0;transition:opacity .3s ease;text-align:center}.copy-feedback.show{opacity:1}.generate-links-content .btn-primary{background:linear-gradient(135deg,#0f6,#00cc52);border:1px solid #00ff66;color:#000;font-weight:600;padding:clamp(12px,1.5vw,16px) clamp(20px,2.5vw,24px);border-radius:clamp(8px,1.2vw,12px);cursor:pointer;transition:all .3s ease;font-size:clamp(14px,1.4vw,16px);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #0f63}.generate-links-content .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00cc52,#0f6);box-shadow:0 6px 24px #00ff664d;transform:translateY(-2px)}.generate-links-content .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0f63}.generate-links-content .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00ff661a}.generate-links-content .btn-secondary{background:transparent;border:1px solid rgba(0,255,102,.35);color:#0f6;font-weight:500;padding:clamp(10px,1.2vw,14px) clamp(16px,2vw,20px);border-radius:clamp(6px,1vw,8px);cursor:pointer;transition:all .3s ease;font-size:clamp(12px,1.2vw,14px)}.generate-links-content .btn-secondary:hover:not(:disabled){background:#00ff661a;border-color:#00ff6680;box-shadow:0 0 12px #0f63}.generate-links-content .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.generate-links-form{max-width:600px;margin:0 auto}.generate-links-form .form-group{margin-bottom:clamp(20px,3vw,32px)}.generate-links-form .form-label{color:#8cff8c;font-size:clamp(14px,1.4vw,16px);font-weight:500;margin-bottom:clamp(8px,1vw,12px);display:block}.generate-links-form .form-actions{display:flex;gap:clamp(12px,2vw,16px);align-items:center;flex-wrap:wrap}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,255,102,.3);border-radius:50%;border-top-color:#0f6;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-links-container{min-height:100vh;background:var(--bg);color:var(--text)}.generate-links-content{padding:clamp(40px,5vw,60px) clamp(20px,3vw,40px);max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-top:clamp(20px,3vw,40px);margin-bottom:clamp(30px,4vw,50px);padding:clamp(20px,3vw,30px) 0}.page-header h2{color:var(--neon);font-size:clamp(24px,3vw,36px);font-weight:700;margin-bottom:clamp(8px,1vw,12px);text-shadow:0 0 20px rgba(0,255,102,.3)}.page-header p{color:var(--text);font-size:clamp(14px,1.4vw,16px);font-weight:500;line-height:1.6;margin:0;opacity:.95}.generate-links-form{background:var(--panel);border:1px solid var(--border);border-radius:clamp(12px,2vw,16px);padding:clamp(24px,3vw,32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:clamp(20px,3vw,28px)}.form-label{color:var(--neon);font-size:clamp(14px,1.4vw,16px);font-weight:600;margin-bottom:clamp(8px,1vw,12px);display:block}.form-hint{display:block;color:var(--text-secondary);font-size:clamp(12px,1.2vw,14px);font-weight:400;margin-top:4px}.form-input{width:100%;padding:clamp(12px,1.5vw,16px);background:var(--input-bg);border:1px solid var(--border);border-radius:clamp(8px,1.2vw,12px);color:var(--text);font-size:clamp(14px,1.4vw,16px);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px #00ff661a}.form-textarea{width:100%;padding:clamp(12px,1.5vw,16px);background:var(--input-bg);border:1px solid var(--border);border-radius:clamp(8px,1.2vw,12px);color:var(--text);font-size:clamp(14px,1.4vw,16px);transition:all .3s ease;resize:vertical;min-height:80px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px #00ff661a}.ttl-input-container{position:relative;display:flex;flex-direction:column;gap:8px}.form-select{width:100%;padding:clamp(12px,1.5vw,16px);background:var(--input-bg);border:1px solid var(--border);border-radius:clamp(8px,1.2vw,12px);color:var(--text);font-size:clamp(14px,1.4vw,16px);transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2300ff66' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;font-weight:500}.form-select:hover,.form-select:focus{color:var(--neon);border-color:var(--neon);box-shadow:0 0 0 3px #00ff661a}.form-select:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px #00ff661a}.form-select option{background:var(--input-bg);color:var(--text);padding:8px;font-weight:500}.form-select option:hover,.form-select option:checked{color:var(--neon);background:#00ff661a;font-weight:600}.form-info{color:var(--text-secondary);font-size:clamp(12px,1.2vw,14px);margin-top:8px}.form-actions{display:flex;gap:clamp(12px,2vw,16px);align-items:center;flex-wrap:wrap}.error-message{background:#ff63631a;border:1px solid rgba(255,99,99,.3);border-radius:clamp(8px,1.2vw,12px);padding:clamp(12px,1.5vw,16px);margin:clamp(16px,2vw,20px) 0;color:#ff6363;display:flex;align-items:center;gap:8px}.link-results{background:var(--panel);border:1px solid var(--border);border-radius:clamp(12px,2vw,16px);padding:clamp(24px,3vw,32px);margin-top:clamp(20px,3vw,28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,3vw,24px);padding-bottom:clamp(12px,1.5vw,16px);border-bottom:1px solid var(--border)}.results-header h3{color:var(--neon);font-size:clamp(18px,2.2vw,24px);font-weight:600;margin:0}.success-badge{background:linear-gradient(135deg,#0f6,#00cc52);color:#000;padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);border-radius:clamp(20px,2.5vw,24px);font-size:clamp(12px,1.2vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.results-grid{display:grid;gap:clamp(16px,2vw,20px);margin-bottom:clamp(20px,3vw,24px)}.result-item{display:flex;flex-direction:column;gap:clamp(6px,1vw,8px)}.result-item label{color:var(--text-secondary);font-size:clamp(12px,1.2vw,14px);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.result-value{color:var(--text);font-size:clamp(14px,1.4vw,16px);font-weight:500;word-break:break-all;padding:clamp(8px,1vw,12px);background:var(--input-bg);border:1px solid var(--border);border-radius:clamp(6px,1vw,8px);transition:all .3s ease}.psid-value{color:var(--neon);font-family:Courier New,monospace;font-weight:600;background:#00ff660d;border-color:#00ff664d}.domain-value{color:var(--neon);font-family:Courier New,monospace;font-weight:600}.url-value{cursor:pointer;position:relative;color:var(--neon);font-family:Courier New,monospace;font-weight:500;border-color:#00ff664d}.url-value:hover{background:#00ff660d;border-color:#00ff6680;box-shadow:0 0 12px #00ff661a}.copy-hint{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--text-secondary);font-size:12px;opacity:0;transition:opacity .3s ease}.url-value:hover .copy-hint{opacity:1}.expiration-badge{background:linear-gradient(135deg,orange,#ff8c00);color:#000;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:clamp(12px,1.5vw,16px);font-size:clamp(12px,1.2vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.results-actions{display:flex;gap:clamp(12px,2vw,16px);align-items:center;flex-wrap:wrap;padding-top:clamp(16px,2vw,20px);border-top:1px solid var(--border)}.results-actions .btn-primary,.results-actions .btn-secondary{display:flex;align-items:center;gap:8px;text-decoration:none}.results-actions .btn-secondary{color:var(--neon);border-color:#00ff6659}.results-actions .btn-secondary:hover{background:#00ff661a;border-color:#00ff6680}.copy-feedback{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#0f6,#00cc52);color:#000;padding:clamp(12px,1.5vw,16px) clamp(20px,2.5vw,24px);border-radius:clamp(8px,1.2vw,12px);font-weight:600;font-size:clamp(14px,1.4vw,16px);box-shadow:0 4px 16px #00ff664d;z-index:1000;opacity:0;transform:translate(100%);transition:all .3s ease}.copy-feedback.show{opacity:1;transform:translate(0)}@media (max-width: 768px){.results-grid{grid-template-columns:1fr}.form-actions,.results-actions{flex-direction:column;align-items:stretch}.results-actions .btn-primary,.results-actions .btn-secondary{justify-content:center}}@keyframes spin{to{transform:rotate(360deg)}}.analytics-content .mt,.projects-content .mt,.sender-content .mt,.logs-content .mt,.generate-links-content .mt{margin-top:clamp(16px,2.5vw,32px)}.analytics-content .mb,.projects-content .mb,.sender-content .mb,.logs-content .mb,.generate-links-content .mb{margin-bottom:clamp(16px,2.5vw,32px)}.analytics-content .pt,.projects-content .pt,.sender-content .pt,.logs-content .pt,.generate-links-content .pt{padding-top:clamp(16px,2.5vw,32px)}.analytics-content .pb,.projects-content .pb,.sender-content .pb,.logs-content .pb,.generate-links-content .pb,.spammed-jobs-content .pb{padding-bottom:clamp(16px,2.5vw,32px)}.spammed-jobs-container{min-height:100vh;background:#000;color:#d6ffd6}.spammed-jobs-content{padding:clamp(80px,8vh,120px) clamp(20px,3vw,40px) clamp(20px,3vw,40px) clamp(20px,3vw,40px);margin-left:clamp(220px,20vw,280px);margin-right:clamp(20px,3vw,40px);max-width:none;transition:margin-left .3s ease}.spammed-jobs-content.sidebar-collapsed{margin-left:0}.spammed-jobs-content h2{color:#0f6;font-size:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(20px,3vw,40px);text-shadow:0 0 10px rgba(0,255,102,.3)}.spammed-jobs-content p{color:#8cff8c;font-size:clamp(1rem,1.8vw,1.4rem);line-height:1.6;max-width:none}.page-header{text-align:center;margin-bottom:clamp(30px,4vw,50px);padding:clamp(20px,3vw,30px) 0}.page-header h2{color:#0f6;font-size:clamp(24px,3vw,36px);font-weight:700;margin-bottom:clamp(8px,1vw,12px);text-shadow:0 0 20px rgba(0,255,102,.3)}.page-header p{color:#8cff8c;font-size:clamp(14px,1.4vw,16px);font-weight:500;line-height:1.6;margin:0;opacity:.95}.filter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(12px,2vw,20px);padding:clamp(8px,1.5vw,16px);background:#00ff660d;border:1px solid rgba(0,255,102,.2);border-radius:clamp(6px,1vw,8px);flex-wrap:wrap;gap:clamp(8px,1.5vw,16px)}.filter-group{display:flex;align-items:center;gap:clamp(6px,1vw,10px)}.filter-label{color:#8cff8c;font-size:clamp(12px,1.2vw,14px);font-weight:500;white-space:nowrap}.filter-select{padding:clamp(6px,1vw,8px) clamp(10px,1.5vw,12px);background:#1a1a1a;border:1px solid rgba(0,255,102,.3);border-radius:clamp(4px,.8vw,6px);color:#d6ffd6;font-size:clamp(12px,1.2vw,14px);font-weight:500;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2300ff66' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:32px;min-width:100px}.filter-select:hover,.filter-select:focus{border-color:#00ff6680;box-shadow:0 0 0 3px #00ff661a}.filter-select:focus{outline:none}.jobs-summary{display:flex;gap:clamp(8px,1.5vw,16px);align-items:center}.total-jobs,.filtered-jobs{color:#0f6;font-size:clamp(11px,1.1vw,13px);font-weight:600;padding:clamp(3px,.6vw,5px) clamp(6px,1vw,10px);background:#00ff661a;border-radius:clamp(8px,1.2vw,12px);border:1px solid rgba(0,255,102,.3)}.loading-container{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,16px);padding:clamp(40px,5vw,60px);color:#8cff8c;font-size:clamp(16px,1.6vw,18px);font-weight:500}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,255,102,.3);border-radius:50%;border-top-color:#0f6;animation:spin 1s ease-in-out infinite}.error-message{background:#ff63631a;border:1px solid rgba(255,99,99,.3);border-radius:clamp(8px,1.2vw,12px);padding:clamp(16px,2vw,20px);margin:clamp(16px,2.5vw,24px) 0;color:#ff6363;display:flex;align-items:center;gap:clamp(8px,1.2vw,12px);flex-wrap:wrap}.error-icon{font-size:18px}.retry-btn{background:#ff636333;border:1px solid rgba(255,99,99,.4);color:#ff6363;padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);border-radius:clamp(4px,.8vw,6px);cursor:pointer;font-size:clamp(12px,1.2vw,14px);font-weight:500;transition:all .3s ease;margin-left:auto}.retry-btn:hover{background:#ff63634d;border-color:#ff636399}.jobs-table-container{background:#00ff6605;border:1px solid rgba(0,255,102,.1);border-radius:clamp(12px,2vw,16px);overflow:hidden;box-shadow:0 4px 16px #0000004d}.jobs-table-wrapper{overflow-x:auto;max-height:70vh;overflow-y:auto}.jobs-table{width:100%;border-collapse:collapse;font-size:clamp(11px,1.1vw,13px);min-width:900px;table-layout:fixed}.page-header{margin-bottom:clamp(16px,2vw,24px)}.page-header h2{margin-bottom:clamp(4px,.8vw,8px)}.page-header p{margin-bottom:0;font-size:clamp(.8rem,1.2vw,1rem);opacity:.8}.spammed-jobs-content.sidebar-open .jobs-table{min-width:900px;width:100%}.spammed-jobs-content.sidebar-open .jobs-table-wrapper{overflow-x:auto;width:100%}.spammed-jobs-content.sidebar-closed .jobs-table{min-width:1200px;width:100%}.spammed-jobs-content.sidebar-closed .jobs-table-wrapper{overflow-x:auto;width:100%}.jobs-table thead{background:#00ff661a;position:sticky;top:0;z-index:10}.jobs-table th{padding:clamp(12px,1.5vw,16px) clamp(8px,1.2vw,12px);text-align:left;color:#0f6;font-weight:600;font-size:clamp(12px,1.2vw,14px);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(0,255,102,.3);white-space:nowrap}.jobs-table td{padding:clamp(12px,1.5vw,16px) clamp(8px,1.2vw,12px);border-bottom:1px solid rgba(0,255,102,.1);vertical-align:top}.job-row{transition:all .3s ease;cursor:pointer}.job-row:hover{background:#00ff660d}.job-row:last-child td{border-bottom:none}.job-id{font-family:Courier New,monospace;font-size:clamp(11px,1.1vw,13px);color:#8cff8c;width:12%;max-width:120px}.job-uuid{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-title{width:25%;min-width:200px;max-width:300px}.title-content{display:flex;flex-direction:column;gap:4px}.title-text{color:#d6ffd6;font-weight:500;font-size:clamp(13px,1.3vw,15px);line-height:1.4}.title-description{color:#8cff8c;font-size:clamp(11px,1.1vw,13px);opacity:.8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-type{text-align:center;width:8%}.type-badge{display:inline-block;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:clamp(12px,1.5vw,16px);font-size:clamp(11px,1.1vw,13px);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.job-status{text-align:center;width:10%}.status-badge{display:inline-block;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:clamp(12px,1.5vw,16px);font-size:clamp(11px,1.1vw,13px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border:1px solid currentColor}.job-records{text-align:center;font-family:Courier New,monospace;font-weight:600;color:#d6ffd6;width:8%}.record-count{font-size:clamp(13px,1.3vw,15px)}.files-indicator{margin-left:6px;font-size:12px;opacity:.7}.job-created,.job-updated{font-family:Courier New,monospace;font-size:clamp(11px,1.1vw,13px);color:#8cff8c;white-space:nowrap;width:12%}.date-text{display:block;line-height:1.3}.job-actions{text-align:center;white-space:nowrap;width:8%}.action-btn{background:transparent;border:1px solid rgba(0,255,102,.3);color:#0f6;padding:clamp(6px,1vw,8px) clamp(8px,1.2vw,10px);border-radius:clamp(4px,.8vw,6px);cursor:pointer;font-size:clamp(12px,1.2vw,14px);margin:0 2px;transition:all .3s ease;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:#00ff661a;border-color:#00ff6680;transform:translateY(-1px)}.view-btn:hover{background:#007bff1a;border-color:#007bff80;color:#007bff}.url-btn:hover{background:#ffa5001a;border-color:#ffa50080;color:orange}.delete-btn:hover{background:#ff63631a;border-color:#ff636380;color:#ff6363}.no-jobs{text-align:center;padding:clamp(60px,8vw,100px) clamp(20px,3vw,40px);color:#8cff8c}.no-jobs-icon{font-size:clamp(48px,6vw,72px);margin-bottom:clamp(16px,2vw,24px);opacity:.6}.no-jobs h3{color:#d6ffd6;font-size:clamp(18px,2.2vw,24px);font-weight:600;margin-bottom:clamp(8px,1vw,12px)}.no-jobs p{color:#8cff8c;font-size:clamp(14px,1.4vw,16px);line-height:1.6;max-width:400px;margin:0 auto}@media (max-width: 768px){.spammed-jobs-content{margin-left:0;padding:clamp(80px,8vh,120px) clamp(16px,2vw,24px) clamp(20px,2.5vw,32px) clamp(16px,2vw,24px)}.filter-controls{flex-direction:column;align-items:stretch;gap:clamp(12px,2vw,16px)}.filter-group{justify-content:space-between}.jobs-summary{justify-content:center}.jobs-table{font-size:clamp(10px,1vw,12px)}.jobs-table th,.jobs-table td{padding:clamp(8px,1vw,12px) clamp(6px,.8vw,8px)}.job-title{min-width:150px;max-width:200px}.job-id{max-width:80px}}@media (max-width: 520px){.spammed-jobs-content{padding:clamp(70px,7vh,100px) clamp(12px,1.5vw,20px) clamp(16px,2vw,24px) clamp(12px,1.5vw,20px)}.jobs-table{min-width:600px}.action-btn{min-width:28px;height:28px;font-size:10px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,40px)}.modal-container{background:#1a1a1a;border:1px solid rgba(0,255,102,.3);border-radius:clamp(12px,2vw,20px);box-shadow:0 20px 60px #00000080;max-width:1400px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(20px,3vw,32px);border-bottom:1px solid rgba(0,255,102,.2);background:#00ff660d}.modal-title h2{color:#0f6;font-size:clamp(20px,2.5vw,28px);font-weight:700;margin:0 0 8px;text-shadow:0 0 10px rgba(0,255,102,.3)}.job-uuid{color:#8cff8c;font-family:Courier New,monospace;font-size:clamp(12px,1.2vw,14px);opacity:.8}.modal-close-btn{background:transparent;border:1px solid rgba(255,99,99,.3);color:#ff6363;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-btn:hover{background:#ff63631a;border-color:#ff636380;transform:scale(1.1)}.modal-content{flex:1;overflow-y:auto;padding:clamp(20px,3vw,32px)}.job-summary-section{margin-bottom:clamp(24px,3vw,32px);padding:clamp(16px,2.5vw,24px);background:#00ff6605;border:1px solid rgba(0,255,102,.1);border-radius:clamp(8px,1.2vw,12px)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(16px,2vw,24px);margin-bottom:clamp(16px,2vw,20px)}.summary-item{display:flex;flex-direction:column;gap:6px}.summary-item label{color:#8cff8c;font-size:clamp(12px,1.2vw,14px);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.type-badge{display:inline-block;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:clamp(12px,1.5vw,16px);font-size:clamp(12px,1.2vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.type-bank{background:#ffa50033;color:orange;border:1px solid rgba(255,165,0,.3)}.type-office{background:#007bff33;color:#007bff;border:1px solid rgba(0,123,255,.3)}.type-other{background:#80808033;color:gray;border:1px solid rgba(128,128,128,.3)}.status-badge{display:inline-block;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:clamp(12px,1.5vw,16px);font-size:clamp(12px,1.2vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border:1px solid currentColor;width:fit-content}.record-count{color:#0f6;font-family:Courier New,monospace;font-weight:600;font-size:clamp(14px,1.4vw,16px)}.date-value{color:#8cff8c;font-family:Courier New,monospace;font-size:clamp(12px,1.2vw,14px)}.job-description{margin-top:clamp(16px,2vw,20px)}.job-description label{color:#8cff8c;font-size:clamp(12px,1.2vw,14px);font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.job-description p{color:#d6ffd6;font-size:clamp(14px,1.4vw,16px);line-height:1.6;margin:0;padding:clamp(12px,1.5vw,16px);background:#0000004d;border-radius:clamp(6px,1vw,8px);border:1px solid rgba(0,255,102,.1)}.records-section{margin-top:clamp(24px,3vw,32px)}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,2.5vw,24px);padding-bottom:clamp(12px,1.5vw,16px);border-bottom:1px solid rgba(0,255,102,.2)}.records-header h3{color:#0f6;font-size:clamp(18px,2.2vw,24px);font-weight:600;margin:0}.records-info{color:#8cff8c;font-size:clamp(12px,1.2vw,14px);font-weight:500}.loading-records,.error-records{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,16px);padding:clamp(40px,5vw,60px);color:#8cff8c;font-size:clamp(16px,1.6vw,18px);font-weight:500}.error-records{color:#ff6363;flex-direction:column;text-align:center}.no-records{text-align:center;padding:clamp(60px,8vw,100px) clamp(20px,3vw,40px);color:#8cff8c}.no-records-icon{font-size:clamp(48px,6vw,72px);margin-bottom:clamp(16px,2vw,24px);opacity:.6}.no-records h3{color:#d6ffd6;font-size:clamp(18px,2.2vw,24px);font-weight:600;margin-bottom:clamp(8px,1vw,12px)}.no-records p{color:#8cff8c;font-size:clamp(14px,1.4vw,16px);line-height:1.6;max-width:400px;margin:0 auto}.records-list{display:grid;gap:clamp(16px,2vw,20px);margin-bottom:clamp(24px,3vw,32px)}.record-card{background:#00ff6605;border:1px solid rgba(0,255,102,.1);border-radius:clamp(8px,1.2vw,12px);padding:clamp(16px,2vw,20px);transition:all .3s ease}.record-card:hover{border-color:#0f63;background:#00ff660d}.bank-record{border-left:4px solid #ffa500}.office-record{border-left:4px solid #007bff}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(12px,1.5vw,16px);padding-bottom:clamp(8px,1vw,12px);border-bottom:1px solid rgba(0,255,102,.1)}.record-header h4{color:#d6ffd6;font-size:clamp(14px,1.4vw,16px);font-weight:600;margin:0}.record-type-badge{padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:clamp(12px,1.5vw,16px);font-size:clamp(11px,1.1vw,13px);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bank-badge{background:#ffa50033;color:orange;border:1px solid rgba(255,165,0,.3)}.office-badge{background:#007bff33;color:#007bff;border:1px solid rgba(0,123,255,.3)}.metadata-container{background:#0003;border:1px solid rgba(0,255,102,.1);border-radius:clamp(6px,1vw,8px);padding:clamp(12px,1.5vw,16px);margin-top:clamp(8px,1vw,12px)}.metadata-item{display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(6px,.8vw,8px) 0;border-bottom:1px solid rgba(0,255,102,.05)}.metadata-item:last-child{border-bottom:none}.metadata-key{color:#8cff8c;font-weight:500;font-size:clamp(12px,1.2vw,14px);min-width:120px;flex-shrink:0}.metadata-value{color:#d6ffd6;font-size:clamp(12px,1.2vw,14px);word-break:break-word;text-align:right;max-width:200px}.record-content{margin-top:clamp(12px,1.5vw,16px)}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(12px,1.5vw,16px)}.record-field{display:flex;flex-direction:column;gap:4px}.record-field.full-width{grid-column:1 / -1}.record-field label{color:#8cff8c;font-size:clamp(11px,1.1vw,13px);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.field-value{color:#d6ffd6;font-size:clamp(13px,1.3vw,15px);font-weight:500;padding:clamp(8px,1vw,10px);background:#0000004d;border-radius:clamp(4px,.8vw,6px);border:1px solid rgba(0,255,102,.1);word-break:break-all}.password-field{font-family:Courier New,monospace;color:#0f6;border-color:#00ff664d}.file-info{display:flex;flex-direction:column;gap:8px}.file-name{color:#0f6;font-family:Courier New,monospace;font-weight:600;font-size:clamp(13px,1.3vw,15px)}.file-timestamp{color:#8cff8c;font-size:clamp(11px,1.1vw,13px);opacity:.8}.file-download-btn{background:#00ff661a;border:1px solid rgba(0,255,102,.3);color:#0f6;padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);border-radius:clamp(4px,.8vw,6px);cursor:pointer;font-size:clamp(12px,1.2vw,14px);font-weight:500;transition:all .3s ease;width:fit-content}.file-download-btn:hover{background:#0f63;border-color:#00ff6680;transform:translateY(-1px)}.pagination{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,24px);margin-top:clamp(24px,3vw,32px);padding:clamp(16px,2vw,20px);border-top:1px solid rgba(0,255,102,.2)}.pagination-btn{background:transparent;border:1px solid rgba(0,255,102,.3);color:#0f6;padding:clamp(8px,1.2vw,12px) clamp(16px,2vw,20px);border-radius:clamp(6px,1vw,8px);cursor:pointer;font-size:clamp(12px,1.2vw,14px);font-weight:500;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#00ff661a;border-color:#00ff6680;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-info{color:#8cff8c;font-size:clamp(12px,1.2vw,14px);font-weight:500}@media (max-width: 1200px){.modal-container{max-width:95vw}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.record-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.modal-overlay{padding:clamp(10px,2vw,20px)}.modal-container{max-height:95vh}.summary-grid,.record-grid{grid-template-columns:1fr}.records-header{flex-direction:column;align-items:flex-start;gap:12px}.pagination{flex-direction:column;gap:12px}}@media (max-width: 520px){.modal-header{flex-direction:column;align-items:flex-start;gap:16px}.modal-close-btn{align-self:flex-end}}.delete-confirm-modal{background:#1a1a1a;border:1px solid rgba(255,99,99,.3);border-radius:clamp(12px,2vw,20px);box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(20px,3vw,24px);border-bottom:1px solid rgba(255,99,99,.2);background:#ff63630d}.delete-modal-header h3{color:#ff6363;font-size:clamp(18px,2.2vw,22px);font-weight:700;margin:0}.delete-modal-content{padding:clamp(20px,3vw,24px)}.delete-warning{text-align:center;margin-bottom:clamp(24px,3vw,32px)}.warning-icon{font-size:clamp(48px,6vw,64px);margin-bottom:clamp(16px,2vw,20px);display:block}.delete-warning h4{color:#d6ffd6;font-size:clamp(16px,2vw,20px);font-weight:600;margin:0 0 clamp(12px,1.5vw,16px) 0}.delete-warning p{color:#8cff8c;font-size:clamp(14px,1.4vw,16px);line-height:1.6;margin:0 0 clamp(20px,2.5vw,24px) 0}.job-info{background:#0000004d;border:1px solid rgba(255,99,99,.2);border-radius:clamp(8px,1.2vw,12px);padding:clamp(16px,2vw,20px);text-align:left;color:#d6ffd6;font-size:clamp(13px,1.3vw,15px);line-height:1.6}.job-info strong{color:#ff6363;font-weight:600}.delete-modal-actions{display:flex;gap:clamp(12px,2vw,16px);justify-content:center;flex-wrap:wrap}.btn-secondary{background:transparent;border:1px solid rgba(0,255,102,.3);color:#0f6;padding:clamp(10px,1.5vw,12px) clamp(20px,2.5vw,24px);border-radius:clamp(6px,1vw,8px);cursor:pointer;font-size:clamp(14px,1.4vw,16px);font-weight:500;transition:all .3s ease;min-width:120px}.btn-secondary:hover{background:#00ff661a;border-color:#00ff6680;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f44,#c00);border:1px solid #ff4444;color:#fff;padding:clamp(10px,1.5vw,12px) clamp(20px,2.5vw,24px);border-radius:clamp(6px,1vw,8px);cursor:pointer;font-size:clamp(14px,1.4vw,16px);font-weight:600;transition:all .3s ease;min-width:120px;box-shadow:0 4px 16px #f443}.btn-danger:hover{background:linear-gradient(135deg,#c00,#f44);box-shadow:0 6px 24px #ff44444d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0);box-shadow:0 2px 8px #f443}@media (max-width: 768px){.delete-confirm-modal{width:95%;max-width:none}.delete-modal-actions{flex-direction:column;align-items:stretch}.btn-secondary,.btn-danger{min-width:auto;width:100%}}.sender-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(240px,25vw,300px),1fr));gap:clamp(20px,2.5vw,32px);margin-bottom:clamp(32px,4vw,48px)}.kpi-card{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(12px,1.5vw,18px);padding:clamp(20px,2.5vw,28px);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:all .3s ease}.kpi-card:hover{border-color:#00ff6659;box-shadow:0 0 20px #0f63;transform:translateY(-2px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:clamp(12px,1.5vw,18px) clamp(12px,1.5vw,18px) 0 0}.campaigns-card:before{background:linear-gradient(90deg,#9333ea,#3b82f6)}.emails-card:before{background:linear-gradient(90deg,#10b981,#3b82f6)}.users-card:before{background:linear-gradient(90deg,#3b82f6,#3b82f6)}.accounts-card:before{background:linear-gradient(90deg,#f97316,#fbbf24)}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,2vw,24px)}.kpi-icon{width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);border-radius:clamp(8px,1vw,12px);display:flex;align-items:center;justify-content:center;font-size:clamp(24px,3vw,32px);box-shadow:0 4px 12px #0000004d}.campaigns-icon{background:linear-gradient(135deg,#9333ea,#7c3aed)}.emails-icon{background:linear-gradient(135deg,#10b981,#059669)}.users-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.accounts-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.kpi-badge{padding:clamp(4px,.8vw,6px) clamp(10px,1.5vw,14px);border-radius:999px;font-size:clamp(11px,1.2vw,13px);font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.campaigns-badge{background:linear-gradient(135deg,#a78bfa,#c4b5fd);color:#1e1b4b}.emails-badge{background:linear-gradient(135deg,#34d399,#6ee7b7);color:#064e3b}.users-badge{background:linear-gradient(135deg,#60a5fa,#93c5fd);color:#1e3a8a}.accounts-badge{background:linear-gradient(135deg,#fbbf24,#fcd34d);color:#78350f}.badge-icon{font-size:clamp(10px,1vw,12px)}.kpi-value{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--neon);text-shadow:0 0 10px rgba(0,255,102,.35);margin-bottom:clamp(8px,1vw,12px);line-height:1}.kpi-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(12px,1.5vw,16px)}.kpi-label-text{color:var(--muted);font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500}.kpi-label-icon{font-size:clamp(14px,1.5vw,18px);opacity:.7}.kpi-progress{width:100%;height:clamp(6px,.8vw,8px);background:#00ff661a;border-radius:999px;overflow:hidden}.kpi-progress-bar{height:100%;border-radius:999px;transition:width .3s ease}.campaigns-progress{background:linear-gradient(90deg,#9333ea,#3b82f6);width:0%}.emails-progress{background:linear-gradient(90deg,#10b981,#3b82f6);width:0%}.users-progress{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.accounts-progress{background:linear-gradient(90deg,#f97316,#fbbf24)}.contact-management-section{margin-top:clamp(32px,4vw,48px)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(24px,3vw,32px);flex-wrap:wrap;gap:clamp(16px,2vw,24px)}.section-title-group{display:flex;align-items:flex-start;gap:clamp(12px,1.5vw,16px);flex:1}.section-icon{font-size:clamp(24px,3vw,32px);line-height:1}.section-title{color:var(--neon);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;margin:0 0 clamp(4px,.8vw,8px) 0;text-shadow:0 0 10px rgba(0,255,102,.3)}.section-subtitle{color:var(--muted);font-size:clamp(.9rem,1.2vw,1.1rem);margin:0;opacity:.9}.section-actions{display:flex;gap:clamp(12px,1.5vw,16px);flex-wrap:wrap}.btn-manage-contacts,.btn-add-contact{padding:clamp(10px,1.2vw,14px) clamp(16px,2vw,20px);border-radius:clamp(8px,1vw,12px);font-size:clamp(.9rem,1.2vw,1rem);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(6px,.8vw,8px);border:1px solid;white-space:nowrap}.btn-manage-contacts{background:transparent;border-color:#00ff664d;color:var(--neon)}.btn-manage-contacts:hover{background:#00ff661a;border-color:#00ff6680;box-shadow:0 0 12px #0f63}.btn-add-contact{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:#3b82f6;color:#fff}.btn-add-contact:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 0 16px #3b82f666;transform:translateY(-1px)}.btn-icon{font-size:clamp(14px,1.5vw,18px)}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,22vw,250px),1fr));gap:clamp(20px,2.5vw,32px)}.contact-card{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(12px,1.5vw,18px);padding:clamp(24px,3vw,32px);box-shadow:var(--shadow);text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.5vw,16px)}.contact-card:hover{border-color:#00ff6659;box-shadow:0 0 20px #0f63;transform:translateY(-2px)}.contact-icon{width:clamp(64px,8vw,80px);height:clamp(64px,8vw,80px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(32px,4vw,40px);box-shadow:0 4px 16px #0000004d}.total-contacts-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.active-contacts-icon{background:linear-gradient(135deg,#10b981,#34d399)}.tags-icon{background:linear-gradient(135deg,#9333ea,#a78bfa)}.emails-today-icon{background:linear-gradient(135deg,#ef4444,#f87171)}.contact-value{font-size:clamp(2.5rem,4.5vw,4rem);font-weight:700;color:var(--neon);text-shadow:0 0 10px rgba(0,255,102,.35);line-height:1}.contact-label{color:var(--muted);font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.sender-kpis{grid-template-columns:1fr}.section-header{flex-direction:column}.section-actions{width:100%}.btn-manage-contacts,.btn-add-contact{flex:1;justify-content:center}.contact-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.contact-cards{grid-template-columns:1fr}}:root{--bg: #000;--panel: #111;--panel-2: #1a1a1a;--text: #d6ffd6;--muted: #8cff8c;--neon: #00ff66;--shadow: 0 0 12px rgba(0, 255, 102, .35), inset 0 0 12px rgba(0, 255, 102, .1)}.start-campaign-container{min-height:100vh;background:#000;color:#d6ffd6}.start-campaign-content{padding:clamp(80px,8vh,120px) clamp(20px,3vw,40px) clamp(20px,3vw,40px) clamp(20px,3vw,40px);margin-left:clamp(220px,20vw,280px);margin-right:clamp(20px,3vw,40px);max-width:1600px;transition:margin-left .3s ease}.start-campaign-content.sidebar-collapsed{margin-left:0}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(32px,4vw,48px);flex-wrap:wrap;gap:clamp(16px,2vw,24px)}.header-left{flex:1}.page-title{color:var(--neon);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;margin:0 0 clamp(8px,1vw,12px) 0;text-shadow:0 0 10px rgba(0,255,102,.3);display:flex;align-items:center;gap:clamp(12px,1.5vw,16px)}.title-icon{font-size:clamp(1.5rem,2.5vw,2rem)}.page-subtitle{color:var(--muted);font-size:clamp(.95rem,1.3vw,1.2rem);margin:0;opacity:.9;line-height:1.6}.btn-manage-templates{padding:clamp(10px,1.2vw,14px) clamp(16px,2vw,20px);background:linear-gradient(135deg,#9333ea,#7c3aed);border:1px solid #9333ea;border-radius:clamp(8px,1vw,12px);color:#fff;font-size:clamp(.9rem,1.2vw,1rem);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(6px,.8vw,8px);white-space:nowrap;box-shadow:0 4px 16px #9333ea33}.btn-manage-templates:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 24px #9333ea4d;transform:translateY(-1px)}.campaign-layout{display:grid;grid-template-columns:2fr 1fr;gap:clamp(24px,3vw,32px);align-items:start}.campaign-setup-card{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(12px,1.5vw,18px);padding:clamp(24px,3vw,32px);box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;gap:clamp(12px,1.5vw,16px);margin-bottom:clamp(24px,3vw,32px);padding-bottom:clamp(16px,2vw,20px);border-bottom:1px solid rgba(0,255,102,.1)}.card-icon{font-size:clamp(24px,3vw,32px)}.card-title{color:var(--neon);font-size:clamp(1.3rem,2vw,1.8rem);font-weight:600;margin:0}.form-section{display:flex;flex-direction:column;gap:clamp(24px,3vw,32px)}.form-group{display:flex;flex-direction:column;gap:clamp(8px,1vw,12px)}.form-label{color:var(--muted);font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500;display:flex;align-items:center;gap:clamp(6px,.8vw,8px)}.label-icon{font-size:clamp(1rem,1.3vw,1.2rem);font-weight:600}.required{color:#ff6363;margin-left:4px}.email-addresses-input{width:100%;padding:clamp(12px,1.5vw,16px);background:var(--panel-2);border:1px solid rgba(0,255,102,.18);border-radius:clamp(8px,1vw,12px);color:var(--text);font-size:clamp(.9rem,1.2vw,1.1rem);font-family:Courier New,monospace;transition:all .3s ease;resize:vertical;min-height:clamp(150px,20vw,200px);line-height:1.6}.email-addresses-input:focus{outline:none;border-color:#00ff6680;box-shadow:0 0 0 3px #00ff661a}.email-addresses-input::placeholder{color:var(--muted);opacity:.5;font-family:inherit}.email-count-info{display:flex;align-items:center;gap:clamp(8px,1vw,12px);margin-top:clamp(4px,.6vw,6px)}.email-count{color:var(--neon);font-size:clamp(.85rem,1.1vw,1rem);font-weight:500}.email-count-error{color:#ff6363;font-size:clamp(.8rem,1vw,.95rem)}.form-hint{color:var(--muted);font-size:clamp(.8rem,1vw,.95rem);opacity:.8;margin-top:clamp(4px,.6vw,6px)}.form-input{width:100%;padding:clamp(12px,1.5vw,16px);background:var(--panel-2);border:1px solid rgba(0,255,102,.18);border-radius:clamp(8px,1vw,12px);color:var(--text);font-size:clamp(.9rem,1.2vw,1.1rem);transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#00ff6680;box-shadow:0 0 0 3px #00ff661a}.form-input::placeholder{color:var(--muted);opacity:.5}.rich-text-editor{border:1px solid rgba(0,255,102,.18);border-radius:clamp(8px,1vw,12px);background:var(--panel-2);overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);padding:clamp(8px,1vw,12px);background:#00ff660d;border-bottom:1px solid rgba(0,255,102,.1);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:clamp(4px,.6vw,6px)}.toolbar-divider{width:1px;height:24px;background:#0f63;margin:0 clamp(4px,.6vw,8px)}.toolbar-btn{background:transparent;border:1px solid transparent;color:var(--text);padding:clamp(6px,.8vw,8px) clamp(8px,1vw,10px);border-radius:clamp(4px,.6vw,6px);cursor:pointer;font-size:clamp(.85rem,1.1vw,1rem);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.toolbar-btn:hover{background:#00ff661a;border-color:#00ff664d;color:var(--neon)}.toolbar-select{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(4px,.6vw,6px);color:var(--text);padding:clamp(6px,.8vw,8px) clamp(8px,1vw,10px);font-size:clamp(.8rem,1vw,.95rem);cursor:pointer;transition:all .2s ease;font-family:inherit}.toolbar-select:hover,.toolbar-select:focus{border-color:#00ff664d;outline:none}.editor-content{min-height:clamp(200px,25vw,300px);padding:clamp(16px,2vw,20px);color:var(--text);font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.6;outline:none;overflow-y:auto;max-height:clamp(300px,40vw,500px)}.editor-content[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--muted);opacity:.5}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1vw,12px) clamp(12px,1.5vw,16px);background:#00ff6608;border-top:1px solid rgba(0,255,102,.1);flex-wrap:wrap;gap:clamp(8px,1vw,12px)}.editor-footer-left{display:flex;flex-direction:column;gap:clamp(4px,.6vw,6px)}.editor-hint{color:var(--muted);font-size:clamp(.75rem,.9vw,.85rem);opacity:.7}.editor-info{color:var(--muted);font-size:clamp(.75rem,.9vw,.85rem);opacity:.8}.word-count{color:var(--neon);font-size:clamp(.85rem,1.1vw,1rem);font-weight:500}.form-actions{display:flex;gap:clamp(12px,1.5vw,16px);justify-content:flex-end;margin-top:clamp(8px,1vw,12px);flex-wrap:wrap}.btn-reset,.btn-send-campaign{padding:clamp(12px,1.5vw,16px) clamp(20px,2.5vw,24px);border-radius:clamp(8px,1vw,12px);font-size:clamp(.9rem,1.2vw,1rem);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(6px,.8vw,8px);border:1px solid}.btn-reset{background:transparent;border-color:#00ff664d;color:var(--neon)}.btn-reset:hover{background:#00ff661a;border-color:#00ff6680}.btn-send-campaign{background:linear-gradient(135deg,#9333ea,#7c3aed);border-color:#9333ea;color:#fff;box-shadow:0 4px 16px #9333ea33}.btn-send-campaign:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 24px #9333ea4d;transform:translateY(-1px)}.campaign-sidebar{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,24px)}.info-card{background:var(--panel);border:1px solid rgba(0,255,102,.18);border-radius:clamp(12px,1.5vw,18px);padding:clamp(20px,2.5vw,24px);box-shadow:var(--shadow)}.info-card-header{display:flex;align-items:center;gap:clamp(10px,1.2vw,12px);margin-bottom:clamp(16px,2vw,20px)}.info-icon{font-size:clamp(20px,2.5vw,24px)}.info-title{color:var(--neon);font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:600;margin:0}.guidelines-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(12px,1.5vw,16px)}.guidelines-list li{display:flex;align-items:flex-start;gap:clamp(10px,1.2vw,12px);color:var(--text);font-size:clamp(.85rem,1.1vw,1rem);line-height:1.5}.check-icon{color:var(--neon);font-weight:700;font-size:clamp(1rem,1.3vw,1.2rem);flex-shrink:0;margin-top:2px}.email-format-example{margin-bottom:clamp(12px,1.5vw,16px);background:var(--panel-2);border:1px solid rgba(0,255,102,.1);border-radius:clamp(6px,.8vw,8px);padding:clamp(12px,1.5vw,16px);overflow-x:auto}.email-example-text{margin:0;color:var(--neon);font-family:Courier New,monospace;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.8;white-space:pre;overflow-x:auto}.format-note{color:var(--muted);font-size:clamp(.8rem,1vw,.95rem);margin:0;opacity:.9;line-height:1.5}@media (max-width: 1200px){.campaign-layout{grid-template-columns:1fr}}@media (max-width: 768px){.start-campaign-content{margin-left:0;padding:clamp(80px,8vh,120px) clamp(16px,2vw,24px) clamp(20px,2.5vw,32px) clamp(16px,2vw,24px)}.campaign-header{flex-direction:column}.btn-manage-templates{width:100%;justify-content:center}.form-actions{flex-direction:column}.btn-reset,.btn-send-campaign{width:100%;justify-content:center}.editor-toolbar{flex-wrap:wrap}}@media (max-width: 520px){.page-title{flex-direction:column;align-items:flex-start}.file-upload-wrapper{flex-direction:column;align-items:stretch}.file-upload-button{width:100%;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}.app-layout{display:flex;min-height:100vh;background:#0d0d0d;color:#e0e0e0;width:100vw}.sidebar{width:220px;background:#111;padding:20px;display:flex;flex-direction:column;transition:all .3s ease}.sidebar.closed{width:0;padding:0;overflow:hidden}.logo{color:#00f5ff;font-size:1.5rem;margin-bottom:25px;text-shadow:0 0 8px #00f5ff}.nav-link{display:block;padding:12px 15px;margin-bottom:10px;border-radius:8px;text-decoration:none;color:#bbb;transition:background .2s ease,color .2s ease}.nav-link:hover{background:#00ffff1a;color:#fff}.nav-link.active{background:#0ff3;color:#00f5ff;font-weight:700;text-shadow:0 0 5px #00f5ff}.main-content{flex:1;padding:0;transition:all .3s ease}.main-content.sidebar-closed{margin-left:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}