:root{--primary: #38bdf8;--primary-hover: #0ea5e9;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-smooth: cubic-bezier(.4,0,.2,1);--nav-height: 64px}@media(max-width:480px){:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}}[data-theme=dark],:root:not([data-theme=light]){--bg-primary: #020617;--bg-secondary: rgba(15,23,42,.75);--text-main: #f1f5f9;--text-muted: #94a3b8;--border-color: rgba(255,255,255,.08);--input-bg: rgba(255,255,255,.04);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255,255,255,.12);--card-shadow: 0 10px 40px rgba(0,0,0,.5);--nav-bg: rgba(2,6,23,.75);color-scheme:dark}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: rgba(255,255,255,.75);--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--input-bg: #ffffff;--glass-bg: rgba(255,255,255,.65);--glass-border: rgba(255,255,255,.9);--card-shadow: 0 10px 25px rgba(0,0,0,.06);--nav-bg: rgba(248,250,252,.75);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;background:var(--bg-primary);color:var(--text-main);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--primary);color:#fff}.page{max-width:1300px;margin:calc(var(--nav-height) + 10px) auto 0;padding:32px 24px 80px;animation:pageFade .45s var(--ease-spring)}@media(max-width:1023px){.page{max-width:100%;padding:24px 20px 80px}}@media(max-width:767px){.page{padding:20px 16px 80px;margin:calc(var(--nav-height) + 8px) auto 0}}@media(max-width:479px){.page{padding:16px 12px 60px;margin:calc(var(--nav-height) + 6px) auto 0}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--card-shadow);transition:transform .35s var(--ease-spring),box-shadow .3s ease}.card:hover{transform:translateY(-6px)}input,textarea,select{width:100%;padding:12px 16px;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-main);font-size:15px;font-family:inherit;transition:.25s var(--ease-smooth)}@media(max-width:767px){input,textarea,select{padding:14px 16px;font-size:16px}}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #38bdf826;background:var(--bg-secondary)}button{font-family:inherit;font-weight:700;padding:12px 20px;min-height:44px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s var(--ease-smooth)}@media(max-width:767px){button{padding:14px 24px;font-size:15px}}button:active{transform:scale(.97)}button.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #38bdf866}button.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}button.danger{background:#ef4444;color:#fff}button.outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.progress-bg{width:100%;height:8px;background:var(--border-color);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#818cf8);transition:width .6s var(--ease-smooth)}.footer{width:100%;padding:24px 0;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-secondary)}@keyframes pageFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:99999;background:#000000a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:overlayFade .3s ease}[data-theme=light] .loader-overlay{background:#fff9}.loader-content{text-align:center;padding:30px 40px;border-radius:20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--glass-border);box-shadow:0 20px 50px #0006;animation:loaderPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes loaderPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pulse-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}.pulse-dot{width:14px;height:14px;background:linear-gradient(135deg,var(--primary),#60dbff);border-radius:50%;box-shadow:0 0 18px #38bdf880;animation:pulseBounce 1.4s infinite ease-in-out both}.pulse-dot:nth-child(1){animation-delay:-.32s}.pulse-dot:nth-child(2){animation-delay:-.16s}@keyframes pulseBounce{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1.15);opacity:1}}.loader-text{font-size:.8rem;font-weight:800;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;animation:textFade 1.6s infinite ease-in-out}@keyframes textFade{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:768px){.loader-content{padding:24px 28px}.pulse-dot{width:12px;height:12px}.loader-text{font-size:.75rem;letter-spacing:1.5px}}@media(max-width:480px){.loader-content{padding:20px 24px;border-radius:18px}}.auth-login-container{max-width:420px;margin:auto;padding:60px 24px 100px;display:flex;flex-direction:column;background:var(--glass-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:22px;box-shadow:0 25px 50px #00000059;animation:authFade .6s ease}@keyframes authFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-login-header{font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;color:var(--text-main);margin-bottom:26px;padding-bottom:14px;border-bottom:1px solid var(--glass-border)}.auth-input-label{font-size:.75rem;font-weight:700;color:var(--text-muted);margin-top:16px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px}.auth-input-field{width:100%;background:#ffffff0a;color:var(--text-main);border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;font-size:.95rem;transition:.25s ease}[data-theme=light] .auth-input-field{background:#00000008}.auth-input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf82e,0 4px 14px #38bdf82e;transform:translateY(-1px)}.auth-login-submit{width:100%;margin-top:32px;padding:14px;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;font-weight:800;font-size:.95rem;border:none;border-radius:14px;cursor:pointer;box-shadow:0 8px 20px #38bdf859;transition:.25s ease}.auth-login-submit:hover{transform:translateY(-3px);box-shadow:0 12px 28px #38bdf873}.auth-login-submit:active{transform:translateY(0)}.auth-registration-hint{text-align:center;margin-top:26px;color:var(--text-muted);font-size:.9rem}.auth-redirect-link{color:var(--primary);font-weight:700;text-decoration:none;margin-left:6px;position:relative;transition:.25s ease}.auth-redirect-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:var(--primary);transition:.25s ease}.auth-redirect-link:hover{color:var(--primary-hover)}.auth-redirect-link:hover:after{width:100%}@media(max-width:1023px){.auth-login-container{max-width:100%;margin:50px 18px;padding:40px 24px 80px;border-radius:20px}.auth-login-header{font-size:clamp(1.5rem,2vw,1.8rem);margin-bottom:22px}.auth-input-label{font-size:.7rem;margin-top:14px}.auth-input-field{padding:13px 14px;font-size:.9rem;border-radius:11px}}@media(max-width:767px){.auth-login-container{max-width:100%;margin:36px 16px;padding:32px 20px 70px;border-radius:18px}.auth-login-header{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:20px;padding-bottom:12px}.auth-input-label{font-size:.65rem;margin-top:12px;margin-bottom:5px;letter-spacing:.7px}.auth-input-field{padding:12px 13px;font-size:16px;border-radius:10px;min-height:44px}.auth-login-submit{margin-top:28px;padding:12px;font-size:.9rem;border-radius:12px;min-height:44px}.auth-registration-hint{margin-top:20px;font-size:.85rem}}@media(max-width:479px){.auth-login-container{max-width:100%;margin:24px 12px;padding:28px 16px 50px;border-radius:16px;box-shadow:0 20px 40px #00000040}.auth-login-header{font-size:clamp(1.1rem,5vw,1.4rem);margin-bottom:18px;padding-bottom:10px}.auth-input-label{font-size:.6rem;margin-top:10px;margin-bottom:4px;letter-spacing:.6px}.auth-input-field{padding:11px 12px;font-size:16px;border-radius:9px;min-height:40px}.auth-login-submit{margin-top:22px;padding:11px;font-size:.85rem;border-radius:10px;min-height:40px}.auth-registration-hint{margin-top:16px;font-size:.8rem}.auth-redirect-link{margin-left:4px}}.reg-container{max-width:520px;margin:60px auto 100px;padding:40px 26px;background:var(--glass-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px #00000059;animation:regFade .6s ease}@keyframes regFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reg-title{font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;color:var(--text-main);margin-bottom:26px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.role-toggle-container{position:relative;display:flex;padding:4px;margin:12px 0 28px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:14px}.role-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:10px;background:linear-gradient(135deg,var(--primary),#60dbff);box-shadow:0 6px 18px #38bdf859;transition:transform .3s cubic-bezier(.4,0,.2,1)}.role-slider.provider{transform:translate(100%)}.role-btn{flex:1;padding:12px;border:none;background:none;font-weight:800;font-size:.9rem;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;z-index:2;transition:.25s ease}.role-btn.active{color:#fff}.role-btn:not(.active):hover{color:var(--text-main)}.reg-avatar-section{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:28px}.reg-avatar-preview{width:110px;height:110px;border-radius:50%;overflow:hidden;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid var(--primary);box-shadow:0 10px 25px #38bdf840}.reg-avatar-preview img{width:100%;height:100%;object-fit:cover}.reg-file-label{font-size:.85rem;font-weight:700;color:var(--primary);cursor:pointer;transition:.25s ease}.reg-file-label:hover{color:var(--primary-hover);text-decoration:underline}.reg-label{font-size:.75rem;font-weight:700;color:var(--text-muted);margin-top:20px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.7px}.reg-input,.reg-textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-main);font-size:.95rem;transition:.25s ease}[data-theme=light] .reg-input,[data-theme=light] .reg-textarea{background:#00000008}.reg-input:focus,.reg-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf82e,0 6px 18px #38bdf826;transform:translateY(-1px)}.reg-textarea{min-height:120px;resize:vertical}.reg-submit-btn{width:100%;margin-top:36px;padding:16px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:.3s ease;box-shadow:0 12px 28px #38bdf859}.reg-submit-btn:hover{transform:translateY(-4px);box-shadow:0 18px 38px #38bdf873}.reg-submit-btn:active{transform:translateY(-1px)}.reg-prompt{text-align:center;margin-top:26px;color:var(--text-muted);font-size:.9rem}.reg-link{color:var(--primary);font-weight:700;text-decoration:none;margin-left:6px;position:relative;transition:.25s ease}.reg-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:var(--primary);transition:.25s ease}.reg-link:hover:after{width:100%}@media(max-width:1023px){.reg-container{max-width:100%;margin:50px 18px 90px;padding:36px 24px;border-radius:20px}.reg-title{font-size:clamp(1.5rem,2.5vw,1.8rem);margin-bottom:22px}.role-btn{padding:10px;font-size:.85rem}.reg-avatar-preview{width:100px;height:100px}.reg-label{font-size:.7rem;margin-top:18px}.reg-input,.reg-textarea{padding:13px 14px;font-size:.9rem;border-radius:12px}.reg-textarea{min-height:100px}.reg-submit-btn{margin-top:30px;padding:14px;font-size:.92rem}}@media(max-width:767px){.reg-container{max-width:100%;margin:36px 16px 80px;padding:28px 20px;border-radius:18px}.reg-title{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:20px;padding-bottom:10px}.role-toggle-container{margin:10px 0 24px;border-radius:12px}.role-btn{padding:10px;font-size:.8rem;letter-spacing:.5px}.reg-avatar-section{margin-bottom:24px;gap:12px}.reg-avatar-preview{width:90px;height:90px}.reg-file-label{font-size:.8rem}.reg-label{font-size:.65rem;margin-top:14px;margin-bottom:5px;letter-spacing:.6px}.reg-input,.reg-textarea{padding:12px 13px;font-size:16px;border-radius:10px;min-height:44px}.reg-textarea{min-height:100px}.reg-submit-btn{margin-top:26px;padding:12px;font-size:.9rem;border-radius:12px;min-height:44px}.reg-prompt{margin-top:20px;font-size:.85rem}}@media(max-width:479px){.reg-container{max-width:100%;margin:24px 12px 60px;padding:24px 16px;border-radius:16px;box-shadow:0 20px 40px #00000040}.reg-title{font-size:clamp(1.1rem,5vw,1.4rem);margin-bottom:18px;padding-bottom:8px}.role-toggle-container{margin:8px 0 20px;border-radius:10px;padding:3px}.role-slider{border-radius:8px}.role-btn{padding:9px;font-size:.75rem;letter-spacing:.4px}.reg-avatar-section{margin-bottom:20px;gap:10px}.reg-avatar-preview{width:80px;height:80px;border-width:2px}.reg-file-label{font-size:.75rem}.reg-label{font-size:.6rem;margin-top:10px;margin-bottom:4px;letter-spacing:.5px}.reg-input,.reg-textarea{padding:11px 12px;font-size:16px;border-radius:9px;min-height:40px}.reg-textarea{min-height:90px}.reg-submit-btn{margin-top:20px;padding:11px;font-size:.85rem;border-radius:10px;min-height:40px}.reg-prompt{margin-top:16px;font-size:.8rem}.reg-link{margin-left:4px}}.profile-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000;background:#000000bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:overlayFade .25s ease}[data-theme=light] .profile-modal-overlay{background:#fff9}.profile-modal-container{position:relative;width:100%;max-width:420px;padding:40px 26px 32px;background:var(--glass-bg, rgba(20,20,25,.75));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:28px;box-shadow:0 30px 60px #0006;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-animate{animation:modalPop .35s cubic-bezier(.34,1.56,.64,1)}.menu-close-x{position:absolute;top:18px;right:18px;background:#ffffff14;color:var(--text-main);border:none;border-radius:10px;padding:6px;cursor:pointer;transition:.2s ease}.profile-modal-header{width:100%;margin-bottom:26px}.profile-modal-avatar-large{width:92px;height:92px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;border:4px solid var(--glass-bg, rgba(0,0,0,.3));box-shadow:0 10px 25px #38bdf859}.profile-modal-letter-large{font-size:2.4rem;font-weight:800}.profile-modal-name{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:0}.profile-modal-role{font-size:.9rem;color:var(--text-muted);margin-top:4px}.profile-modal-details{width:100%;text-align:left;border-top:1px solid var(--glass-border, rgba(255,255,255,.1));padding-top:20px;margin-bottom:24px}.detail-item{display:flex;align-items:center;gap:12px;color:var(--text-main);margin-bottom:12px}.detail-item .material-icons{color:var(--primary);font-size:20px}.description-section{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.profile-modal-description{margin:0;line-height:1.55;color:var(--text-muted);font-size:.92rem}.profile-modal-footer{width:100%;display:flex;flex-direction:column;gap:12px}.modal-contact-row{display:flex;gap:12px;width:100%}.contact-btn{flex:1;padding:12px;border-radius:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-size:.88rem;transition:.25s ease}.contact-btn.whatsapp{background:linear-gradient(135deg,#25d366,#1ebe5d);color:#fff}.contact-btn.whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 18px #25d36666}.contact-btn.call{background:#ffffff0f;color:var(--text-main);border:1px solid var(--glass-border, rgba(255,255,255,.1))}.contact-btn.call:hover{background:#ffffff1f}.modal-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:16px;background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:.25s ease}.modal-nav-arrow .material-icons{font-size:34px;color:#fff}.modal-nav-arrow:hover{background:#38bdf833;transform:translateY(-50%) scale(1.08)}.modal-nav-arrow.left{left:5vw}.modal-nav-arrow.right{right:5vw}@keyframes modalPop{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.profile-modal-container{padding:32px 20px 26px;border-radius:24px}.modal-nav-arrow{width:46px;height:46px}.modal-nav-arrow .material-icons{font-size:26px}}@media(max-width:480px){.profile-modal-container{padding:26px 18px}.modal-contact-row{flex-direction:column}}.db-provider-container,.db-worker-container{margin:50px auto;padding:0 24px 40px;max-width:1200px;background:transparent;animation:pageFade .6s ease}.db-section-subtitle{font-size:.9rem;color:var(--primary);text-transform:uppercase;letter-spacing:1.6px;font-weight:700;margin-bottom:28px}.db-job-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:22px;padding:26px 26px 32px;margin:30px 0 0;box-shadow:var(--shadow-soft);transition:.35s ease}@media(hover:hover){.db-job-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 18px 45px #00000059,0 0 30px #38bdf833}}.db-job-card h3{font-size:1.4rem;color:var(--text-main);margin-bottom:10px}.hiring-info{background:#00000014;padding:18px;border-radius:16px;margin:22px 0;border:1px solid var(--glass-border)}[data-theme=light] .hiring-info{background:#00000008}.hiring-progress-container-dual{width:100%;height:14px;background:#ffffff1a;border-radius:20px;overflow:hidden;position:relative;margin:14px 0}[data-theme=light] .hiring-progress-container-dual{background:#00000014}.hiring-progress-bar.joined{height:100%;background:linear-gradient(90deg,var(--primary),#60dbff);border-radius:20px;transition:width .9s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #38bdf859}.hiring-progress-bar.joined:not([style*="width: 100%"]){animation:progressPulse 2s infinite ease-in-out}@keyframes progressPulse{0%{opacity:1}50%{opacity:.75}to{opacity:1}}.db-workers-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid var(--glass-border)}.db-applied-job-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px;border-radius:18px;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);margin-top:22px;transition:.3s ease}@media(hover:hover){.db-applied-job-card:hover{transform:translateY(-5px);border-color:var(--primary)}}.db-applied-job-card.declined,.db-applied-job-card.removed{opacity:.55;filter:grayscale(.85);border-left:4px solid #ef4444}.status-badge{padding:6px 14px;border-radius:30px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.approved{background:#22c55e26;color:#22c55e}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.declined{background:#ef444426;color:#ef4444}.db-card-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.complete-btn{background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:.3s ease}.complete-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #38bdf866}.delete-btn{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:10px 22px;border-radius:12px;font-weight:600;cursor:pointer;transition:.25s ease}.delete-btn:hover{background:#ef4444;color:#fff;box-shadow:0 8px 18px #ef444459}@media(min-width:1024px){.main-wrapper.with-sidebar{margin-left:260px;transition:margin-left .3s ease}}@media(max-width:1023px){.db-provider-container,.db-worker-container{margin:40px auto;padding:0 18px 36px;max-width:100%}.db-main-title{font-size:clamp(1.6rem,2.5vw,2.2rem);margin-bottom:4px}.db-section-subtitle{font-size:.85rem;margin-bottom:24px}.db-job-card{padding:22px;border-radius:18px;margin:24px 0 0}.db-job-card h3{font-size:1.2rem}.db-workers-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.db-applied-job-card{padding:18px;gap:12px}.hiring-info{padding:16px;margin:18px 0}}@media(max-width:767px){.db-provider-container,.db-worker-container{margin:32px auto;padding:0 16px 32px;max-width:100%}.db-main-title{font-size:clamp(1.4rem,4vw,2rem);margin-bottom:4px}.db-section-subtitle{font-size:.8rem;letter-spacing:1.4px;margin-bottom:20px}.db-job-card{padding:18px;border-radius:14px;margin:18px 0 0}.db-job-card h3{font-size:1.1rem}.db-workers-list{grid-template-columns:1fr;gap:14px;margin-top:20px}.db-applied-job-card{flex-direction:column;align-items:flex-start;padding:16px;margin-top:16px}.db-card-footer{justify-content:stretch;flex-direction:column}.complete-btn,.delete-btn{width:100%;padding:12px 18px;font-size:.9rem}.status-badge{padding:5px 12px;font-size:.65rem}.hiring-info{padding:14px;margin:16px 0}.hiring-progress-container-dual{height:12px;margin:12px 0}}@media(max-width:479px){.db-provider-container,.db-worker-container{margin:24px auto;padding:0 12px 24px;max-width:100%}.db-main-title{font-size:clamp(1.2rem,6vw,1.8rem);margin-bottom:3px}.db-section-subtitle{font-size:.75rem;letter-spacing:1.2px;margin-bottom:16px}.db-job-card{padding:15px;border-radius:12px;margin:14px 0 0}.db-job-card h3{font-size:1rem;margin-bottom:8px}.db-workers-list{gap:12px;margin-top:16px}.db-applied-job-card{padding:14px;margin-top:12px;gap:10px}.db-card-footer{margin-top:16px;padding-top:12px;gap:10px}.complete-btn,.delete-btn{padding:10px 16px;font-size:.85rem;border-radius:10px}.status-badge{padding:4px 10px;font-size:.6rem;border-radius:20px}.hiring-info{padding:12px;margin:14px 0;border-radius:12px}.hiring-progress-container-dual{height:10px;margin:10px 0}}@keyframes pageFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-message{font-size:.9rem;color:var(--text-secondary);margin-top:40px;margin-bottom:100px}.db-main-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--text-main);margin-bottom:6px}.fj-container{max-width:1000px;margin:auto;padding:50px 24px 100px;animation:pageFade .6s ease}.fj-main-heading{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.4px;margin-bottom:8px;color:var(--text-main)}.fj-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-muted);margin-bottom:32px;font-weight:700}.fj-job-card{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-left:4px solid var(--primary);padding:24px;border-radius:18px;margin-bottom:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-soft);transition:.35s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.fj-job-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 18px 45px #00000059,0 0 25px #38bdf833}}.fj-job-card-title{font-size:1.3rem;font-weight:700;color:var(--text-main);margin:0}.fj-job-meta{color:var(--text-muted);font-size:.92rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fj-job-meta .material-icons{font-size:18px;color:var(--primary)}.fj-slot-container{background:#00000014;padding:14px 18px;border-radius:14px;margin:10px 0;border:1px solid var(--glass-border)}[data-theme=light] .fj-slot-container{background:#00000008}.fj-progress-bg{width:100%;height:10px;background:#ffffff1f;border-radius:10px;overflow:hidden}[data-theme=light] .fj-progress-bg{background:#00000014}.fj-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#818cf8);border-radius:10px;transition:width .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 18px #38bdf859}.fj-progress-bar:not([style*="100%"]){animation:slotPulse 2s infinite ease-in-out}@keyframes slotPulse{0%{opacity:1}50%{opacity:.75}to{opacity:1}}.fj-slot-text{font-size:.75rem;color:var(--text-muted);font-weight:700;margin-top:8px;text-transform:uppercase;letter-spacing:.6px}.fj-action-area{margin-top:16px}.fj-apply-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;font-size:.95rem;font-weight:800;border:none;border-radius:14px;cursor:pointer;box-shadow:0 6px 18px #38bdf859;transition:.25s ease}.fj-apply-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #38bdf873}.fj-cancel-btn{width:100%;padding:12px;background:#ef44441f;color:#ef4444;border:1px solid #ef4444;border-radius:14px;font-weight:700;cursor:pointer;transition:.25s ease}.fj-cancel-btn:hover{background:#ef4444;color:#fff;box-shadow:0 8px 18px #ef444459}.fj-label{display:block;text-align:center;padding:12px;border-radius:14px;font-weight:700;font-size:.85rem;letter-spacing:.5px}.fj-label.applied{background:#38bdf826;color:var(--primary);border:1px solid rgba(56,189,248,.35)}.fj-label.full{background:#94a3b826;color:var(--text-muted)}.fj-label.completed{background:#22c55e26;color:#22c55e}.fj-no-jobs-msg{padding:70px 24px;text-align:center;border:2px dashed var(--glass-border);border-radius:22px;color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:1023px){.fj-container{max-width:100%;padding:40px 20px 80px}.fj-main-heading{font-size:clamp(1.6rem,3vw,2.2rem)}.fj-section-title{font-size:.8rem;letter-spacing:1.4px;margin-bottom:28px}.fj-job-card{padding:22px;border-radius:16px;margin-bottom:20px}.fj-job-card-title{font-size:1.2rem}.fj-job-meta{font-size:.9rem}}@media(max-width:767px){.fj-container{max-width:100%;padding:32px 16px 80px}.fj-main-heading{font-size:clamp(1.4rem,4vw,1.9rem);margin-bottom:6px}.fj-section-title{font-size:.75rem;letter-spacing:1.2px;margin-bottom:24px}.fj-job-card{padding:18px;border-radius:14px;margin-bottom:16px;gap:12px}.fj-job-card-title{font-size:1.1rem;margin:0}.fj-job-meta{font-size:.85rem;gap:6px}.fj-job-meta .material-icons{font-size:16px}.fj-slot-container{padding:12px 14px;margin:8px 0}.fj-progress-bg{height:8px}.fj-slot-text{font-size:.7rem;margin-top:6px}.fj-action-area{margin-top:12px}.fj-apply-btn,.fj-cancel-btn{padding:12px;font-size:.9rem;border-radius:12px}.fj-apply-btn{margin-bottom:8px}.fj-label{padding:10px;border-radius:12px;font-size:.8rem}.fj-no-jobs-msg{padding:50px 16px;border-radius:18px}}@media(max-width:479px){.fj-container{max-width:100%;padding:24px 12px 60px}.fj-main-heading{font-size:clamp(1.2rem,5vw,1.7rem);margin-bottom:4px}.fj-section-title{font-size:.7rem;letter-spacing:1px;margin-bottom:18px}.fj-job-card{padding:14px;border-radius:12px;margin-bottom:12px;gap:10px;border-left-width:3px}.fj-job-card-title{font-size:1rem}.fj-job-meta{font-size:.8rem;gap:5px}.fj-job-meta .material-icons{font-size:14px}.fj-slot-container{padding:10px 12px;margin:6px 0;border-radius:10px}.fj-progress-bg{height:6px}.fj-slot-text{font-size:.65rem;margin-top:4px}.fj-action-area{margin-top:10px}.fj-apply-btn,.fj-cancel-btn{padding:10px 14px;font-size:.85rem;border-radius:10px;min-height:40px}.fj-apply-btn{margin-bottom:6px}.fj-label{padding:8px;border-radius:10px;font-size:.75rem}.fj-no-jobs-msg{padding:40px 12px;border-radius:14px;border-width:1px}}@keyframes pageFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pj-form-wrapper{max-width:680px;margin:60px auto 100px;padding:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px #00000059;animation:formFade .6s ease}@keyframes formFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pj-main-title{font-size:clamp(1.7rem,3vw,2.1rem);font-weight:800;color:var(--text-main);margin-bottom:8px;letter-spacing:-.4px}.pj-header-spacer{font-size:.95rem;color:var(--text-muted);margin-bottom:30px;display:block}.pj-input-label{font-size:.75rem;font-weight:700;color:var(--text-muted);margin-top:22px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.pj-input-field{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-main);font-size:.95rem;transition:.25s ease}[data-theme=light] .pj-input-field{background:#00000008}.pj-input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf82e,0 8px 20px #38bdf826;transform:translateY(-1px)}.pj-input-field::placeholder{color:var(--text-muted);opacity:.5}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.time-row{grid-template-columns:1fr}}.pj-date-picker,.pj-time-picker{cursor:pointer;font-family:inherit}[data-theme=dark] .pj-input-field::-webkit-calendar-picker-indicator{filter:invert(1)}.pj-submit-button{width:100%;margin-top:45px;padding:16px;border-radius:16px;border:none;font-weight:800;font-size:1rem;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;cursor:pointer;box-shadow:0 10px 25px #38bdf859;transition:.3s ease}.pj-submit-button:hover{transform:translateY(-4px);box-shadow:0 16px 35px #38bdf873}.pj-submit-button:active{transform:translateY(-1px)}.pj-submit-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pj-error-container{margin-top:30px;padding:18px;border-radius:16px;background:#ef44441f;border:1px solid #ef4444;color:#ef4444;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:errorShake .35s ease}@keyframes errorShake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@media(max-width:1023px){.pj-form-wrapper{max-width:100%;margin:48px 20px 80px;padding:32px;border-radius:20px}.pj-main-title{font-size:clamp(1.5rem,3vw,1.9rem);margin-bottom:6px}.pj-header-spacer{font-size:.9rem;margin-bottom:24px}.pj-input-label{font-size:.7rem;margin-top:18px;margin-bottom:6px}.pj-input-field{padding:12px 14px;border-radius:12px;font-size:.9rem}.time-row{gap:16px}.pj-submit-button{margin-top:38px;padding:14px;font-size:.95rem}}@media(max-width:767px){.pj-form-wrapper{max-width:100%;margin:36px 16px 70px;padding:24px;border-radius:18px;box-shadow:0 20px 40px #00000040}.pj-main-title{font-size:clamp(1.3rem,4vw,1.7rem);margin-bottom:6px}.pj-header-spacer{font-size:.85rem;margin-bottom:20px}.pj-input-label{font-size:.65rem;margin-top:14px;margin-bottom:6px;letter-spacing:.7px}.pj-input-field{padding:12px 13px;border-radius:11px;font-size:16px;min-height:44px}.time-row{grid-template-columns:1fr;gap:0}.pj-submit-button{margin-top:32px;padding:12px;font-size:.9rem;border-radius:14px;min-height:44px}.pj-error-container{margin-top:24px;padding:14px;border-radius:14px;font-size:.9rem}}@media(max-width:479px){.pj-form-wrapper{max-width:100%;margin:24px 12px 50px;padding:20px;border-radius:16px;box-shadow:0 15px 30px #0003}.pj-main-title{font-size:clamp(1.1rem,5vw,1.5rem);margin-bottom:4px;letter-spacing:-.3px}.pj-header-spacer{font-size:.8rem;margin-bottom:16px}.pj-input-label{font-size:.6rem;margin-top:12px;margin-bottom:5px;letter-spacing:.6px}.pj-input-field{padding:11px 12px;border-radius:10px;font-size:16px;min-height:40px}.time-row{gap:0}.pj-submit-button{margin-top:24px;padding:11px;font-size:.85rem;border-radius:12px;min-height:40px}.pj-submit-button:hover{transform:translateY(-2px)}.pj-error-container{margin-top:18px;padding:12px;border-radius:12px;font-size:.85rem}}.prof-main-container{max-width:900px;margin:60px auto 100px;padding:0 20px;animation:profileFade .6s ease}@keyframes profileFade{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.prof-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--glass-border)}.prof-header-flex h1{color:var(--text-main);font-size:clamp(1.6rem,3vw,2rem);font-weight:800}.prof-info-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:0 25px 50px #00000059}.prof-avatar-display{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:36px}.prof-img-wrapper{position:relative;width:130px;height:130px}.prof-actual-img,.prof-letter-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;font-size:3rem;font-weight:800;border:4px solid var(--glass-bg);box-shadow:0 10px 25px #0000004d}.prof-upload-btn{position:absolute;bottom:6px;right:6px;width:40px;height:40px;border-radius:50%;border:3px solid var(--glass-bg);background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease}.prof-upload-btn:hover{transform:scale(1.12);box-shadow:0 8px 18px #38bdf873}.prof-basic-meta{text-align:center}.prof-basic-meta h3{font-size:1.5rem;margin-bottom:6px;color:var(--text-main)}.role-badge{display:inline-block;background:#38bdf826;color:var(--primary);padding:4px 14px;border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.prof-view-mode p{margin:16px 0;font-size:1.02rem;color:var(--text-main)}.prof-label{color:var(--text-muted);font-weight:700;margin-right:10px;text-transform:uppercase;font-size:.8rem}.prof-bio{margin:26px 0;padding-top:18px;border-top:1px solid var(--glass-border)}.prof-edit-form{display:flex;flex-direction:column;gap:18px}.prof-input,.prof-textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-main);font-size:.95rem;transition:.25s ease}[data-theme=light] .prof-input,[data-theme=light] .prof-textarea{background:#00000008}.prof-input:focus,.prof-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf82e,0 6px 18px #38bdf826}.prof-textarea{min-height:120px;resize:vertical}.prof-edit-actions{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}.primary-btn,.prof-edit-trigger-btn{padding:12px 26px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;font-weight:700;cursor:pointer;transition:.25s ease}.primary-btn:hover,.prof-edit-trigger-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #38bdf866}.secondary-btn{padding:12px 26px;border-radius:14px;background:transparent;color:var(--text-muted);border:1px solid var(--glass-border);font-weight:600;cursor:pointer;transition:.25s ease}.secondary-btn:hover{background:#ffffff14;color:var(--text-main)}@media(max-width:1023px){.prof-main-container{max-width:100%;margin:50px 18px 90px;padding:0 16px}.prof-header-flex{flex-direction:column;align-items:flex-start;margin-bottom:24px}.prof-header-flex h1{font-size:clamp(1.5rem,3vw,1.8rem)}.prof-info-card{padding:32px;border-radius:20px}.prof-img-wrapper{width:120px;height:120px}.prof-basic-meta h3{font-size:1.4rem}.role-badge{font-size:.7rem;padding:3px 12px}.primary-btn,.secondary-btn,.prof-edit-trigger-btn{padding:11px 20px;font-size:.9rem;border-radius:12px}}@media(max-width:767px){.prof-main-container{max-width:100%;margin:36px 16px 80px;padding:0 12px}.prof-header-flex{flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:12px}.prof-header-flex h1{font-size:clamp(1.3rem,4vw,1.6rem)}.prof-info-card{padding:24px;border-radius:18px}.prof-avatar-display{gap:14px;margin-bottom:28px}.prof-img-wrapper{width:100px;height:100px}.prof-actual-img,.prof-letter-avatar{font-size:2.5rem;border-width:3px}.prof-upload-btn{width:36px;height:36px;border-width:2px}.prof-basic-meta h3{font-size:1.2rem;margin-bottom:4px}.role-badge{font-size:.65rem;padding:3px 10px}.prof-input,.prof-textarea{padding:12px 13px;font-size:16px;border-radius:10px;min-height:44px}.prof-textarea{min-height:100px}.prof-edit-actions{flex-direction:column;gap:10px;margin-top:8px}.primary-btn,.secondary-btn,.prof-edit-trigger-btn{width:100%;padding:11px 16px;font-size:.9rem;border-radius:10px;min-height:44px}}@media(max-width:479px){.prof-main-container{max-width:100%;margin:24px 12px 60px;padding:0 8px}.prof-header-flex{flex-direction:column;align-items:flex-start;margin-bottom:16px;padding-bottom:10px;gap:8px}.prof-header-flex h1{font-size:clamp(1.1rem,5vw,1.4rem)}.prof-info-card{padding:20px;border-radius:14px;box-shadow:0 20px 40px #00000040}.prof-avatar-display{gap:12px;margin-bottom:24px}.prof-img-wrapper{width:85px;height:85px}.prof-actual-img,.prof-letter-avatar{font-size:2rem;border-width:2px;box-shadow:0 6px 16px #0003}.prof-upload-btn{width:32px;height:32px;bottom:2px;right:2px;border-width:2px;font-size:14px}.prof-basic-meta h3{font-size:1rem;margin-bottom:3px}.role-badge{font-size:.6rem;padding:2px 8px}.prof-input,.prof-textarea{padding:11px 12px;font-size:16px;border-radius:9px;min-height:40px}.prof-textarea{min-height:90px}.prof-edit-actions{flex-direction:column;gap:8px;margin-top:6px}.primary-btn,.secondary-btn,.prof-edit-trigger-btn{width:100%;padding:10px 12px;font-size:.85rem;border-radius:8px;min-height:40px}}.page.reg-container{margin:0 auto!important;max-width:500px;width:90%;padding-bottom:100px}.settings-page{max-width:760px;margin:60px auto 120px;padding:0 20px;animation:settingsFade .6s ease}@keyframes settingsFade{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.settings-title{font-size:clamp(1.8rem,3vw,2.2rem);font-weight:800;color:var(--text-main);margin-bottom:34px;letter-spacing:-.6px}.settings-content{display:flex;flex-direction:column;gap:34px}.settings-header-group{margin-bottom:10px}.settings-header-group h3{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.settings-header-group p{font-size:.85rem;color:var(--text-muted)}.theme-toggle-pill-container{position:relative;display:flex;max-width:360px;padding:4px;border-radius:16px;border:1px solid var(--glass-border);background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none}.theme-pill-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:12px;background:linear-gradient(135deg,var(--primary),#60dbff);box-shadow:0 6px 18px #38bdf859;transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-pill-slider.dark{transform:translate(100%)}.pill-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:.9rem;font-weight:800;color:var(--text-muted);z-index:2;transition:.25s ease}.pill-option.active{color:#fff}.settings-security-form{max-width:460px;display:flex;flex-direction:column;gap:22px}.password-inputs{display:flex;flex-direction:column;gap:14px}.settings-security-form input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-main);font-size:.95rem;transition:.25s ease}[data-theme=light] .settings-security-form input{background:#00000008}.settings-security-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf82e,0 6px 18px #38bdf826;transform:translateY(-1px)}.settings-save-btn{width:fit-content;padding:12px 30px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 22px #38bdf859;transition:.25s ease}.settings-save-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px #38bdf873}.settings-footer{text-align:center;padding:70px 0 30px}.version-tag{display:block;margin-bottom:8px;font-family:Courier New,monospace;font-weight:800;font-size:.85rem;color:var(--primary)}.footer-copy{color:var(--text-muted);font-size:.75rem;opacity:.7}@media(max-width:768px){.settings-page{margin:40px auto 100px}.settings-title{font-size:1.6rem}}@media(max-width:480px){.settings-page{padding:0 14px}.settings-security-form{max-width:100%}.settings-save-btn{width:100%;text-align:center}}:root{--bg-main: #0a0e14;--bg-secondary: rgba(17, 24, 39, .65);--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.12);--text-main: #ffffff;--text-muted: #9ca3af;--border-color: rgba(255,255,255,.1);--primary: #38bdf8;--primary-hover: #0284c7;--shadow-soft: 0 10px 30px rgba(0,0,0,.25);--blur: blur(18px)}[data-theme=light]{--bg-main: #f9fafb;--bg-secondary: rgba(255,255,255,.75);--glass-bg: rgba(255,255,255,.55);--glass-border: rgba(0,0,0,.08);--text-main: #111827;--text-muted: #4b5563;--border-color: #e5e7eb;--primary: #0284c7;--primary-hover: #0369a1;--shadow-soft: 0 10px 25px rgba(0,0,0,.08)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-soft)}.glass-top{background:transparent;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.about-page,.about-page *,.contact-form input,.contact-form textarea{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .25s ease}.header-top{display:flex;justify-content:center;align-items:center;gap:20px;position:relative;flex-wrap:wrap}.theme-toggle-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--primary);padding:10px;border-radius:50%;cursor:pointer;display:flex;transition:.3s ease}.theme-toggle-btn:hover{transform:rotate(15deg) scale(1.1);box-shadow:0 0 15px #38bdf866}.about-page{max-width:1100px;margin:auto;padding:60px 24px;animation:pageFade .8s ease}.about-header{text-align:center;margin-bottom:50px}.about-header h1{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--text-main)}.about-header span{color:var(--primary)}.about-subtitle{color:var(--text-muted);font-size:1.05rem}.about-mission{padding:40px;margin-bottom:40px;text-align:center;border-radius:24px}.about-mission h2{color:var(--primary)}.about-mission p{line-height:1.8;max-width:720px;margin:auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.about-feature-card{padding:32px 24px;text-align:center;border-radius:20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);transition:.35s ease}.about-feature-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary);box-shadow:0 15px 35px #38bdf82e}.about-feature-card .material-icons{font-size:46px;color:var(--primary)}.about-transparency{padding:40px;border-radius:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.transparency-list{list-style:none;padding:0;margin-top:25px;display:flex;flex-direction:column;gap:16px}.transparency-list li{display:flex;gap:12px;font-weight:600;color:var(--primary)}.about-contact{padding:40px;border-radius:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.contact-form{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:auto}.contact-form input,.contact-form textarea{padding:16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-main)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #38bdf833}.contact-send-btn{background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;padding:16px;border-radius:14px;font-weight:700;cursor:pointer;transition:.3s ease}.contact-send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #38bdf866}.success-pulse{font-size:70px;color:var(--primary);position:relative}.success-pulse:after{content:"";position:absolute;inset:0;border-radius:50%;animation:pulseRing 1.6s infinite}@keyframes pulseRing{0%{box-shadow:0 0 #38bdf8b3}70%{box-shadow:0 0 0 25px #38bdf800}to{box-shadow:0 0 #38bdf800}}.global-footer{text-align:center;padding:50px 20px 30px;border-top:1px solid var(--border-color)}.scroll-top-btn{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#60dbff);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px #38bdf873;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease;z-index:1000}.scroll-top-btn:hover{transform:scale(1.12)}@keyframes pageFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.about-page{padding:50px 20px}}@media(max-width:768px){.about-page{padding:40px 16px}.about-mission,.about-contact,.about-transparency{padding:28px 20px}.about-feature-card{padding:26px 18px}.contact-send-btn{padding:14px}}@media(max-width:480px){.about-header h1{font-size:1.6rem}.scroll-top-btn{width:46px;height:46px;bottom:18px;right:18px}}.scroll-to-top{position:fixed;bottom:90px;right:28px;z-index:1100;pointer-events:none}.scroll-btn{width:56px;height:56px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--glass-bg, rgba(255,255,255,.15));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border, rgba(255,255,255,.2));box-shadow:0 10px 25px #00000040;color:var(--text-main);pointer-events:auto;transition:all .25s ease}.scroll-btn .material-icons{font-size:26px}.scroll-btn:hover{transform:translateY(-6px) scale(1.08);background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;box-shadow:0 14px 30px #38bdf873}.scroll-btn:active{transform:scale(.95)}.scroll-btn{animation:scrollFadeIn .25s ease}@keyframes scrollFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-to-top{right:18px;bottom:80px}.scroll-btn{width:50px;height:50px}}@media(max-width:480px){.scroll-btn{width:46px;height:46px}.scroll-btn .material-icons{font-size:22px}}.activity-page{max-width:950px;margin:auto;padding:50px 24px;animation:pageFade .7s ease}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.activity-sub{color:var(--text-muted);font-size:.95rem}.activity-container{position:relative;padding-left:28px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(to bottom,var(--primary),rgba(56,189,248,.2),var(--primary));box-shadow:0 0 10px #38bdf859}.timeline-item{position:relative;margin-bottom:32px;padding-left:34px;animation:slideFade .5s ease both}.timeline-item.clickable{cursor:pointer}.timeline-item.clickable:hover .timeline-content{transform:translate(10px) scale(1.02);border-color:var(--primary);box-shadow:0 15px 30px #38bdf82e}.timeline-dot{position:absolute;left:-6px;top:18px;width:14px;height:14px;background:var(--primary);border-radius:50%;box-shadow:0 0 14px #38bdf8e6;z-index:2}.timeline-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#38bdf859;animation:pulseRing 2s infinite;z-index:-1}@keyframes pulseRing{0%{transform:scale(.7);opacity:.8}80%,to{transform:scale(2.6);opacity:0}}.timeline-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);padding:18px 22px;border-radius:18px;transition:.3s ease;box-shadow:var(--shadow-soft)}.activity-meta{display:flex;justify-content:space-between;margin-bottom:6px;flex-wrap:wrap;gap:6px}.activity-date{font-size:.72rem;color:var(--primary);font-weight:800;letter-spacing:.6px}.view-link{font-size:.72rem;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:4px}.activity-msg{color:var(--text-main);font-size:.95rem;line-height:1.55}.clear-history-btn{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:8px 16px;font-size:.8rem;font-weight:600;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.25s ease}.clear-history-btn:hover{background:#ef4444;color:#fff;box-shadow:0 6px 16px #ef444459}@keyframes pageFade{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFade{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.activity-page{padding:40px 20px}}@media(max-width:768px){.activity-page{padding:32px 16px}.timeline-content{padding:16px 18px}}@media(max-width:480px){.timeline-item{padding-left:28px}.timeline-dot{width:12px;height:12px}}.top-navbar{position:fixed;top:0;left:0;right:0;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;z-index:10002;box-sizing:border-box;background:#0f172aa6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--glass-border);box-shadow:0 8px 30px #00000040;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}[data-theme=light] .top-navbar{background:#ffffff73}.top-navbar.scrolled{background:#0f172ad9;box-shadow:0 12px 40px #00000059}[data-theme=light] .top-navbar.scrolled{background:#ffffff73}.nav-left{display:flex;align-items:center;gap:18px}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;transition:.25s ease}.nav-brand:hover{transform:scale(1.03)}.nav-logo-img{height:32px;border-radius:6px}.brand-title{font-size:1.2rem;font-weight:700;color:var(--text-main);white-space:nowrap}.brand-title span{color:var(--primary)}.menu-toggle-btn{background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-muted);padding:8px;border-radius:50%;cursor:pointer;transition:.25s ease}.menu-toggle-btn:hover{background:#38bdf826;color:var(--primary);transform:rotate(8deg)}.nav-right{position:relative}.nav-avatar-trigger{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:.25s ease}.nav-avatar-trigger:hover{border-color:var(--primary);box-shadow:0 0 18px #38bdf866;transform:scale(1.08)}.nav-avatar{width:100%;height:100%;object-fit:cover}.nav-avatar-letter{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.google-menu-card{position:absolute;top:60px;right:0;width:320px;padding:28px;border-radius:26px;background:#0f172a;border:1px solid rgb(50,60,80);box-shadow:0 25px 50px #00000080,inset 0 1px #505a6e;display:none;flex-direction:column;align-items:center;text-align:center;z-index:10003}[data-theme=light] .google-menu-card{background:#fff;border-color:#dcdcdc}.google-menu-card.active{display:flex;animation:dropdownFade .25s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.menu-close-x{position:absolute;top:14px;right:14px;background:#ffffff14;border:none;color:var(--text-main);border-radius:10px;padding:6px;cursor:pointer;transition:.2s ease}.menu-close-x:hover{background:#ef444433;color:#ef4444}.menu-avatar-large{width:84px;height:84px;border-radius:50%;overflow:hidden;margin-bottom:16px}.nav-avatar-letter.large{width:84px;height:84px;font-size:2rem;border-radius:50%}.menu-email{color:var(--text-muted);font-size:.85rem;margin-bottom:18px}.menu-greeting{font-size:1.3rem;font-weight:700;color:var(--text-main);margin:0}.menu-role-tag{color:var(--text-muted);font-size:.85rem;margin-bottom:26px}.manage-account-btn{width:100%;padding:12px;border-radius:14px;border:1px solid var(--glass-border);background:#38bdf814;color:var(--primary);font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:.25s ease}.manage-account-btn:hover{background:#38bdf82e;transform:translateY(-2px)}.menu-footer-actions{width:100%;margin-top:24px;padding-top:22px;border-top:1px solid var(--glass-border)}.menu-signout-btn{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border:none;padding:12px 26px;border-radius:100px;width:85%;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;cursor:pointer;font-weight:700;transition:.25s ease}.menu-signout-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #ef444466}@media(max-width:1023px){.top-navbar{padding:0 18px;height:60px}.nav-logo-img{height:28px}.brand-title{font-size:1.1rem}.google-menu-card{width:300px;padding:24px}}@media(max-width:767px){.top-navbar{padding:0 16px;height:56px}.nav-left{gap:12px}.nav-logo-img{height:28px}.brand-title{font-size:1rem}.menu-toggle-btn{padding:6px}.nav-avatar-trigger{width:38px;height:38px}.google-menu-card{position:fixed;top:56px;right:16px;width:calc(100vw - 32px);max-width:340px;padding:20px}.manage-account-btn{padding:10px;font-size:.9rem}}@media(max-width:479px){.top-navbar{padding:0 12px;height:52px}.nav-brand{gap:8px}.nav-logo-img{height:24px;border-radius:4px}.brand-title{display:none}.menu-toggle-btn{padding:5px;font-size:18px}.nav-avatar-trigger{width:36px;height:36px}.menu-avatar-large{width:72px;height:72px;margin-bottom:12px}.nav-avatar-letter.large{width:72px;height:72px;font-size:1.5rem}.menu-greeting{font-size:1.1rem}.google-menu-card{position:fixed;top:52px;left:0;right:0;width:100vw;max-width:100%;height:calc(100vh - 52px);border-radius:0;padding:20px;overflow-y:auto}.menu-close-x{top:12px;right:12px}.menu-signout-btn{width:100%;padding:12px}}.sidebar-container{position:fixed;top:64px;left:0;height:calc(100vh - 64px);background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10000;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;overflow:hidden;width:70px}.sidebar-container.open{width:260px;background:#0f172a73;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}[data-theme=light] .sidebar-container.open{background:#ffffff8c;border-color:#ffffff4d}.sidebar-spacer{height:20px;flex-shrink:0}.sidebar-nav{flex:1;padding-top:10px}.nav-item{display:flex;align-items:center;padding:12px 23px;color:var(--text-muted);cursor:pointer;gap:24px;transition:all .2s ease;white-space:nowrap;position:relative}.nav-item:hover{background:var(--border-color);color:var(--text-main)}.nav-item.active{color:var(--primary);background:#38bdf814}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary)}.nav-label{opacity:0;transition:opacity .2s;font-size:.95rem;font-weight:600;pointer-events:none;color:inherit}.sidebar-container.open .nav-label{opacity:1;pointer-events:auto}.sidebar-footer{margin-top:auto;padding-bottom:20px;border-top:1px solid var(--border-color);padding-top:10px}.sidebar-container:not(.open) .nav-label{display:none}.sidebar-container{z-index:10002;background-color:var(--bg-primary);box-shadow:4px 0 15px #0000001a}.page{margin-left:70px;transition:margin-left .3s ease}.sidebar-container.open+.page{margin-left:260px}.sidebar-footer .brand-text{display:none}.sidebar-container.open .brand-text{display:block;margin-left:10px}@media(max-width:1023px){.sidebar-container{width:60px}.sidebar-container.open{width:220px}.nav-item{padding:10px 18px;gap:16px}.page{margin-left:60px}.sidebar-container.open+.page{margin-left:220px}}@media(max-width:767px){.sidebar-container{position:fixed;top:56px;left:-70px;height:calc(100vh - 56px);width:70px;border-right:1px solid var(--border-color);z-index:9999}.sidebar-container.open{left:0;width:240px}.page{margin-left:0;transition:margin-left .3s ease}.sidebar-container.open+.page{margin-left:0}.nav-item{padding:12px 16px;gap:18px;font-size:14px}}@media(max-width:479px){.sidebar-container{position:fixed;top:52px;left:-60px;height:calc(100vh - 52px);width:60px;z-index:9999}.sidebar-container.open{left:0;width:200px}.page{margin-left:0}.sidebar-container.open+.page{margin-left:0}.nav-item{padding:10px 12px;gap:12px;font-size:13px}.nav-logo-img{height:20px}.sidebar-spacer{height:12px}.sidebar-footer{padding-bottom:12px;padding-top:8px}.nav-label{font-size:.85rem}}.global-footer{position:relative;width:100%;margin-top:80px;padding:50px 20px 28px;text-align:center;clear:both;background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--glass-border);box-shadow:0 -10px 30px #00000040,0 0 40px #38bdf814;transition:background .3s ease,border-color .3s ease}.global-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 10px #38bdf880}.global-footer p{color:var(--text-muted);font-size:.85rem;opacity:.75;letter-spacing:.6px;margin:0;transition:color .3s ease}@media(hover:hover){.global-footer p:hover{color:var(--primary);opacity:1}}@media(max-width:1024px){.global-footer{padding:44px 18px 26px}}@media(max-width:768px){.global-footer{margin-top:60px;padding:36px 16px 24px}.global-footer p{font-size:.8rem;letter-spacing:.4px}}@media(max-width:480px){.global-footer{padding:30px 14px 20px}}.card{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-main);border-radius:18px;padding:20px;margin-bottom:24px;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .3s ease,background .3s ease}@media(hover:hover){.card:hover{transform:translateY(-10px) scale(1.02);z-index:5;border-color:var(--primary);box-shadow:0 15px 40px #0006,0 0 30px #38bdf840}}@media(hover:none){.card{cursor:default}}[data-theme=dark] .card:hover{background:#0f172ae6}[data-theme=light] .card:hover{background:#ffffffe6}.card h3,.card h4{margin-bottom:10px;color:var(--text-main);transition:.3s ease}[data-theme=dark] .card:hover h3,[data-theme=dark] .card:hover h4{text-shadow:0 0 12px rgba(56,189,248,.6)}[data-theme=light] .card:hover h3,[data-theme=light] .card:hover h4{color:var(--primary)}.card p{font-size:.95rem;line-height:1.6;margin:6px 0;color:var(--text-muted)}.card-footer{margin-top:16px;font-size:.8rem;color:var(--text-muted);text-align:right}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:99999;animation:fadeOverlay .3s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal-overlay .card{width:100%;max-width:440px;cursor:default;animation:modalPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card button{margin-top:14px;padding:12px 18px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:.25s ease}.card .primary-btn{background:linear-gradient(135deg,var(--primary),#60dbff);color:#fff}.card .primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #38bdf866}.card .call-btn,.card .complete-btn{background:linear-gradient(135deg,#10b981,#34d399);color:#042f2e}.card .call-btn:hover,.card .complete-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #10b98166}.card .delete-btn,.card .remove-btn,.card .close-btn{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.card .delete-btn:hover,.card .remove-btn:hover,.card .close-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ef444466}@media(max-width:1023px){.card{padding:18px;border-radius:16px;margin-bottom:20px}.card h3,.card h4{margin-bottom:8px;font-size:1.1rem}.card p{font-size:.9rem}.card button{padding:10px 16px;border-radius:11px}.modal-overlay .card{max-width:100%;padding:24px}}@media(max-width:767px){.card{padding:16px;border-radius:14px;margin-bottom:16px}.card h3,.card h4{margin-bottom:8px;font-size:1rem}.card p{font-size:.9rem}.card-footer{margin-top:12px;font-size:.75rem}.card button{width:100%;margin-top:10px;padding:11px 14px;border-radius:10px;font-size:.9rem;min-height:40px}.modal-overlay{padding:16px}.modal-overlay .card{max-width:100%;padding:20px}}@media(max-width:479px){.card{padding:12px;border-radius:12px;margin-bottom:12px}.card h3,.card h4{margin-bottom:6px;font-size:.95rem}.card p{font-size:.85rem;line-height:1.5;margin:4px 0}.card-footer{margin-top:10px;font-size:.7rem}.card button{width:100%;margin-top:8px;padding:10px 12px;border-radius:9px;font-size:.85rem;min-height:38px}.modal-overlay{padding:12px}.modal-overlay .card{max-width:100%;padding:18px}[data-theme=dark] .card:hover h3,[data-theme=dark] .card:hover h4{text-shadow:none}}
