@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";#root{text-align:left;width:100%;max-width:none;height:100vh;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-color:#fff;--accent-pink:#ff2e95;--accent-purple:#7000ff}.login-wrapper{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1.5rem;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-y:auto;background:#fff!important}.login-wrapper>div{margin:auto 0}.glass-container{border:1px solid #e5e7eb;border-radius:32px;box-shadow:0 25px 50px -12px #00000014;background:#fff!important}.input-field{color:#1f2937;transition:all .3s;background:#fff!important;border:1px solid #d1d5db!important}.input-field:focus{background:#fff!important;border-color:#ea580c!important;outline:none!important;box-shadow:0 0 0 3px #ea580c26!important}.btn-primary{transition:all .25s;color:#fff!important;background:#09090b!important;font-weight:500!important}.btn-primary:hover{opacity:.95;background:#27272a!important;box-shadow:0 10px 25px -5px #00000040!important}.btn-primary:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.topo-bg{opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400 Q 125 300 250 400 T 500 400' fill='none' stroke='%23ff2e95' stroke-width='1' opacity='0.1'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.student-login-shell{background:#fff;grid-template-columns:minmax(360px,1.05fr) minmax(360px,.95fr);width:100vw;min-height:100vh;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;display:grid;position:relative}.officer-login-btn{z-index:20;color:#1f2937;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #00000014;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 20px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 15px #0000000d}.officer-login-btn:hover{color:#000;background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00000014}.student-announcement-panel{color:#fff;background:#09090b;flex-direction:column;gap:42px;min-height:100vh;padding:48px;display:flex;position:relative;overflow:hidden}.student-announcement-panel:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 0 0,#ffffff73 0%,#ffffff26 20%,#ffffff08 45%,#0000 70%),linear-gradient(135deg,#ffffff2e 0%,#ffffff0a 30%,#0000 60%);width:120%;height:120%;animation:6s ease-in-out infinite alternate luxury-corner-beam;position:absolute;top:-10%;left:-10%}@keyframes luxury-corner-beam{0%{opacity:.7;transform:scale(.98)translate(-5px,-5px)}to{opacity:1;transform:scale(1.05)translate(5px,5px)}}.student-announcement-panel.announcements-hidden{gap:18px}.student-announcement-panel:after{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.student-announcement-top,.student-announcement-copy,.student-announcement-list{z-index:1;position:relative}.student-announcement-top{align-items:center;gap:18px;display:flex}.student-login-logo{object-fit:contain;background:#fffffff0;border-radius:18px;width:74px;height:74px;padding:8px}.student-login-kicker,.student-announcement-copy span,.notice-priority{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.2}.student-login-kicker{letter-spacing:.1em;font-size:11px;font-weight:500}.student-announcement-top h1{margin:4px 0;font-size:24px;font-weight:900}.student-announcement-top p,.student-announcement-copy p{color:#ffffffb8;font-size:13px;font-weight:500}.student-announcement-copy{max-width:560px;margin-top:auto}.student-announcement-copy span{color:#f9a8d4}.student-announcement-copy h2{max-width:460px;margin:12px 0 0;font-size:clamp(28px,4vw,38px);font-weight:900;line-height:1.12}.student-announcement-list{gap:14px;max-height:42vh;padding-right:6px;display:grid;overflow-y:auto}.student-notice-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;padding:18px}.student-notice-card.important{border-color:#fbbf2473}.student-notice-card.urgent{background:#7f1d1d38;border-color:#f871718c}.notice-priority{color:#f9a8d4;margin-bottom:8px}.student-notice-card h3{margin:0 0 6px;font-size:16px;font-weight:900}.student-notice-card p{color:#ffffffc2;margin:0;font-size:13px;line-height:1.55}.student-login-panel{flex-direction:column;align-items:center;min-height:100vh;padding:40px 32px;display:flex;overflow-y:auto;background:#fff!important}.student-login-panel>div{margin:auto 0}.student-login-card{background:#ffffffe0;border:1px solid #0000000f;border-radius:28px;width:100%;max-width:440px;padding:32px;position:relative;overflow:hidden;box-shadow:0 24px 56px #0f172a1a}@media (width<=900px){.student-login-shell{grid-template-columns:1fr}.student-announcement-panel{background:#000;gap:14px;min-height:auto;padding:14px}.student-announcement-copy{margin-top:0}.student-announcement-copy h2{font-size:30px}.student-announcement-list{max-height:none}.student-login-panel{min-height:auto;padding:76px 28px 80px;background:#fff!important}.login-wrapper{padding-bottom:80px}.officer-login-btn{position:absolute;top:18px;right:18px}}.input-wrapper{width:100%;display:block;position:relative}.input-field{color:#09090b;box-sizing:border-box;border-radius:.75rem;width:100%;height:54px;padding:22px 1rem 2px;font-size:14px;font-weight:700;line-height:1.25;transition:border-color .15s;background:#fff!important;border:1px solid #e5e7eb!important}.input-field:hover{border-color:#9ca3af!important}.input-field:focus{box-shadow:none!important;background:#fff!important;border-color:#09090b!important;outline:none!important}input:-webkit-autofill{-webkit-text-fill-color:#09090b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#09090b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#09090b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:active{-webkit-text-fill-color:#09090b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-field.otp-input{letter-spacing:.1em;text-align:center;font-size:18px}.floating-label{pointer-events:none;z-index:20;color:#6b7280;font-size:13px;font-weight:600;transition:all .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-field.otp-input~.floating-label{left:50%;transform:translate(-50%,-50%)}.input-field:focus~.floating-label,.input-field:not(:placeholder-shown)~.floating-label{font-size:10px;font-weight:700;top:6px;transform:translateY(0);color:#09090b!important}.input-field.otp-input:focus~.floating-label,.input-field.otp-input:not(:placeholder-shown)~.floating-label{left:50%;transform:translate(-50%)}.reflective-card-container{isolation:isolate;background:#1a1a1a;border-radius:20px;width:320px;height:500px;font-family:Inter,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff1a}.reflective-svg-filters{pointer-events:none;opacity:0;width:0;height:0;position:absolute}.reflective-video{object-fit:cover;width:100%;height:100%;filter:saturate(var(--saturation,0)) contrast(120%) brightness(110%) blur(var(--blur-strength,12px)) url(#metallic-displacement);z-index:0;opacity:.9;transition:filter .3s;position:absolute;top:0;left:0;transform:scale(1.2)scaleX(-1)}.reflective-noise{z-index:1;opacity:var(--roughness,.4);pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.reflective-sheen{z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:var(--metalness,1);background:linear-gradient(135deg,#fff6 0%,#ffffff1a 40%,#fff0 50%,#ffffff1a 60%,#ffffff4d 100%);position:absolute;inset:0}.reflective-border{-webkit-mask-composite:xor;z-index:20;pointer-events:none;background:linear-gradient(135deg,#fffc 0%,#fff3 50%,#fff9 100%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reflective-content{z-index:10;height:100%;color:var(--text-color,white);background:var(--overlay-color,#ffffff0d);flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative}.card-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.security-badge{letter-spacing:.1em;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.status-icon{opacity:.8}.card-body{text-align:center;flex-direction:column;flex:1;justify-content:end;align-items:center;gap:24px;margin-bottom:2em;display:flex}.user-info,.id-section{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.user-info.fading,.id-section.fading{opacity:0;transform:translateY(6px)}.user-name{letter-spacing:.05em;text-shadow:0 2px 4px #0000004d;margin:0 0 8px;font-size:24px;font-weight:700}.user-role{letter-spacing:.2em;opacity:.7;text-transform:uppercase;margin:0;font-size:12px}.card-footer{border-top:1px solid #fff3;justify-content:space-between;align-items:flex-end;padding-top:24px;display:flex}.id-section{flex-direction:column;gap:4px;display:flex}.label{letter-spacing:.1em;opacity:.6;font-size:9px}.value{letter-spacing:.05em;font-family:monospace;font-size:14px}.fingerprint-icon{opacity:.4}*{box-sizing:border-box}body{color:#09090b;background-color:#fff;margin:0;font-family:Plus Jakarta Sans,Inter,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.hostinger-layout{height:100vh;display:flex;overflow:hidden;background:#fff!important}.sidebar{border-right:1px solid #e4e4e7;flex-direction:column;width:260px;padding-bottom:20px;display:flex;background:#fff!important}.sidebar-header{padding:24px 20px 16px}.logo{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.sidebar-compose{padding:0 16px 18px}.btn-compose{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 14px #0000001f}.btn-compose:hover{background:#27272a;transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.sidebar-nav{flex:1;padding:0 12px;overflow-y:auto}.nav-item{color:#52525b;border-radius:10px;align-items:center;gap:12px;margin-bottom:3px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#09090b;background:#f4f4f5}.nav-item.active{color:#fff;background:#09090b;font-weight:700}.nav-divider{background:#e4e4e7;height:1px;margin:16px 12px}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;background:#fff!important}.top-header{border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex;background:#fff!important}.search-bar{border-radius:12px;align-items:center;width:420px;height:42px;padding:0 14px;transition:all .2s;display:flex;background:#fff!important;border:1px solid #e4e4e7!important}.search-bar:focus-within{background:#fff!important;border-color:#09090b!important;box-shadow:0 0 0 1px #09090b!important}.search-bar input{color:#09090b;background:0 0;border:none;outline:none;flex:1;padding:0 10px;font-size:14px;font-weight:500}.search-icon{color:#71717a}.search-kbd{color:#a1a1aa;background:#fff;border:1px solid #e4e4e7;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.avatar{color:#fff;background:#09090b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 8px #00000026}.inbox-header{justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.inbox-header h1{letter-spacing:-.02em;color:#09090b;margin:0;font-size:24px;font-weight:800}.tabs{border-bottom:1px solid #f4f4f5;align-items:center;gap:12px;padding:0 32px 16px;display:flex}.tab{color:#52525b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;padding:6px 14px;font-size:14px;font-weight:600}.tab.active{color:#fff;background:#09090b}.email-list{flex:1;padding-bottom:40px;overflow-y:auto}.email-row{cursor:pointer;border-bottom:1px solid #f4f4f5;align-items:center;padding:14px 32px;transition:all .15s;display:flex}.email-row:hover{background:#fafafa;box-shadow:inset 3px 0 #09090b}.email-row-left{align-items:center;gap:16px;width:35%;min-width:250px;display:flex}.sender{color:#09090b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.email-row-middle{flex:1;min-width:0;padding-right:24px}.subject{color:#52525b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.email-row-right{text-align:right;white-space:nowrap}.date{color:#a1a1aa;font-size:12px;font-weight:600}.email-view-container{background:#fff;flex-direction:column;flex:1;height:calc(100vh - 68px);display:flex;overflow:hidden}.email-view-toolbar{border-bottom:1px solid #f4f4f5;flex-shrink:0;padding:16px 32px}.btn-back{color:#09090b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:700;display:flex}.btn-back:hover{opacity:.7}.email-view-content{flex-direction:column;flex:1;width:100%;padding:0 32px 32px;display:flex;overflow:hidden}.email-view-subject{color:#09090b;letter-spacing:-.02em;flex-shrink:0;margin:24px 0;font-size:24px;font-weight:800}.email-view-meta{border-bottom:1px solid #f4f4f5;flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:24px;display:flex}.email-view-sender{align-items:center;gap:12px;display:flex}.sender-avatar{color:#fff;background:#09090b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.sender-details{flex-direction:column;display:flex}.sender-details strong{color:#09090b;font-size:14px;font-weight:700}.sender-details span{color:#71717a;font-size:13px}.email-view-date{color:#a1a1aa;font-size:13px;font-weight:600}.email-view-body-iframe{background:#fff;border:none;flex:1;width:100%;height:100%;display:block}.compose-modal{z-index:100;background:#fff;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;width:520px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.compose-header{color:#fff;background:#09090b;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.compose-header h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.compose-header button{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.compose-header button:hover{color:#fff}.compose-form{flex-direction:column;display:flex}.compose-form input{color:#09090b;border:none;border-bottom:1px solid #f4f4f5;outline:none;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:500}.compose-form textarea{resize:none;color:#09090b;border:none;outline:none;height:240px;padding:18px;font-family:inherit;font-size:14px}.compose-actions{background:#fafafa;border-top:1px solid #f4f4f5;padding:16px 20px;display:flex}.btn-send{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:99px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.btn-send:hover{background:#27272a}.btn-send:disabled{cursor:not-allowed;background:#d4d4d8}.loading,.error{text-align:center;color:#71717a;padding:32px;font-size:14px}.skeleton{background:#f4f4f5;border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#fff0 0,#fff9 20%,#fffc 60%,#fff0);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-row{border-bottom:1px solid #f4f4f5;align-items:center;padding:12px 32px;display:flex}.skeleton-box{border-radius:4px;width:16px;height:16px;margin-right:16px}.skeleton-sender{width:120px;height:14px;margin-right:24px}.skeleton-subject{flex:1;height:14px;margin-right:24px}.skeleton-date{width:60px;height:14px;margin-left:auto}.skeleton-title{border-radius:6px;width:60%;height:28px;margin:24px 0}.skeleton-avatar-circle{border-radius:50%;width:40px;height:40px}.skeleton-text-line{border-radius:4px;width:100%;height:14px;margin-bottom:12px}.skeleton-text-line.short{width:40%}.decryption-prompt{text-align:center;background:#fafafa;border:1.5px solid #e4e4e7;border-radius:12px;margin:20px 0;padding:40px}.decryption-prompt h2{color:#09090b;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-weight:800;display:flex}.decryption-prompt p{color:#71717a;margin-bottom:24px}.decrypt-form{justify-content:center;gap:12px;display:flex}.decrypt-form input{border:1.5px solid #e4e4e7;border-radius:8px;outline:none;flex:1;max-width:300px;padding:10px 16px;font-weight:600}.decrypt-form button{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:8px;padding:10px 24px;font-weight:700}.decrypt-form button:hover{background:#27272a}.decrypt-error{color:#ef4444;margin-top:12px;font-size:14px;font-weight:600}.identity-shield-container{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:24px 32px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.shield-hero-card{color:#fff;background:#09090b;border-radius:20px;padding:28px 32px;box-shadow:0 10px 30px #00000026}.shield-badge{letter-spacing:.05em;color:#fff;background:#ffffff1f;border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.shield-hero-card h2{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:800}.shield-hero-card p{color:#a1a1aa;max-width:750px;margin:0;font-size:13px;line-height:1.6}.shield-hero-card code{color:#fff;background:#ffffff26;border-radius:4px;padding:2px 6px;font-family:monospace}.shield-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.shield-grid{grid-template-columns:1fr}}.shield-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:20px;flex-direction:column;gap:18px;padding:24px;display:flex}.card-top-row{justify-content:space-between;align-items:center;display:flex}.section-title{letter-spacing:.04em;color:#09090b;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.status-pill{border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.active{color:#166534;background:#dcfce7}.status-pill.paused{color:#991b1b;background:#fee2e2}.status-pill .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.alias-email-box{background:#fafafa;border:1.5px solid #09090b;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.alias-email-box .email-text{color:#09090b;letter-spacing:.03em;font-family:monospace;font-size:18px;font-weight:800}.alias-actions{align-items:center;gap:8px;display:flex}.btn-icon{cursor:pointer;color:#09090b;background:#fff;border:1px solid #e4e4e7;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.btn-icon:hover{background:#f4f4f5;border-color:#09090b}.forwarding-destination{background:#fafafa;border:1px solid #f4f4f5;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.destination-info{flex-direction:column;gap:2px;display:flex}.destination-info .label{color:#71717a;font-size:11px;font-weight:600}.destination-info .value{color:#09090b;font-size:13px;font-weight:700}.toggle-shield-btn{color:#09090b;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.toggle-shield-btn:hover{color:#fff;background:#09090b}.stats-row{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:4px;display:grid}.stat-box{text-align:center;background:#fafafa;border:1px solid #f4f4f5;border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat-box .num{color:#09090b;font-size:18px;font-weight:800}.stat-box .lbl{color:#71717a;font-size:11px;font-weight:600}.test-desc{color:#71717a;margin:0;font-size:12px;line-height:1.5}.test-form{flex-direction:column;gap:12px;display:flex}.form-group input,.form-group textarea{color:#09090b;border:1.5px solid #e4e4e7;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600}.form-group input:focus,.form-group textarea:focus{border-color:#09090b}.btn-send-test{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-send-test:hover{background:#27272a}.routing-pipeline{background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 14px;display:flex}.pipe-step{opacity:.4;flex-direction:column;align-items:center;gap:4px;transition:all .3s;display:flex}.pipe-step.completed{opacity:1;color:#16a34a}.pipe-step .step-icn{background:#fff;border:1px solid #d4d4d8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.pipe-step.completed .step-icn{color:#16a34a;background:#dcfce7;border-color:#16a34a}.pipe-step span{text-align:center;font-size:10px;font-weight:700}.arrow{color:#a1a1aa}.contacts-container{flex-direction:column;gap:20px;height:calc(100vh - 68px);padding:24px 32px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.contacts-header{justify-content:space-between;align-items:center;display:flex}.title-area{align-items:center;gap:12px;display:flex}.title-area h2{color:#09090b;letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.count-badge{color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.btn-add-contact{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.btn-add-contact:hover{background:#27272a}.contacts-layout{flex:1;grid-template-columns:380px 1fr;gap:24px;min-height:0;display:grid}.contacts-sidebar-list{background:#fff;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.contacts-search-box{border-bottom:1px solid #f4f4f5;align-items:center;gap:8px;padding:14px 16px;display:flex}.contacts-search-box input{border:none;outline:none;width:100%;font-size:13px;font-weight:500}.group-chips{border-bottom:1px solid #f4f4f5;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.group-chips .chip{color:#52525b;cursor:pointer;white-space:nowrap;background:#f4f4f5;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.group-chips .chip.active{color:#fff;background:#09090b}.contact-items-list{flex:1;overflow-y:auto}.contact-item{cursor:pointer;border-bottom:1px solid #f4f4f5;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.contact-item:hover{background:#fafafa}.contact-item.selected{background:#f4f4f5;border-left:3px solid #09090b}.contact-avatar{color:#fff;background:#09090b;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.contact-brief{flex-direction:column;flex:1;min-width:0;display:flex}.contact-brief .name{color:#09090b;font-size:13px;font-weight:700}.contact-brief .email{color:#71717a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.contact-actions-quick{opacity:0;gap:4px;transition:opacity .15s;display:flex}.contact-item:hover .contact-actions-quick{opacity:1}.contact-actions-quick button{cursor:pointer;color:#71717a;background:0 0;border:none;border-radius:4px;padding:4px}.contact-actions-quick button:hover{color:#09090b;background:#e4e4e7}.contact-detail-pane{background:#fff;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;padding:32px;display:flex}.detail-card{flex-direction:column;gap:28px;display:flex}.detail-header-hero{align-items:center;gap:18px;display:flex}.big-avatar{color:#fff;background:#09090b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:flex}.detail-title-group h3{color:#09090b;margin:0 0 6px;font-size:20px;font-weight:800}.group-tag{color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.detail-info-grid{flex-direction:column;gap:16px;display:flex}.info-row{background:#fafafa;border:1px solid #f4f4f5;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.info-row .icn{color:#71717a}.info-row .val-group{flex-direction:column;display:flex}.info-row .lbl{color:#a1a1aa;text-transform:uppercase;font-size:10px;font-weight:700}.info-row .val{color:#09090b;font-size:14px;font-weight:700}.btn-compose-direct{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;display:inline-flex}.btn-compose-direct:hover{background:#27272a}.no-contact-selected{color:#71717a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-modal{background:#fff;border-radius:16px;width:440px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{color:#fff;background:#09090b;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:15px;font-weight:700}.modal-header button{color:#a1a1aa;cursor:pointer;background:0 0;border:none}.modal-form{flex-direction:column;gap:14px;padding:20px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{color:#09090b;font-size:11px;font-weight:700}.form-field input,.form-field select{border:1.5px solid #e4e4e7;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600}.form-field input:focus,.form-field select:focus{border-color:#09090b}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.btn-cancel{cursor:pointer;background:0 0;border:1px solid #e4e4e7;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.btn-save{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700}.mail-rules-container{flex-direction:column;gap:16px;max-width:1000px;padding:24px 32px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.rules-header{justify-content:space-between;align-items:center;display:flex}.rules-header h2{color:#09090b;letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.rules-subtitle{color:#71717a;margin:0 0 12px;font-size:13px}.btn-add-rule{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.btn-add-rule:hover{background:#27272a}.rules-list{flex-direction:column;gap:12px;display:flex}.rule-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .15s;display:flex}.rule-card.inactive-rule{opacity:.6;background:#fafafa}.rule-status-toggle{cursor:pointer}.rule-info{flex-direction:column;flex:1;gap:6px;display:flex}.rule-title-row{align-items:center;gap:10px;display:flex}.rule-name{color:#09090b;font-size:14px;font-weight:800}.status-tag{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.status-tag.active{color:#166534;background:#dcfce7}.status-tag.disabled{color:#71717a;background:#f4f4f5}.rule-formula{align-items:center;gap:6px;font-size:12px;display:flex}.if-label,.then-label{color:#09090b;font-size:11px;font-weight:800}.token,.cond{color:#52525b;font-weight:600}.val{color:#09090b;font-family:monospace;font-weight:700}.action-badge{color:#09090b;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:6px;padding:2px 8px;font-weight:700}.btn-del{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.btn-del:hover{background:#fee2e2}.rule-modal{background:#fff;border-radius:16px;width:480px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.folder-manager-container{flex-direction:column;gap:20px;max-width:950px;padding:24px 32px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.folders-header{justify-content:space-between;align-items:center;display:flex}.folders-header h2{color:#09090b;letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.btn-add-folder{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.btn-add-folder:hover{background:#27272a}.create-folder-bar{background:#fafafa;border:1.5px solid #09090b;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex}.create-folder-bar input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:600}.btn-save-f{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.btn-cancel-f{cursor:pointer;background:0 0;border:1px solid #e4e4e7;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.folder-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:all .15s;display:flex}.folder-card:hover{border-color:#09090b;box-shadow:0 4px 12px #0000000d}.folder-icon-area{color:#09090b;background:#fafafa;border:1px solid #e4e4e7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.folder-details{flex-direction:column;flex:1;gap:4px;display:flex}.name-row{align-items:center;gap:8px;display:flex}.f-name{color:#09090b;font-size:14px;font-weight:800}.sys-badge{color:#71717a;background:#f4f4f5;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.meta-row{color:#71717a;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.meta-row .dot{color:#d4d4d8}.btn-del-folder{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.btn-del-folder:hover{background:#fee2e2}.webmail-settings-container{flex-direction:column;gap:20px;max-width:800px;padding:24px 32px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.settings-header h2{color:#09090b;letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.settings-nav-tabs{border-bottom:1.5px solid #e4e4e7;gap:8px;padding-bottom:8px;display:flex}.tab-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.tab-btn.active{color:#fff;background:#09090b}.settings-saved-banner{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.settings-form{flex-direction:column;gap:24px;display:flex}.settings-section{background:#fff;border:1.5px solid #e4e4e7;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.settings-section h3{color:#09090b;margin:0 0 4px;font-size:16px;font-weight:800}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#09090b;font-size:12px;font-weight:700}.form-group input,.form-group select,.form-group textarea{color:#09090b;border:1.5px solid #e4e4e7;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#09090b}.form-checkbox-group{color:#09090b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.form-checkbox-group input{cursor:pointer;width:16px;height:16px}.sec-status-box{background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.sec-status-box strong{color:#09090b;font-size:13px;display:block}.sec-status-box p{color:#71717a;margin:2px 0 0;font-size:12px}.settings-footer{justify-content:flex-start;display:flex}.btn-save-settings{color:#fff;cursor:pointer;background:#09090b;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;display:flex}.btn-save-settings:hover{background:#27272a}