:root{--bg-primary: #000000;--bg-secondary: #0a0a0f;--primary-gradient: #000000;--card-bg: rgba(10, 15, 20, .9);--card-bg-light: rgba(20, 25, 35, .8);--input-bg: rgba(10, 15, 20, .9);--border-color: rgba(0, 212, 255, .15);--accent-blue: #00d4ff;--accent-cyan: #00d4ff;--accent-purple: #7c3aed;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b80;--glow-cyan: rgba(0, 212, 255, .15);--glow-purple: rgba(124, 58, 237, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}.primary-btn{display:inline-block;width:100%;padding:14px 24px;background:var(--accent-gradient);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 0 30px var(--glow-cyan),0 0 60px #00d4ff33;text-decoration:none;text-align:center}.primary-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 50px var(--glow-cyan),0 0 100px #00d4ff66}.autocomplete-suggestions{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;z-index:1000;width:100%;max-height:200px;overflow-y:auto;border-radius:8px;box-shadow:var(--shadow-md)}.autocomplete-suggestions div{padding:10px 12px;cursor:pointer;color:var(--text-primary);transition:background .2s}.autocomplete-suggestions div:hover{background:var(--card-bg-light);color:var(--accent-blue)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.login-container{margin-top:2em;max-width:450px;width:100%;margin-left:auto;margin-right:auto}.register-container,.support-container{background:transparent;padding:0;border-radius:0;box-shadow:none;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.register-container input,.register-container button{margin-bottom:16px}.bg-container{position:relative;background-position:top center;background-size:cover;background-repeat:no-repeat;width:100%;min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;z-index:1}.content{position:relative;z-index:2;padding:2em;text-align:center;color:#fff;max-width:500px;width:100%;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.logo{width:200px;height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}input,textarea{width:100%;padding:16px 20px;margin-top:10px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;background-color:var(--input-bg);color:var(--text-primary);font-family:inherit;transition:border-color .3s,box-shadow .3s}input:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4ec7f31a}input::placeholder,textarea::placeholder{color:#666}select{width:100%;padding:12px 36px 12px 16px;margin-top:10px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--input-bg);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234ec7f3' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4ec7f31a;outline:none}button:not(.icon-auth){background:linear-gradient(135deg,var(--accent-blue) 0%,#3a95c9 100%);color:#000;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4ec7f34d}button:not(.icon-auth):hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ec7f366}button:not(.icon-auth):active{transform:translateY(0)}.link{margin-top:12px;font-size:14px;color:var(--text-secondary)}.link a{color:var(--accent-blue);text-decoration:none;font-weight:500}.link a:hover{text-decoration:underline}.button-row{display:flex;justify-content:center;gap:1em;margin-top:1em}.text-logout{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 20px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s;font-weight:600}.text-logout:hover{background:#ffffff1a;border-color:var(--accent-blue);color:var(--accent-blue)}.hidden{display:none}.status-message{color:#ff6f6f;font-size:.9em;margin-top:1em;text-align:center;min-height:1.2em;padding:8px 12px;background:#ff6f6f1a;border:1px solid rgba(255,111,111,.3);border-radius:6px}.social-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px}.icon-auth{background:var(--card-bg-light);border:1px solid var(--border-color);padding:12px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;transition:all .3s}.icon-auth img{height:24px;width:auto;max-width:100%;object-fit:contain;display:block;pointer-events:none}.icon-auth:hover{transform:translateY(-2px);background:#4ec7f31a;border-color:var(--accent-blue);box-shadow:0 4px 12px #4ec7f333}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;position:fixed;top:24px;right:24px;z-index:9999;display:none}.spinner.show{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container,.content{max-width:95%;padding:1.5em}.logo{width:150px;margin-bottom:1.5em}h1,h2{font-size:1.5rem}input,textarea{font-size:16px;padding:14px 16px}button:not(.icon-auth){font-size:16px;padding:14px 20px}.social-buttons{gap:12px}.icon-auth{width:42px;height:42px}.status-message{font-size:.9em}body:focus,body:active,*:focus,*:active{outline:none;background-color:transparent!important;box-shadow:none!important}.job-card.past{opacity:.5;filter:grayscale(60%)}input:focus,textarea:focus{background-color:#1b1b1b;border-color:#660879;outline:none;box-shadow:0 0 4px #660879}}.status-unassigned{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-assigned{background:linear-gradient(135deg,#ffd93d,#f9ca24);color:#000;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-in-progress{background:linear-gradient(135deg,var(--accent-blue) 0%,#3a95c9 100%);color:#000;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-completed{background:linear-gradient(135deg,#6bcf7f,#4caf50);color:#000;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.support-header{margin-bottom:30px}.session-status{display:none;padding:12px 20px;background:var(--card-bg-light);border:1px solid var(--border-color);border-radius:8px;margin-top:10px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-prompt{margin:30px 0}.pricing-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:30px;max-width:400px;margin:0 auto;box-shadow:var(--shadow-lg)}.pricing-card h3{color:var(--accent-purple);font-size:24px;margin-bottom:15px}.pricing-card .price{font-size:48px;font-weight:700;color:#fff;margin:20px 0}.pricing-card .price .period{font-size:18px;color:var(--text-secondary);font-weight:400}.pricing-card .features{list-style:none;padding:0;margin:20px 0;text-align:left}.pricing-card .features li{padding:10px 0;color:var(--text-primary);font-size:16px}.pricing-card .btn-primary{width:100%;padding:15px;background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px;box-shadow:0 4px 12px #764ba259}.pricing-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #764ba273}.pricing-card .payment-note{margin-top:15px;font-size:12px;color:#888}.pricing-card .price-subtitle{color:#ccc;font-size:16px;margin-bottom:20px}.btn-emergency,.btn-video{width:100%;padding:15px;background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px;box-shadow:0 4px 12px #764ba259}.btn-emergency:hover,.btn-video:hover{transform:translateY(-2px);box-shadow:0 6px 16px #764ba273}#chat-interface{margin-top:30px}