@font-face{font-family:titleFont;src:url(/assets/ChakraPetch-SemiBold-CR-VRPlM.ttf)}:root{--px-6: .25rem;--px-8: .5rem;--px-10: .625rem;--px-11: .6875rem;--px-12: .75rem;--px-13: .8125rem;--px-14: .875rem;--px-15: .9375rem;--px-16: 1rem;--px-17: 1.0625rem;--px-18: 1.125rem;--px-20: 1.25rem;--px-22: 1.375rem;--px-24: 1.5rem;--px-26: 1.625rem;--px-28: 1.75rem;--px-30: 1.875rem;--px-32: 2rem;--px-36: 2.25rem;--px-40: 2.5rem;--px-48: 3rem;--px-56: 3.5rem;--px-64: 4rem;--padding-1: .5rem;--padding-2: 1rem;--border-radius-1: 5px;--border-radius-2: 10px;--box-shadow: 2px 2px 5px #dcdcdce0;--color-blue: #1F509A;--border-blue: 1px solid var(--color-blue);--color-blue-light: #BCCCDC;--border-blue-light: 1px solid var(--color-blue-light);--color-blue-lighter: #F2F9FF;--color-white: #ffffff;--border-white: 1px solid var(--color-white);--color-black: #000000;--border-black: 1px solid var(--color-black);--color-black-light: #222831;--border-black: 1px solid var(--color-black-light);--color-black-lighter: #393E46;--border-black: 1px solid var(--color-black-lighter);--color-grey: #B6B09F;--border-grey: 1px solid var(--color-grey);--color-grey-light: #EAE4D5;--border-grey-light: 1px solid var(--color-grey-light);--color-grey-lighter: #F2F2F2;--border-grey-lighter: 1px solid var(--color-grey-lighter);--color-green: #077A7D;--border-green: 1px solid var(var(--color-green));--color-green-light: #7AE2CF;--border-green-light: 1px solid var(var(--color-green-light));--color-red: #DC2626;--border-red: 1px solid var(--color-red);--success-icon-size: 5rem}.dark-mode{--box_shadow: 2px 2px 5px #00000066;--color-white: #000000;--border-white: 1px solid var(--color-white);--color-black: #FFFFFF;--border-black: 1px solid var(--color-black);--color-black-light: #E0E0E0;--border-black-light: 1px solid var(--color-black-light);--color-black-lighter: #C0C0C0;--border-black-lighter: 1px solid var(--color-black-lighter);--color-grey: #4A4A4A;--border-grey: 1px solid var(--color-grey);--color-grey-light: #2E2E2E;--border-grey-light: 1px solid var(--color-grey-light);--color-grey-lighter: #1A1A1A;--border-grey-lighter: 1px solid var(--color-grey-lighter);--color-green: #00B8A9;--border-green: 1px solid var(--color-green);--color-green-light: #A0F0E0;--border-green-light: 1px solid var(--color-green-light)}html{scroll-behavior:smooth}body{color:var(--color-black-lighter);line-height:1.5;font-weight:400;font-size:calc(var(--px-16) * var(--scale-factor));margin:0;padding:0;min-height:100vh;scroll-behavior:smooth;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{margin:0;padding:0;box-sizing:border-box}@media only screen and (min-width: 769px){:root{--scale-factor: 1}}@media only screen and (min-width: 481px) and (max-width: 768px){:root{--scale-factor: .9}}@media only screen and (max-width: 480px){:root{--scale-factor: .8}}.btn{padding:var(--px-8) var(--px-16);border-radius:var(--px-6);box-shadow:var(--box-shadow);cursor:pointer;transition:all .2s ease;font-size:var(--px-14);border:none;display:flex;align-items:center;gap:var(--px-8)}.btn:hover{filter:brightness(120%);opacity:.9}.primary_btn{background:var(--color-green);color:var(--color-white)}.light_green_btn{background:var(--color-green-light);color:var(--color-black)}.light_black_btn{background:var(--color-black-lighter);color:var(--color-white)}.dark_green_btn{background:var(--color-green);color:var(--color-white)}label{color:var(--color-black-lighter);font-size:var(--px-14)}.form_input{padding:var(--px-12) var(--px-16);color:var(--color-black-lighter);border-radius:var(--px-6);border:var(--border-blue-light)}.form_input:focus{outline:1px solid var(--color-blue);border:var(--border-blue)}.overview-container{height:100vh;overflow:hidden;padding:var(--px-32);background:var(--color-blue-lighter);box-sizing:border-box;display:flex;flex-direction:column}.main_wrapper:has(.overview-container){overflow-y:hidden!important}.overview-stats-row{display:flex;flex-wrap:wrap;gap:10px;place-content:center}.overview-stat-btn{display:flex;min-width:200px;align-items:center;gap:.5rem;background:#fff;border:none;border-radius:0;box-shadow:none;padding:8px 18px 8px 12px;cursor:pointer;transition:background .18s,box-shadow .18s;font-size:15px;font-weight:500;color:#222;outline:none;text-decoration:none;min-height:0}.overview-stat-btn:not(:last-child){border-right:1px solid #eee}.overview-stat-btn:hover,.overview-stat-btn:focus{background:#f3f0ff;box-shadow:0 4px 16px #7848ff14}.overview-stat-badge{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;border-radius:2%;color:#077a7d;font-size:16px;font-weight:700;box-shadow:0 2px 8px #7848ff14}.overview-stat-btn-label{font-size:15px;font-weight:500;color:#222}.connection-last-checked{font-size:13px;color:#888;margin-top:4px;text-align:left}.connection-card-row{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:flex-start;gap:18px}.connection-card-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.connection-server-icon{width:32px;height:32px;object-fit:contain;display:block}.connection-cards-row{display:flex;gap:32px;justify-content:space-evenly;align-items:stretch;width:100%}.connection-cards-row,.overview-stats-row,.overview-activity-controls{margin-bottom:16px}.connection-cards-full{width:100%;justify-content:stretch;align-items:stretch}.overview-connection-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:220px;min-height:100px;flex:1 1 0;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:18px 24px;color:#222;font-weight:600;font-size:18px;position:relative;background:#fff;max-width:400px}.card-bg-ngx{background:linear-gradient(135deg,#e3f7f3,#eafcf3)}.card-bg-einvoice{background:linear-gradient(135deg,#fbe3e6,#f3eafc)}.connection-server-icon{width:48px;height:48px;margin-bottom:8px;object-fit:contain;display:block}.overview-connection-label{text-align:center;font-size:18px;font-weight:600;color:#222}.connection-status-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:4px}.connection-server-icon{width:40px;height:40px;margin-bottom:8px;object-fit:contain;display:block}.overview-date-export-row{display:flex;align-items:center;margin-bottom:var(--px-10)}.overview-date-display{font-size:var(--px-15);color:var(--color-grey);font-weight:500}.overview-export-btn-wrapper{margin-left:auto}.overview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--px-20);margin-bottom:var(--px-32)}.overview-stat-card{background:var(--color-white);border-radius:var(--border-radius-2);box-shadow:var(--box-shadow);padding:var(--px-20);border:var(--border-grey-light)}.overview-stat-card-success{border-left:4px solid var(--color-green)}.overview-stat-card-failed{border-left:4px solid var(--color-red)}.overview-connection-card{display:flex;align-items:center;gap:var(--px-12);background:linear-gradient(90deg,#e3e6f7,#eaf3fc);border-radius:var(--border-radius-2);box-shadow:var(--box-shadow);padding:var(--px-18) var(--px-24);color:#3a3a3a;font-weight:600;font-size:var(--px-18);margin-bottom:0;position:relative}.overview-connection-label{flex:1;color:#4a4a4a;font-size:var(--px-16)}.overview-connection-status{font-size:var(--px-17);font-weight:600;display:flex;align-items:center}.overview-connection-status-connected{color:#2e7d32}.overview-connection-status-disconnected{color:#ff4d4f}.overview-connection-dot{width:12px;height:12px;border-radius:50%;margin-right:var(--px-8);display:inline-block}.overview-connection-dot-connected{background:#48ff7b;box-shadow:0 0 4px #48ff7b}.overview-connection-dot-disconnected{background:#ff4d4f;box-shadow:0 0 4px #ff4d4f}.overview-connection-t-sentinel{background:linear-gradient(90deg,#e3e6f7,#eaf3fc)}.overview-connection-ngx{background:linear-gradient(90deg,#e3f7f3,#eafcf3)}.overview-connection-einvoice{background:linear-gradient(90deg,#fbe3e6,#f3eafc)}.overview-status-badge{padding:var(--px-6) var(--px-12);border-radius:var(--border-radius-1);font-size:var(--px-12);font-weight:600;background:var(--color-green-light);color:var(--color-green)}.overview-status-badge-warning{background:var(--color-blue-light);color:var(--color-blue)}.overview-activity-controls{display:flex;justify-content:flex-end;gap:var(--px-10)}.overview-activity-filter-btn{padding:var(--px-10) var(--px-20);border-radius:var(--border-radius-1);font-size:var(--px-13);font-weight:500;background:var(--color-grey-lighter);color:var(--color-black-light);border:none;cursor:pointer;transition:background .2s}.overview-activity-filter-btn.active{background:var(--color-blue);color:var(--color-white)}.overview-date-filter{padding:var(--px-10);border-radius:var(--border-radius-1);border:var(--border-grey-light);font-size:var(--px-13);color:var(--color-black-light);background:var(--color-grey-light);font-family:inherit;outline:none;transition:border-color .2s}.overview-date-filter:focus{border-color:var(--color-blue)}.overview-activity-feed{flex:1 1 auto;min-height:0;padding:var(--px-16);background:var(--color-white);border-radius:0;box-shadow:none;border:none;overflow:hidden;display:flex;flex-direction:column}.overview-activity-empty{text-align:center;color:var(--color-grey);padding:var(--px-24)}.overview-activity-list{display:flex;flex-direction:column;gap:var(--px-16)}.overview-activity-card{display:flex;align-items:flex-start;gap:var(--px-16);background:var(--color-white);border-radius:0;box-shadow:none;border-bottom:1px solid #eee;padding:var(--px-16) 0;margin:0;width:100%;transition:background .2s}.overview-activity-icon{margin-top:var(--px-6)}.overview-activity-message{font-weight:500;font-size:var(--px-16);word-break:break-word;white-space:pre-line}.overview-activity-message.success{color:var(--color-green)}.overview-activity-message.error,.overview-activity-message.warning{color:var(--color-red)}.overview-activity-message.processing{color:var(--color-blue)}.overview-activity-message.default{color:var(--color-black-light)}.overview-activity-data{display:flex;gap:var(--px-10);margin-top:var(--px-8)}.overview-activity-data-item{padding:var(--px-6) var(--px-12);background:var(--color-grey-light);color:var(--color-black-light);border-radius:var(--border-radius-1);font-size:var(--px-12);font-weight:500}.overview-activity-timestamp{font-size:var(--px-13);color:var(--color-grey);margin-top:var(--px-6)}.Dashboard_wrapper{min-height:100vh;max-width:100vw;display:flex;flex-direction:column;background-color:var(--color-blue-light)}.Dashboard_wrapper .header_wrapper{height:10vh}.Dashboard_wrapper .Dashboard_wrapper_inner{display:flex;min-height:90vh}.Dashboard_wrapper .sidebar_wrapper{width:250px}.Dashboard_wrapper .main_wrapper{height:90vh;width:100%;overflow-y:auto;flex:1;background:var(--color-blue-lighter)}.Dashboard_wrapper .general_pages_wrapper{position:relative}@media only screen and (min-width: 769px){.GeneralTable_wrapper{display:grid;gap:var(--px-16)}.GeneralTable_wrapper .table_controls_wrapper{display:flex;align-items:center;justify-content:space-between}.GeneralTable_wrapper .table_controls_wrapper .search_input__{width:20%}.GeneralTable_wrapper .table_controls_wrapper .row_action_grp{display:flex;align-items:center;gap:1rem}}@media only screen and (min-width: 481px) and (max-width: 768px){.GeneralTable_wrapper{display:grid;gap:1rem}.GeneralTable_wrapper .table_controls_wrapper{display:flex;justify-content:space-between;gap:1rem}.GeneralTable_wrapper .table_controls_wrapper .search_input__{width:30%}.GeneralTable_wrapper .table_controls_wrapper .row_action_grp{display:flex;align-items:center;gap:1rem}.GeneralTable_wrapper .table-responsive{width:100%;overflow-x:auto!important}.GeneralTable_wrapper .general_table{width:100%;min-width:1200px!important}}@media only screen and (max-width: 480px){.GeneralTable_wrapper{display:grid;gap:1rem}.GeneralTable_wrapper .table_controls_wrapper{display:flex;flex-direction:column-reverse;gap:1rem}.GeneralTable_wrapper .table_controls_wrapper .search_input__{width:100%}.GeneralTable_wrapper .table_controls_wrapper .row_action_grp{display:flex;align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.GeneralTable_wrapper .table-responsive{width:100%;overflow-x:auto!important}.GeneralTable_wrapper .general_table{width:100%;min-width:1200px!important}}.Header_wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--px-16)}.Header_wrapper .left_container a{display:flex;align-items:center;gap:var(--px-16);text-decoration:none}.Header_wrapper .left_container .logo{width:100px;display:flex}.Header_wrapper .left_container .app_name{display:flex;flex-direction:column;justify-content:center;font-size:var(--px-16);font-family:titleFont;line-height:1rem}.Header_wrapper .left_container .app_name .text_1{color:var(--color-black-lighter)}.Header_wrapper .left_container .app_name .text_2{color:var(--color-green)}.Header_wrapper .ProfileDropdown_wrapper{position:relative}.Header_wrapper .ProfileDropdown_wrapper .inline_wrapper{cursor:pointer;display:flex;align-items:center;gap:var(--px-32)}.Header_wrapper .ProfileDropdown_wrapper .inline_wrapper .user_name{font-weight:500}.Header_wrapper .ProfileDropdown_wrapper .inline_wrapper .avatar_wrapper{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-black-lighter);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.Header_wrapper .ProfileDropdown_wrapper .dropdown_wrapper{position:absolute;right:0;top:100%;background:var(--color-white);width:250px;transition:opacity .2s;display:flex;flex-direction:column;box-shadow:var(--box-shadow);border-radius:var(--border-radius-1);overflow:hidden;z-index:333}.Header_wrapper .ProfileDropdown_wrapper .dropdown_wrapper_show{opacity:1;scale:1;transform:translateY(0);visibility:visible}.Header_wrapper .ProfileDropdown_wrapper .dropdown_wrapper_hide{opacity:0;scale:1.05;transform:translateY(-15px);visibility:hidden}.Header_wrapper .ProfileDropdown_wrapper .link_item{padding:var(--px-12);color:var(--color-black-light);text-decoration:none}.Header_wrapper .ProfileDropdown_wrapper .link_item:hover{background:var(--color-black-lighter);color:var(--color-white)}.Sidebar_wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.Sidebar_wrapper .navlinks{display:flex;flex-direction:column;transition:.3s ease}.Sidebar_wrapper .navlink{text-decoration:none;padding:var(--px-16) var(--px-16);color:var(--color-black-light);display:flex;align-items:center;gap:var(--px-16);cursor:pointer}.Sidebar_wrapper .navlink:hover,.Sidebar_wrapper .active_navlink{color:var(--color-white);background:var(--color-black-lighter);font-size:var(--px-16);font-weight:500}.GeneralHeading_wrapper{position:sticky;top:0;background:var(--color-blue-lighter);padding:var(--px-8) var(--px-16);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--box-shadow);z-index:222}.GeneralHeading_wrapper .left_grp .label{font-family:titleFont;font-weight:400;font-size:var(--px-22);margin:0;padding:0;text-transform:uppercase}.GeneralHeading_wrapper .right_grp{display:flex;gap:var(--px-16);align-items:center}.GeneralHeading_wrapper .switch_btn_grp{display:flex}.GeneralHeading_wrapper .switch_btn_grp .btn{border-radius:0}.GeneralHeading_wrapper .switch_btn_grp .inactive{background:var(--color-green-light);filter:grayscale(85%);opacity:.4}@media only screen and (min-width: 769px){.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000bc;z-index:9999}.modal-content{background:var(--color-white);padding:var(--px-16);border-radius:var(--px-6);overflow:hidden;transition:opacity .3s ease;width:80vw;max-width:80vw}.modal-show{opacity:1;transform:scale(1)}.modal-hide{opacity:0;transform:scale(0)}.CustomModal_wrapper .CustomModal_title{color:var(--color-black-lighter)}.CustomModal_wrapper .CustomModal_title h2{font-family:titleFont;font-weight:400}.CustomModal_wrapper .CustomModal_content{padding:var(--px-32);height:80vh;overflow-y:auto}.CustomModal_wrapper .CustomModal_form{display:grid;gap:var(--px-16)}.CustomModal_wrapper .CustomModal_form .form_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--px-16)}.CustomModal_wrapper .CustomModal_form .form_item{display:grid;gap:var(--px-6)}.CustomModal_wrapper .CustomModal_form .form_item textarea.form_input{resize:vertical;min-height:5vh;max-height:25vh;padding:var(--px-8);line-height:1.5;font-family:inherit}.CustomModal_wrapper .CustomModal_form .form_item input[type=file]{padding:var(--px-8)}.CustomModal_wrapper .CustomModal_form .form_item input[type=url]:invalid{border-color:var(--color-red)}.CustomModal_wrapper .CustomModal_form .form_item input[type=url]:valid{border-color:var(--color-green)}.CustomModal_wrapper .CustomModal_form .date_inputs_row{display:flex;gap:var(--px-10)}.CustomModal_wrapper .CustomModal_form .date_inputs_row .date_input_wrapper{flex:1}.CustomModal_wrapper .CustomModal_form .date_input_wrapper{position:relative;display:flex;align-items:center}.CustomModal_wrapper .CustomModal_form .date_input_wrapper input[type=date]{flex:1}.CustomModal_wrapper .CustomModal_form .calendar_icon{position:absolute;right:var(--px-10);pointer-events:none;font-size:var(--px-16);color:var(--color-black-lighter)}.CustomModal_wrapper .CustomModal_form .optional{font-size:var(--px-12);color:var(--color-black-lighter);font-weight:400}.CustomModal_wrapper .action_grp{display:flex;gap:1rem}}.Users_wrapper{padding:var(--px-16)}.ChangePassword_wrapper{max-width:600px;margin:var(--px-32) auto 0;background:var(--color-white);border-radius:var(--px-12);box-shadow:var(--box-shadow);overflow:hidden}.ChangePassword_wrapper .ChangePassword_content{background:var(--color-white);padding:var(--px-32);border-radius:var(--px-12);box-shadow:var(--box-shadow);max-width:600px;margin:0 auto}.ChangePassword_wrapper .ChangePassword_form{display:flex;flex-direction:column;gap:var(--px-24)}.ChangePassword_wrapper .ChangePassword_form_item{display:flex;flex-direction:column;gap:var(--px-8)}.ChangePassword_wrapper .ChangePassword_form_item label{font-weight:600;font-size:var(--px-14)}.ChangePassword_wrapper .ChangePassword_form_input{padding:var(--px-12) var(--px-16);border:var(--border-blue-light);border-radius:var(--px-6);background:var(--color-white);font-size:var(--px-14);transition:border .2s ease}.ChangePassword_wrapper .ChangePassword_form_input:focus{outline:none;border:var(--border-blue);box-shadow:0 0 0 3px #1f509a1a}.ChangePassword_wrapper .ChangePassword_action_grp{display:flex;justify-content:flex-end;gap:var(--px-16);border-top:var(--border-grey-light);padding-top:var(--px-24)}.add-deals-modal{width:600px;max-width:90vw;padding:var(--px-24)}.add-deals-modal .action_grp{margin-top:1rem}.add-deals-modal .form_grid{margin-bottom:1rem}.add-deals-modal .CustomModal_content{margin-top:.5rem}.upload-modal{width:420px;max-width:90vw;text-align:center;padding:var(--px-24)}.upload-modal-compact{width:380px;max-width:90vw;padding:var(--px-20);box-sizing:border-box}.sample-link{color:var(--color-green);text-decoration:underline;margin-bottom:var(--px-16);display:inline-block;font-size:var(--px-14)}.drop-zone{border:2px dashed var(--color-green);border-radius:var(--border-radius-2);padding:var(--px-40) var(--px-20);cursor:pointer;margin-top:var(--px-16);margin-bottom:var(--px-16);background-color:var(--color-grey-lighter);transition:background-color .2s ease}.drop-zone.drag-over{background-color:var(--color-grey-light)}.upload-btn{background-color:var(--color-green);color:var(--color-white);border:none;padding:var(--px-12) var(--px-24);border-radius:var(--border-radius-1);cursor:pointer;box-shadow:var(--box-shadow);font-size:var(--px-14);transition:all .2s ease}.upload-btn:hover{filter:brightness(120%);opacity:.9}.login-container{background:url(/assets/background-image-CLMUolP9.jpg) no-repeat center center/cover;height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.overlay{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000004d,#000000b3);z-index:0}.sponsor-tag{position:absolute;bottom:var(--px-16);right:var(--px-16);background-color:var(--color-white);padding:var(--padding-1) var(--padding-2);border-radius:var(--border-radius-2);display:flex;align-items:center;gap:var(--px-12);box-shadow:var(--box-shadow);z-index:10}.sponsor-tag img{height:var(--px-24);width:auto;object-fit:contain}.login-box{z-index:2;background:#ffffff14;-webkit-backdrop-filter:blur(var(--px-20));backdrop-filter:blur(var(--px-20));border:1px solid rgba(255,255,255,.1);padding:var(--px-48) var(--px-40);border-radius:var(--px-20);width:100%;max-width:520px;text-align:center;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--px-30))}to{opacity:1;transform:translateY(0)}}.login-box:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff26}.branding{margin-bottom:var(--px-32);animation:fadeIn .8s cubic-bezier(.4,0,.2,1) .2s both;display:flex;align-items:center;justify-content:center;gap:var(--px-16)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--px-20))}to{opacity:1;transform:translateY(0)}}.brand-left{display:flex;align-items:center;gap:var(--px-8)}.brand-right{text-align:left}.brand-right h1{font-size:var(--px-20);margin:0 0 var(--px-6) 0;font-weight:700;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;line-height:1.2}.brand-right h2{font-size:var(--px-14);margin:0;color:var(--color-red);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.3px;line-height:1.2}.form-container{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) .4s both}form h3{margin-bottom:var(--px-32);font-size:var(--px-18);color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.input-group{position:relative;margin-bottom:var(--px-24)}.form-input{width:100%;padding:var(--px-16) var(--px-12);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--px-12);font-size:var(--px-15);color:var(--color-white);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(var(--px-10));backdrop-filter:blur(var(--px-10))}.form-input::placeholder{color:#ffffff80}.form-input:focus{outline:none;border-color:var(--color-blue-light);background:#ffffff14;box-shadow:0 0 0 3px #64b5f61a;transform:translateY(-1px)}.input-underline{position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--color-blue-light),var(--color-blue));transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.form-input:focus+.input-underline{width:100%}.password-field{position:relative}.password-field .form-input{padding-right:var(--px-48)}.toggle-visibility{position:absolute;right:var(--px-16);top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;padding:var(--px-8);border-radius:var(--px-8);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{color:var(--color-blue-light);background:#64b5f61a}.login-btn{width:100%;padding:var(--px-16);background:linear-gradient(135deg,var(--color-blue-light) 0%,var(--color-blue) 100%);color:var(--color-white);font-weight:600;border:none;border-radius:var(--px-12);font-size:var(--px-16);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #64b5f64d;position:relative;overflow:hidden;margin-top:var(--px-16);margin-bottom:var(--px-24);min-height:var(--px-56);display:flex;align-items:center;justify-content:center}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #64b5f666;background:linear-gradient(135deg,var(--color-blue) 0%,var(--color-blue) 100%)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:var(--px-20);height:var(--px-20);border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--color-white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forgot-password{color:var(--color-blue-light);text-decoration:none;font-size:var(--px-14);font-weight:500;transition:all .3s ease;display:inline-block;position:relative}.forgot-password:hover{color:var(--color-blue);transform:translateY(-1px)}.forgot-password:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-blue);transition:width .3s ease}.forgot-password:hover:after{width:100%}@media only screen and (max-width: 480px){.login-box{margin:var(--px-16);padding:var(--px-32) var(--px-24);max-width:none}.branding-text h1{font-size:var(--px-18)}.branding-text h2{font-size:var(--px-14)}}.form-input{animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1) both}.input-group:nth-child(1) .form-input{animation-delay:.1s}.input-group:nth-child(2) .form-input{animation-delay:.2s}.login-btn{animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1) .3s both}.forgot-password{animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1) .4s both}.back-link{display:flex;align-items:center;gap:var(--px-8);color:#fffc;font-size:var(--px-14);cursor:pointer;margin-bottom:var(--px-24);transition:all .3s ease;justify-content:flex-start}.back-link:hover{color:var(--color-blue-light);transform:translate(-3px)}.subtitle{margin-bottom:var(--px-32);font-size:var(--px-15);color:#ffffffb3;line-height:1.5}.success-icon{width:var(--success-icon-size);height:var(--success-icon-size);color:var(--color-green);margin:0 auto var(--px-24);background:linear-gradient(135deg,var(--color-green) 0%,var(--color-green) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:0 8px 24px #4caf504d;animation:scaleIn .5s cubic-bezier(.4,0,.2,1) .6s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-container h3{color:#fffc;font-size:var(--px-15);line-height:1.5;margin-bottom:var(--px-16)}.success-container p{font-size:var(--px-14);color:#fff9;margin-bottom:var(--px-32);line-height:1.5}.back-btn{width:100%;padding:var(--px-16);background:transparent;border:var(--border-blue-light);color:var(--color-blue-light);font-weight:600;font-size:var(--px-16);border-radius:var(--px-12);cursor:pointer;transition:all .3s ease;margin-top:var(--px-24);display:flex;align-items:center;justify-content:center}.back-btn:hover{background:#64b5f61a;color:var(--color-white);border-color:var(--color-blue);transform:translateY(-1px)}.resend-btn{background:none;border:none;color:var(--color-blue-light);font-size:var(--px-14);font-weight:500;cursor:pointer;padding:0;transition:all .3s ease;text-decoration:underline}.resend-btn:hover{color:var(--color-blue);transform:translateY(-1px)}.resend-section{display:flex;align-items:center;justify-content:center;gap:var(--px-8);font-size:var(--px-14);color:#ffffffb3;margin-top:var(--px-16)}.form-input.error{border-color:#ff6b6b;background:#ff6b6b1a}.error-message{color:#ff6b6b;font-size:var(--px-13);margin-top:var(--px-8);display:block;text-align:left}.error-container{display:flex;align-items:center;gap:var(--px-8);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--px-8);padding:var(--px-12) var(--px-16);margin-bottom:var(--px-16);color:#ff6b6b;font-size:var(--px-14);animation:slideInFromBottom .3s ease}.password-requirements{margin-bottom:var(--px-24);text-align:left}.password-requirements p{color:#fffc;font-size:var(--px-14);margin-bottom:var(--px-8);font-weight:500}.password-requirements ul{display:flex;list-style:none;padding:0;margin:0}.password-requirements li{color:#fff9;font-size:var(--px-14);margin-bottom:var(--px-6);position:relative;padding-left:var(--px-24);transition:all .3s ease}.password-requirements li:before{content:"✗";position:absolute;left:0;color:#ff6b6b;font-weight:700}.password-requirements li.valid{color:var(--color-green)}.password-requirements li.valid:before{content:"✓";color:var(--color-green)}.success-text{color:#fffc;font-size:var(--px-15);line-height:1.5;margin-bottom:var(--px-16)}.success-instruction{font-size:var(--px-14);color:#fff9;margin-bottom:var(--px-32);line-height:1.5}.form-container h3{color:#fffc;font-size:var(--px-15);line-height:1.5;margin-bottom:var(--px-16)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(var(--px-30))}to{opacity:1;transform:translateY(0)}}