.mailbox-page{background-color:#050e28;color:#fff;min-height:100vh;font-family:Arial,sans-serif;position:relative;overflow-x:hidden}.mailbox-page .mailbox-container{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:60px 20px 100px}@media(max-width:768px){.mailbox-page .mailbox-container{padding:40px 16px 60px}}.mailbox-page .mailbox-hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:50px}.mailbox-page .mailbox-hero,.mailbox-page .mailbox-hero__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mailbox-page .mailbox-hero__icon{width:54px;height:54px;background:#0d1c3d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.mailbox-page .mailbox-hero__icon img{width:24px;height:24px}.mailbox-page .mailbox-hero__title{font-size:24px;font-weight:400;color:#fff;margin:0}.mailbox-page .mailbox-card{background:#0d1c3d;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:0;-webkit-box-shadow:0 40px 100px rgba(0,0,0,.5);box-shadow:0 40px 100px rgba(0,0,0,.5);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:500px}.mailbox-page .mailbox-card__header{padding:30px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:768px){.mailbox-page .mailbox-card__header{padding:24px 20px}}@media(max-width:480px){.mailbox-page .mailbox-card__header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}}.mailbox-page .mailbox-card__header h1{font-size:24px;font-weight:400;margin:0}@media(max-width:768px){.mailbox-page .mailbox-card__header h1{font-size:20px}}.mailbox-page .mailbox-card__header .logout-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#ff281d;text-decoration:none;font-weight:700;font-size:16px;-webkit-transition:opacity .3s;transition:opacity .3s}@media(max-width:768px){.mailbox-page .mailbox-card__header .logout-btn{font-size:14px}}.mailbox-page .mailbox-card__header .logout-btn:hover{opacity:.8}.mailbox-page .mailbox-card__header .logout-btn svg{width:20px;height:20px}@media(max-width:768px){.mailbox-page .mailbox-card__header .logout-btn svg{width:18px;height:18px}}.mailbox-page .mailbox-card .mailbox-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;background:#081229;border-radius:8px;margin:0 30px 30px;padding:4px}@media(max-width:768px){.mailbox-page .mailbox-card .mailbox-tabs{margin:0 20px 20px}}.mailbox-page .mailbox-card .mailbox-tabs .tab-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;background:transparent;border:none;border-radius:6px;color:hsla(0,0%,100%,.3);font-size:14px;font-weight:700;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}@media(max-width:480px){.mailbox-page .mailbox-card .mailbox-tabs .tab-btn{font-size:12px;height:42px}}.mailbox-page .mailbox-card .mailbox-tabs .tab-btn.active{background:#0d1c3d;color:#fff;-webkit-box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.mailbox-page .mailbox-card .mailbox-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px 30px}@media(max-width:768px){.mailbox-page .mailbox-card .mailbox-content{padding:0 20px 20px}}.mailbox-page .mailbox-card .tab-content{display:none;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mailbox-page .mailbox-card .tab-content.active{display:-webkit-box;display:-ms-flexbox;display:flex}.mailbox-page .mailbox-card .messages-area{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#081229;border-radius:12px;padding:40px;margin-bottom:20px}@media(max-width:768px){.mailbox-page .mailbox-card .messages-area{padding:24px}}@media(max-width:480px){.mailbox-page .mailbox-card .messages-area{padding:20px}}.mailbox-page .mailbox-card .messages-area .no-messages{font-size:18px;font-weight:700;color:#fff;opacity:.9}.mailbox-page .mailbox-card .message-composer{background:#081229;border-radius:12px;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px}.mailbox-page .mailbox-card .message-composer,.mailbox-page .mailbox-card .message-composer .composer-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.mailbox-page .mailbox-card .message-composer .action-btn{background:none;border:none;cursor:pointer;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mailbox-page .mailbox-card .message-composer .action-btn svg{width:20px;height:20px;opacity:.6;-webkit-transition:opacity .3s;transition:opacity .3s}.mailbox-page .mailbox-card .message-composer .action-btn svg:hover{opacity:1}.mailbox-page .mailbox-card .message-composer input{-webkit-box-flex:1;-ms-flex:1;flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.mailbox-page .mailbox-card .message-composer input::-webkit-input-placeholder{color:hsla(0,0%,100%,.2)}.mailbox-page .mailbox-card .message-composer input::-moz-placeholder{color:hsla(0,0%,100%,.2)}.mailbox-page .mailbox-card .message-composer input:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.mailbox-page .mailbox-card .message-composer input::-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.mailbox-page .mailbox-card .message-composer input::placeholder{color:hsla(0,0%,100%,.2)}.mailbox-page .mailbox-card .message-composer .send-btn{background:transparent;border:none;cursor:pointer;padding:0}.mailbox-page .mailbox-card .message-composer .send-btn svg{width:20px;height:20px;opacity:.4;-webkit-transition:all .3s;transition:all .3s}.mailbox-page .mailbox-card .message-composer .send-btn:hover svg{opacity:1}.mailbox-page .mailbox-card .case-details-view{padding:10px 0}.mailbox-page .mailbox-card .case-details-view .view-header{margin-bottom:30px}.mailbox-page .mailbox-card .case-details-view .view-header h3{font-size:18px;font-weight:700;margin-bottom:15px}.mailbox-page .mailbox-card .case-details-view .view-header p{font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.5);max-width:80%}@media(max-width:768px){.mailbox-page .mailbox-card .case-details-view .view-header p{max-width:100%}}.mailbox-page .mailbox-card .case-details-view .view-meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;margin-bottom:30px}@media(max-width:480px){.mailbox-page .mailbox-card .case-details-view .view-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}}.mailbox-page .mailbox-card .case-details-view .view-meta span{font-size:13px;color:hsla(0,0%,100%,.4)}.mailbox-page .mailbox-card .case-details-view .view-meta span strong{color:#fff;margin-left:4px}.mailbox-page .mailbox-card .case-details-view .view-divider{height:1px;background:hsla(0,0%,100%,.05);margin:0 -30px 30px}.mailbox-page .mailbox-card .case-details-view .detail-rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mailbox-page .mailbox-card .case-details-view .detail-rows .detail-row-card{background:#081229;border-radius:10px;padding:20px 24px}.mailbox-page .mailbox-card .case-details-view .detail-rows .detail-row-card .question{font-size:13px;font-weight:700;color:hsla(0,0%,100%,.9);margin-bottom:6px}.mailbox-page .mailbox-card .case-details-view .detail-rows .detail-row-card .answer{font-size:13px;color:hsla(0,0%,100%,.4)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:1000;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.modal-overlay.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}.login-modal{background:#0d1c3d;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;width:100%;max-width:440px;padding:40px;-webkit-box-shadow:0 40px 100px rgba(0,0,0,.8);box-shadow:0 40px 100px rgba(0,0,0,.8);-webkit-animation:modalIn .3s ease-out;animation:modalIn .3s ease-out}.login-modal h1{font-size:24px;font-weight:700;margin:0 0 12px;color:#fff}.login-modal p{font-size:14px;color:hsla(0,0%,100%,.6);margin-bottom:30px;line-height:1.5}.login-modal .login-modal-form .form-group{margin-bottom:24px}.login-modal .login-modal-form .form-group label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-bottom:8px}.login-modal .login-modal-form .form-group .input-container input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#081229;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:14px 16px;color:#fff;font-size:14px;outline:none}.login-modal .login-modal-form .form-group .input-container input::-webkit-input-placeholder{color:hsla(0,0%,100%,.2)}.login-modal .login-modal-form .form-group .input-container input::-moz-placeholder{color:hsla(0,0%,100%,.2)}.login-modal .login-modal-form .form-group .input-container input:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.login-modal .login-modal-form .form-group .input-container input::-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.login-modal .login-modal-form .form-group .input-container input::placeholder{color:hsla(0,0%,100%,.2)}.login-modal .login-modal-form .modal-actions{margin-top:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.login-modal .login-modal-form .modal-actions .btn-login{background:#fff;color:#000;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.login-modal .login-modal-form .modal-actions .btn-login:hover{background:hsla(0,0%,100%,.9);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-modal .login-modal-form .modal-actions .btn-cancel{background:transparent;color:#ff281d;border:none;font-size:14px;font-weight:700;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}.login-modal .login-modal-form .modal-actions .btn-cancel:hover{opacity:.8}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(10px);transform:scale(.95) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(10px);transform:scale(.95) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}