/* Identidad visual común: petróleo, esmeralda y superficies claras. */
:root{--blue:#087f76;--navy:#143b40;--muted:#71898b;--border:#dce8e7;--accent:#0e9c82;--surface:#fff;--canvas:#f1f6f5;--shadow:0 10px 32px #153f4510}
body{background:radial-gradient(ellipse at 95% 0,#e3f1ed,transparent 42%),var(--canvas);color:var(--navy);font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea,summary{font-family:inherit}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #20b19b;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b0dfd3;outline-offset:2px;border-color:#198a7c!important}input,select,textarea{color:#21484b;border-color:#d3e2df;border-radius:9px;accent-color:#087f76}button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none!important}button[hidden]{display:none!important}
.primary{background:linear-gradient(120deg,#087f76,#119f85);border:1px solid transparent;color:white;border-radius:10px;box-shadow:0 5px 12px #08877620}.primary:hover:not(:disabled){background:#086e66;box-shadow:0 7px 20px #087f7630}.back{background:white;color:#386866;border:1px solid #cfdfda;border-radius:9px}.back:hover:not(:disabled){background:#edf7f3;border-color:#8abdb0}.badge{background:#e4f4ed;color:#16745e;border:1px solid #d1eade}.eyebrow{color:#5b8d82;letter-spacing:1.7px}.sub{color:#718c8a}.error{color:#ad4052}
.sidebar{background:linear-gradient(180deg,#123d43,#0c2e35);border-right:0;box-shadow:5px 0 24px #09292e14;color:#c4dfd8;padding:28px 17px}.sidebar .brand{color:#f4fcf8;padding:0 10px}.sidebar .brand small{color:#8ebcaf;letter-spacing:1px}.navlabel{color:#76a598;font-size:10px;letter-spacing:1.6px}.navbutton{color:#bbd4d0;border-radius:10px;padding:12px;font-weight:500}.navbutton span:first-child{color:#84b7a9}.navbutton:hover{background:#ffffff0c;color:white}.navbutton.active,.maintenance-nav[open]>summary{background:linear-gradient(100deg,#1d605f,#175151);color:#fff;box-shadow:inset 3px 0 #53d1ad}.navbutton.active span:first-child{color:#75e0bd}.maintenance-tree{border-color:#2a5356}.maintenance-subnav>summary{color:#98beb7;border-radius:7px}.maintenance-subnav[open]>summary{background:#ffffff08;color:#cdf3e4}.maintenance-link{color:#9fbfb9;border-radius:6px;font-size:12px}.maintenance-link:hover,.maintenance-link.active{background:#2a615c;color:#ecfff6}.sidefoot{color:#80a9a1}.sidefoot>div:first-child{background:#ffffff08!important;border:1px solid #ffffff12!important;border-radius:11px!important;color:#a9ccc1}.sidefoot b{color:#e0f6ed}.sidefoot .navbutton{font-size:12px}.topbar{background:#ffffffed;border-bottom:1px solid #dce8e3;box-shadow:0 5px 22px #143d4104}.crumb{color:#94aaa4}.crumb b{color:#305b56}.status{color:#24876a}.avatar{background:linear-gradient(135deg,#1a6e6a,#1a9e82);color:white;box-shadow:0 4px 12px #1678651a}.profile small{color:#84a297}.mobile{color:#245a54}
.content{max-width:1540px;padding-top:32px}.heading h1{color:#143f3e;font-size:30px;letter-spacing:-.8px}.heading p{color:#7c9690}.period{border-radius:9px;border:1px solid #d9e6df;color:#386d5e;background:white}.welcome{background:radial-gradient(circle at 85% 20%,#2e9272,transparent 45%),linear-gradient(115deg,#123f45,#176658);color:#f7fffb;border:0;border-radius:16px;box-shadow:0 14px 30px #176b5618;padding:29px}.welcome h2{font-size:22px;font-weight:600}.welcome p{color:#b6ded0;font-size:13px}.welcome .seal{color:#bcebd432}.stats{gap:18px}.stat{border:1px solid #e0eae4;border-top:3px solid #58ac8b;border-radius:14px;box-shadow:0 6px 22px #23514305;padding:21px}.stat:nth-child(2){border-top-color:#7698b1}.stat:nth-child(3){border-top-color:#d2ac62}.stat:nth-child(4){border-top-color:#94a975}.stat strong{color:#234d43}.stat .stitle{color:#739084}.stat small{color:#9aafa5}.module{border:1px solid #dfe9e2;border-radius:14px;box-shadow:0 4px 18px #1b4b3a04}.module:hover{transform:translateY(-3px);border-color:#92c1a9;box-shadow:0 12px 25px #21563f10}.module b{color:#335a4d}.module small{color:#8ca497}.module .arrow{color:#a1b9ad}.icon{border-radius:11px}.module[style*="#eaf3ff"] .icon{background:#e4f3ec;color:#378268}.sectionhead h2,.sectionhead h3{color:#345d4e}.bottom{border-color:#dce7de;color:#91a79a}
.intro{background:radial-gradient(circle at 85% 85%,#21856e,transparent 55%),linear-gradient(145deg,#10383f,#15594f)}.intro .brand{color:#f7fff9}.intro .brand small{color:#99cabc}.intro h1{font-size:48px;font-weight:650;color:#f7fff9}.intro p{color:#a0cebe}.intro footer{color:#87b6a6}.intro .pill{background:#ffffff0d;border-color:#ffffff20;color:#c4ebd5}.intro:after{border-color:#9adbc409}.access{background:#f1f7f3}.formbox{border:1px solid #dfebe2;border-radius:20px;box-shadow:0 22px 65px #1c553811;background:white;padding:34px}.formbox h2{color:#194c3f}.formbox input{border-color:#d4e4d9;padding:13px}.password button{color:#087f6d}.formbox .badge{color:#267858;background:#e6f4ea}.demo{background:#edf7ef;border:1px solid #d8ebdc;color:#688775}.formbox .label{color:#527463}.formbox .sub{color:#81978a}
.company-panel,.user-window,.permissions-panel,.clients-reference,.suppliers-reference{background:white;border:1px solid #d8e6df;border-radius:16px;box-shadow:var(--shadow);color:#234b40;overflow:hidden}.company-panel,.user-window,.permissions-panel{padding:24px}.company-table-wrap,.user-window .company-table-wrap,.clients-reference .company-table-wrap,.suppliers-reference .company-table-wrap{background:#fff;border:1px solid #dce9e0;border-radius:10px}.company-table{font-family:'Segoe UI',Arial,sans-serif}.company-table th,.user-window .company-table th,.clients-reference .company-table th,.suppliers-reference .company-table th{background:#edf5ef;color:#507965;font-family:inherit;font-size:11px;font-weight:650;letter-spacing:.4px;padding:13px 10px;border-bottom:1px solid #dce9df}.company-table td,.user-window .company-table td,.clients-reference .company-table td,.suppliers-reference .company-table td{color:#416151;border-bottom:1px solid #eef3ee;padding:11px 10px;font-size:12px;font-family:inherit;line-height:1.5}.company-table tr:nth-child(even),.clients-reference .company-table tr:nth-child(even),.suppliers-reference .company-table tr:nth-child(even){background:#fbfdfb}.company-table tr:hover,.clients-reference .company-table tr:hover,.suppliers-reference .company-table tr:hover{background:#f0f8f2}.company-table tr.selected,.clients-reference .company-table tr.selected,.suppliers-reference .company-table tr.selected{background:#e5f3e9;box-shadow:inset 3px 0 #2b9b72}.company-actions,.user-window .company-actions{border:0;border-top:1px solid #e2ece4;gap:10px;padding-top:18px}.company-actions button{border-radius:9px}.user-window button,#user-editor button,#company-editor button{background:white;border:1px solid #d3e2d7;border-radius:8px;color:#47735a}.user-window button:first-child:not(:disabled),#user-editor #user-save,#company-editor #company-save{background:linear-gradient(120deg,#087f76,#109b80)!important;border:1px solid #087f76!important;color:#fff!important}.user-window-title{background:#eff7f2;color:#245f48;border-bottom:1px solid #dceadf}.user-window .company-toolbar input{border-radius:9px}.company-pages button{border:1px solid #d5e4d9;border-radius:8px;color:#4b7860;background:white}.company-pages{color:#78947f;font-size:12px}
dialog,#company-editor,#user-editor,#permission-editor,#company-dialog,#password-dialog,.client-import-dialog,.supplier-import-dialog{background:#fff;color:#234c3f;border:1px solid #d9e6dc;border-radius:17px;box-shadow:0 28px 90px #0d352c35}dialog::backdrop{background:#0e302f91;backdrop-filter:blur(5px)}.company-window-title,.user-editor-title{background:linear-gradient(110deg,#ecf6ef,#eaf5f2);color:#2b634f;border-bottom:1px solid #dae9df;padding:18px 20px}.company-window-title button{background:white!important;color:#59806b!important}.company-reference-top,.company-reference-bottom,.user-data,.user-access{background:#fbfdfb;border:1px solid #dce9df;border-radius:10px}.company-reference-top input,.company-reference-top select,.company-reference-paths input,#user-editor input:not([type=radio]):not([type=checkbox]),#user-editor select{border:1px solid #ccdfd2;border-radius:7px;color:#35614c;background:white}.company-reference-top label,.company-reference-paths label,.user-fields label{color:#6e8b76;font-size:12px}.company-reference-paths{border-right:1px solid #e0ebe2}.company-reference-right .company-logo{background:#f1f8f3;border-bottom:1px solid #deebe1}.company-logo-canvas{border:1px dashed #b4d0be;border-radius:12px;color:#8cab97}.company-reference-right .company-logo small{color:#83a18f}#company-logo-choice{border:1px solid #c8dfd0;border-radius:7px;color:#49765d}.company-input-action button{background:#e5f3e9!important;color:#277b52!important;border:1px solid #b7d8c3!important}.company-additional{border:1px solid #dcebe1;border-radius:9px;background:#f9fcfa;color:#6a947c}.company-payroll{color:#4b725a}.company-payroll input,.user-role input,.permission-checks input{accent-color:#087f76}#company-editor .company-editor-footer,.user-footer{border-top:1px solid #dfebe3;gap:9px}#company-editor .company-editor-footer button{border:1px solid #d2e2d7;border-radius:8px;color:#4a735c}.user-password-box{border:1px solid #d8e9de;border-radius:9px;background:#f1f8f3}.user-assigned{border:1px solid #dceadf;border-radius:9px;background:#f8fcf9}.user-assigned td{border-color:#e3ede5}.user-access legend{color:#527f64}.user-role label{color:#64836d}
.permission-pickers{background:#f3f9f5;border:1px solid #e0ece3;border-radius:12px}.permission-pickers label{color:#527860}.permission-pickers input,.permission-pickers select,#permission-form select{border:1px solid #cfdfd5;border-radius:8px;background:white;color:#416b52}.permissions-panel #permission-status{color:#789882}.permission-checks{color:#5d826c}.permissions-heading .badge{background:#e6f5e9;color:#3d825a}.permissions-panel h3{color:#416d52}.client-import-source,.supplier-import-source,.import-source-options{border:1px solid #d9e9dd;border-radius:11px;background:#f4faf6}.client-import-mapping select,.supplier-import-mapping select,.client-import-mode select,.supplier-import-mode select,.import-source-options input,.import-source-options select{border:1px solid #cddfd2;border-radius:8px;color:#426b54;background:white}.client-import-summary,.supplier-import-summary{background:#e9f6ee;color:#3c7c56;border:1px solid #d7ebdd;border-radius:10px}.client-import-preview .import-error,.supplier-import-preview .import-error{background:#fff0f0}
.client-extra-tools,.supplier-extra-tools{max-width:1180px;margin:0 auto 12px}.clients-reference,.suppliers-reference{max-width:1180px;font:13px 'Segoe UI',Arial,sans-serif}.client-window-title,.supplier-window-title{background:linear-gradient(110deg,#174d4c,#1b6a58);padding:13px 15px;color:#f1fff6;font-size:18px;font-weight:600;text-align:left}.client-window-title span,.supplier-window-title span{padding-left:6px}.client-window-title button,.supplier-window-title button{border:1px solid #ffffff22;border-radius:7px!important;background:#ffffff0c!important;color:#d4efdf!important;font-size:18px;padding:0 8px}.client-window-title button:last-child,.supplier-window-title button:last-child{background:#ffffff10!important}.clients-reference .clients-layout,.suppliers-reference .suppliers-layout{padding:16px;gap:18px}.client-reference-fields,.client-reference-notes,.client-reference-credit,.supplier-reference-fields,.supplier-reference-notes,.supplier-detraction,.supplier-tax-options{background:#fcfefc;border:1px solid #dce9df;border-radius:10px;padding:13px 10px;gap:7px}.client-reference-fields>label,.client-reference-notes>label,.supplier-reference-fields>label,.supplier-reference-notes>label{color:#60806a;font-size:12px}.clients-reference #client-form,.suppliers-reference #supplier-form{gap:10px}.clients-reference input:not([type=radio]):not([type=checkbox]),.clients-reference select,.clients-reference textarea,.suppliers-reference input:not([type=radio]):not([type=checkbox]),.suppliers-reference select,.suppliers-reference textarea{background:#fff;color:#315c46;border:1px solid #cbddd1;border-radius:6px;padding:5px 6px;font:12px 'Segoe UI',Arial,sans-serif;min-height:27px}.clients-reference input[readonly],.suppliers-reference input[readonly]{background:#f0f7f2;color:#648a70}.client-code-description,.supplier-code-description{gap:4px}.client-code-description select,.supplier-code-description select{appearance:auto}.client-document-line,.supplier-document-line{gap:5px}.client-document-line button,.supplier-document-line button{border:1px solid #cfdfd4;border-radius:6px;background:#eef6f1;color:#718f7a;height:27px;padding:3px 5px}.client-active,.supplier-active{font-size:11px;color:#64836c}.client-active input,.supplier-active input,.client-search-modes input,.supplier-search-modes input,.supplier-detraction input{accent-color:#087f76}.client-reference-notes,.supplier-reference-notes{min-height:185px}.client-reference-notes textarea,.supplier-reference-notes textarea{background:white;resize:vertical}.client-reference-credit{background:#eff8f2;color:#4d7a5e;padding:13px 10px!important}.supplier-detraction,.supplier-tax-options{color:#5e8169;background:#f5faf6}.client-reference-credit label,.supplier-tax-options label{font-size:12px}.supplier-detraction label{font-size:12px}.clients-reference .client-directory,.suppliers-reference .supplier-directory{background:#f7fbf8;border:1px solid #e1ece3;border-radius:11px;padding:10px;gap:8px}.clients-reference .client-directory .company-table-wrap,.suppliers-reference .supplier-directory .company-table-wrap{min-height:420px;max-height:650px}.client-search-footer,.supplier-search-footer{background:white;border:1px solid #d9e7dd;border-radius:8px;padding:8px!important}.clients-reference .client-search-modes,.suppliers-reference .supplier-search-modes{font-size:11px;color:#64846d}.clients-reference .company-pages,.suppliers-reference .company-pages{padding:6px 4px;color:#73967c}.clients-reference .company-pages button,.suppliers-reference .company-pages button{border:1px solid #cddfd2;border-radius:7px;color:#498060;padding:4px 12px}.client-reference-status,.supplier-reference-status{color:#70927a;font-size:11px;padding:3px}.clients-reference #client-form-status,.suppliers-reference #supplier-form-status{color:#a64b56}.clients-reference .client-form-actions,.suppliers-reference .supplier-form-actions{border:1px solid #dae7dd;border-radius:10px;background:#f5faf6;padding:9px;gap:9px}.clients-reference .client-form-actions button,.suppliers-reference .supplier-form-actions button{height:34px;border:1px solid #cddfd3;border-radius:8px;background:white;color:#528167;box-shadow:0 2px 5px #1b4e3610}.clients-reference .client-form-actions button:hover:not(:disabled),.suppliers-reference .supplier-form-actions button:hover:not(:disabled){background:#e5f3e9;transform:translateY(-1px)}.clients-reference #client-save,.suppliers-reference #supplier-save{background:#087f76!important;border:1px solid #087f76!important;color:white!important}.clients-reference #client-delete,.suppliers-reference #supplier-delete{color:#bd6872}.clients-reference #client-cancel,.suppliers-reference #supplier-cancel{color:#a98150}.clients-reference button:focus-visible,.suppliers-reference button:focus-visible,.clients-reference select:focus-visible,.suppliers-reference select:focus-visible{outline:2px solid #21a381;outline-offset:2px}.client-empty,.supplier-empty{border:1px solid #dce9df;background:white;border-radius:14px;color:#507660}.content:has(.clients-reference),.content:has(.suppliers-reference){padding:22px 18px}.content:has(.clients-reference)>.bottom,.content:has(.suppliers-reference)>.bottom{margin-top:22px}
@media(max-width:1150px) and (min-width:761px){.clients-reference .clients-layout,.suppliers-reference .suppliers-layout{gap:10px;padding:10px}.client-reference-fields,.client-reference-notes,.supplier-reference-fields,.supplier-reference-notes{padding:10px 6px}.clients-reference .client-directory,.suppliers-reference .supplier-directory{padding:6px}.clients-reference .client-form-actions,.suppliers-reference .supplier-form-actions{gap:5px;padding:7px}.clients-reference .client-search-footer,.suppliers-reference .supplier-search-footer{gap:4px}}
@media(max-width:760px){.sidebar{padding-top:24px}.heading h1{font-size:25px}.intro h1{font-size:34px}.formbox{padding:25px}.welcome{padding:23px}.welcome h2{font-size:20px}.content{padding:24px 16px}.clients-reference .clients-layout,.suppliers-reference .suppliers-layout{padding:12px;gap:14px}.content:has(.clients-reference),.content:has(.suppliers-reference){padding:12px 8px}.client-window-title,.supplier-window-title{font-size:16px}.client-reference-fields,.client-reference-notes,.supplier-reference-fields,.supplier-reference-notes{padding:11px 7px}.clients-reference .client-directory,.suppliers-reference .supplier-directory{padding:8px}.client-reference-credit input{max-width:95px}.client-extra-tools,.supplier-extra-tools{padding:0 4px}.company-panel,.permissions-panel,.user-window{padding:18px}.user-window-title{margin:-18px -18px 18px}.stat{padding:17px}.stats{gap:10px}.company-window-title,.user-editor-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.module:hover{transform:none}}
@media print{body{background:white;color:#111}.sidebar,.topbar,.client-extra-tools,.supplier-extra-tools,.client-form-actions,.supplier-form-actions,.company-actions{display:none!important}.main{margin:0;width:100%}.content{padding:0}.clients-reference,.suppliers-reference,.company-panel,.permissions-panel,.user-window{box-shadow:none;border:0}.client-window-title,.supplier-window-title,.company-table th{background:#eee!important;color:#111!important}.company-table td{color:#111!important}}
/* Portal de acceso. */
.login-premium{min-height:100svh;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:#f4f8f4}.login-premium .intro{padding:38px clamp(32px,5.5vw,100px);overflow:hidden;background:radial-gradient(ellipse at 18% 90%,#227d63 0,transparent 52%),radial-gradient(ellipse at 95% 10%,#2c766e55 0,transparent 55%),#113d40;isolation:isolate}.login-premium .intro:after{width:510px;height:510px;right:-270px;bottom:-240px;border:1px solid #9addbe2a;box-shadow:0 0 0 65px #9addbe05,0 0 0 130px #9addbe04;z-index:-1}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-brand-mark{width:43px;height:43px;border:1px solid #8fe3bf60;border-radius:12px;display:grid;place-items:center;background:#a4ecc115;color:#b1f0cf}.login-brand-mark svg{width:29px;height:29px}.login-premium .intro .brand{font-size:28px;letter-spacing:-1px}.login-premium .intro .brand small{font-size:8px;font-weight:500;letter-spacing:1.4px;color:#85b9a8;margin-top:5px}.login-hero-copy{position:relative;z-index:1;padding:38px 0 32px}.login-premium .intro .pill{font-size:9px;letter-spacing:1.5px;color:#a4d7bc;border:1px solid #9acfb433;background:#7cbf9e0e;padding:9px 11px}.login-live-dot{display:inline-block;background:#91d5ab;border-radius:50%;width:5px;height:5px;margin:0 6px 1px 0}.login-premium .intro h1{font-size:clamp(38px,4.3vw,66px);line-height:1.08;letter-spacing:-2px;font-weight:650;margin:25px 0 20px;max-width:none;color:#f4fff5}.login-premium .intro h1 em{font-style:normal;color:#a4ddb4}.login-premium .intro p{font-size:14px;line-height:1.8;max-width:380px;color:#9dc7b6;margin-bottom:26px}.login-product-art{border:1px solid #96c5ae3b;border-radius:15px;background:linear-gradient(135deg,#285b52ef,#1e4e47);box-shadow:0 28px 50px #052e273b;position:relative;max-width:435px;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg);margin:28px 6px 12px 0}.login-art-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b2dfbe16;padding:12px 15px;color:#a7cdb7;font-size:9px}.login-art-dots{display:flex;gap:4px}.login-art-dots i{width:5px;height:5px;border-radius:50%;background:#9fceae44}.login-art-dots i:first-child{background:#e6b285}.login-art-dots i:nth-child(2){background:#baca91}.login-art-dots i:last-child{background:#78be9c}.login-art-body{padding:21px}.login-art-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.login-art-head small{font-size:7px;letter-spacing:1.5px;color:#85b29b;display:block}.login-art-head strong{display:block;color:#e3f4e5;font-size:17px;letter-spacing:-.3px;margin-top:6px;font-weight:500}.login-art-symbol{color:#add8b5;font-size:27px}.login-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login-art-grid>div{background:#e1f4df08;border:1px solid #b5d6b41b;border-radius:9px;padding:13px}.login-art-grid>div>span{display:inline-grid;place-items:center;width:26px;height:26px;background:#91d29e17;color:#b2dabb;border-radius:7px;font-size:16px;margin-bottom:8px}.login-art-grid b{font-weight:500;font-size:11px;color:#d1e8cf;display:block}.login-art-grid small{font-size:8px;color:#86ad91;display:block;margin-top:5px}.login-art-tag{display:flex;align-items:center;gap:8px;position:absolute;right:-22px;bottom:-14px;background:#e4f6e8;color:#367854;padding:11px 15px;border:1px solid #fff;border-radius:10px;box-shadow:0 9px 22px #052c2730;font-size:10px}.login-art-tag span{background:#bde7c9;color:#4c9664;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:11px}.login-premium .intro footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#74a28b;padding-top:15px}.login-premium .access{background:radial-gradient(ellipse at 100% 0,#e6f3e7,transparent 60%),#f4f8f4;padding:35px}.login-access-inner{width:420px;max-width:100%}.login-access-note{display:flex;align-items:center;gap:8px;color:#9cb0a0;font-size:9px;letter-spacing:1.6px;justify-content:center;margin-bottom:25px}.login-access-note>span{background:#8ebc9c;width:5px;height:5px;border-radius:50%}.login-premium .formbox{width:100%;max-width:none;position:relative;border:1px solid #e1ebe2;box-shadow:0 15px 60px #2854380b;padding:35px;border-radius:20px;background:#ffffffed}.login-form-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8ebdc;border-radius:12px;background:#eff8f1;color:#619a70;font-size:24px;margin-bottom:24px}.login-premium .formbox>.badge{display:inline-block;background:transparent;padding:0;border:0;color:#82a18a;font-size:8px;letter-spacing:1.3px}.login-premium .formbox h2{font-size:29px;font-weight:650;letter-spacing:-.8px;margin:9px 0 10px;color:#234d36}.login-premium .formbox .sub{font-size:12px;color:#8da18f;line-height:1.7}.login-premium .formbox .label{margin:23px 0 8px;color:#56765d;font-weight:600;font-size:11px}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;color:#88a28e}.login-input-icon svg{width:17px;height:17px}.login-premium .formbox .login-input-wrap input{padding:13px 14px 13px 39px;background:#fbfdfb;border:1px solid #d7e4d9;border-radius:9px;font-size:12px;color:#355b40;min-height:45px}.login-premium .formbox .login-input-wrap input::placeholder{color:#afbeb0}.login-premium .formbox .password input{padding-right:61px}.login-premium .formbox .password button{right:7px;top:8px;padding:7px;color:#679173;background:transparent;font-size:11px;border-radius:5px}.login-remember{display:flex;align-items:center;gap:8px;margin:20px 0 23px;font-size:11px;color:#77927d}.login-remember input{width:14px;height:14px;margin:0;accent-color:#168371}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 17px;font-size:12px;min-height:46px;background:linear-gradient(115deg,#0c756b,#229875);box-shadow:0 6px 16px #10816c21}.login-submit>span:last-child{font-size:19px;line-height:1}.login-submit[aria-busy=true]>span:last-child{opacity:.4}.login-premium .formbox .error{font-size:11px;line-height:1.5;margin-top:12px;min-height:18px}.login-access-help{border-top:1px solid #e8efe8;padding-top:18px;display:flex;gap:10px;color:#83a28b;margin-top:5px}.login-access-help svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.login-access-help p{margin:0;color:#7c9682;font-size:10px;line-height:1.7}.login-access-help p span{color:#a2b2a5}.login-legal{text-align:center;font-size:9px;color:#a7b7a9;margin:23px 0 0}.login-caps{font-size:10px;color:#aa7848;margin:9px 0}.login-premium [hidden]{display:none!important}
@media(min-width:1500px){.login-premium .intro{padding-top:48px;padding-bottom:40px}.login-premium .formbox{padding:42px}.login-access-inner{width:440px}.login-product-art{max-width:460px}.login-art-body{padding:24px}.login-art-grid>div{padding:15px}}
@media(max-width:1000px) and (min-width:761px){.login-premium .intro{padding:30px}.login-premium .intro h1{font-size:43px}.login-premium .access{padding:25px}.login-premium .formbox{padding:27px}.login-art-tag{right:-8px}.login-art-grid small{font-size:7px}.login-premium .intro footer span:last-child{display:none}}
@media(max-width:760px){.login-premium{grid-template-columns:1fr;min-height:100svh}.login-premium .intro{padding:25px 26px 30px}.login-premium .intro .brand{font-size:24px}.login-brand-mark{width:36px;height:36px}.login-brand-mark svg{width:24px;height:24px}.login-hero-copy{padding:22px 0 0}.login-premium .intro .pill{margin-top:0;font-size:8px}.login-premium .intro h1{font-size:38px;letter-spacing:-1px;margin:18px 0 0;line-height:1.15}.login-premium .intro h1 br{display:none}.login-premium .intro h1 em:before{content:' '}.login-premium .intro p,.login-product-art,.login-premium .intro footer{display:none}.login-premium .access{padding:28px 18px}.login-access-inner{width:410px}.login-access-note{display:none}.login-premium .formbox{padding:27px;border-radius:17px}.login-form-symbol{width:38px;height:38px;font-size:22px;margin-bottom:19px}.login-premium .formbox h2{font-size:27px}.login-legal{margin:20px 0 3px}}