:root{font-family:Manrope,system-ui,sans-serif;color:#172033;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:#1463d6;font-weight:700;text-decoration:none}.muted{color:#68758b}.client-brand{color:#0870ef;font-size:1.65rem;font-weight:800;letter-spacing:-.06em}.client-brand span{color:#0b3b82}.client-auth{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(480px,42%);background:linear-gradient(135deg,#eaf2ff,#f6f9ff)}.client-auth__brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);background:radial-gradient(circle at 20% 20%,#fff 0,transparent 35%)}.client-auth__brand h1{max-width:580px;margin:3rem 0 1rem;color:#0c2e63;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.055em}.client-auth__brand p{max-width:520px;color:#52637d;font-size:1.08rem;line-height:1.7}.client-auth__panel{display:grid;place-items:center;padding:2rem;background:#fff;box-shadow:-20px 0 60px #15335d14}.client-auth__card{width:min(100%,430px)}.client-auth__card h2{margin:0 0 .35rem;font-size:2rem;letter-spacing:-.04em}.client-auth__mobile-brand{display:none;margin-bottom:2rem}.client-form{display:grid;gap:1rem;margin-top:2rem}.client-field{display:grid;gap:.45rem;font-weight:700;font-size:.9rem;color:#3a465a}.client-field input,.readonly-grid input{width:100%;height:46px;border:1px solid #d7deea;border-radius:10px;padding:0 .85rem;color:#172033;background:#fff;outline:none}.client-field input:focus,.client-filters input:focus,.client-filters select:focus{border-color:#1972e7;box-shadow:0 0 0 3px #1972e71f}.client-input-icon{display:flex;align-items:center;height:48px;border:1px solid #d7deea;border-radius:10px;padding:0 .8rem;color:#8792a5}.client-input-icon:focus-within{border-color:#1972e7;box-shadow:0 0 0 3px #1972e71f}.client-input-icon input{flex:1;height:100%;border:0;padding:0 .7rem;outline:0;min-width:0}.client-input-icon button{border:0;background:transparent;color:#66758c;cursor:pointer;padding:.3rem}.client-form__links{display:flex;justify-content:space-between;gap:1rem;font-size:.86rem}.client-button{min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:.55rem;border:0;border-radius:10px;background:#1267dc;color:#fff;font-weight:800;cursor:pointer;padding:.75rem 1rem}.client-button:hover{background:#0c58bf}.client-button:disabled{opacity:.6;cursor:default}.client-button--link{text-align:center}.client-back{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.5rem}.client-message{border-radius:9px;padding:.75rem .9rem;font-size:.88rem;line-height:1.45}.client-message--error{color:#9e2d2d;background:#fff0f0;border:1px solid #ffd2d2}.client-message--success{color:#17633b;background:#ecfaf2;border:1px solid #c4eed6}.password-rules{margin:0;padding-left:1.3rem;color:#7a8596;font-size:.82rem}.password-rules .ok{color:#18824d}.client-splash,.client-host-error{min-height:100vh;display:grid;place-content:center;gap:.5rem;text-align:center;padding:2rem}.client-host-error h1{margin:0;color:#0b3b82}.client-shell{min-height:100vh;padding-left:250px}.client-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:250px;padding:1.5rem 1rem;display:flex;flex-direction:column;background:#082f6d;color:#fff}.client-sidebar__top{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem 1.6rem}.client-brand--sidebar{color:#75afff}.client-brand--sidebar span{color:#fff}.client-sidebar__close{display:none;color:#fff;border:0;background:transparent}.client-sidebar nav{display:grid;gap:.35rem}.client-sidebar nav a,.client-sidebar__logout{display:flex;align-items:center;gap:.8rem;min-height:46px;border:0;border-radius:9px;padding:.75rem;color:#dbe8fb;background:transparent;font-weight:700;cursor:pointer}.client-sidebar nav a svg,.client-sidebar__logout svg{width:20px}.client-sidebar nav a.active{color:#fff;background:#ffffff21}.client-sidebar__logout{margin-top:auto;width:100%}.client-header{height:70px;display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(1rem,4vw,3rem);background:#fff;border-bottom:1px solid #e4e9f1}.client-menu-button,.client-brand--header{display:none}.client-header__identity{display:flex;align-items:center;gap:.65rem;color:#425069;font-size:.9rem;font-weight:700}.client-header__identity svg{color:#176bdb}.client-content{padding:clamp(1.25rem,3.5vw,3rem);max-width:1500px;margin:0 auto}.client-page-header{display:flex;justify-content:space-between;margin-bottom:1.7rem}.client-page-header h1{margin:0;color:#12223b;font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.045em}.client-page-header p{margin:.35rem 0 0;color:#6b778b}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.summary-grid article{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .7rem;padding:1.2rem;border:1px solid #e1e7f0;border-radius:14px;background:#fff;box-shadow:0 3px 15px #1a33540a}.summary-grid article>svg{grid-row:1 / span 3;width:38px;height:38px;padding:9px;border-radius:10px;color:#176bdb;background:#eaf2ff}.summary-grid article.danger>svg{color:#c54141;background:#fff0f0}.summary-grid article.success>svg{color:#168052;background:#e9f9f1}.summary-grid span{color:#647188;font-size:.83rem}.summary-grid strong{overflow:hidden;color:#17243a;font-size:1.2rem;text-overflow:ellipsis}.summary-grid small{color:#8a94a5;font-size:.72rem}.client-card{padding:clamp(1rem,2.5vw,1.5rem);border:1px solid #e1e7f0;border-radius:14px;background:#fff;box-shadow:0 3px 15px #1a33540a}.client-card h2{margin:0;font-size:1.15rem}.client-card__heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.client-card__heading p{margin:.25rem 0 0;color:#7a8597;font-size:.85rem}.client-table-wrap{overflow-x:auto}.client-table{width:100%;border-collapse:collapse}.client-table th{padding:.75rem;color:#7a8597;border-bottom:1px solid #e6eaf0;font-size:.73rem;letter-spacing:.04em;text-align:left;text-transform:uppercase}.client-table td{padding:.9rem .75rem;color:#435069;border-bottom:1px solid #edf0f4;font-size:.87rem}.client-table td strong{color:#1d2b42}.client-status{display:inline-flex;padding:.25rem .55rem;border-radius:20px;color:#785c08;background:#fff6d9;font-size:.72rem;font-weight:800}.client-status.paid{color:#137448;background:#e8f8f0}.client-status.overdue,.client-status.cancelled{color:#a53434;background:#ffeded}.client-link-button{border:0;background:transparent;color:#1463d6;font-weight:800;cursor:pointer}.client-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:.65rem;white-space:nowrap}.client-empty,.client-loading{display:grid;place-items:center;min-height:190px;color:#8490a2}.client-empty svg{width:35px;height:35px}.client-filters{display:grid;grid-template-columns:minmax(200px,1fr) 180px 145px 145px;gap:.8rem;margin-bottom:1rem}.client-filters input,.client-filters select{width:100%;height:42px;border:1px solid #d9e0ea;border-radius:9px;background:#fff;padding:0 .7rem;outline:0;color:#354158}.client-filters>label:not(.client-search){display:grid;grid-template-columns:auto 1fr;gap:.4rem;align-items:center;color:#738095;font-size:.78rem}.client-search{display:flex;align-items:center;padding-left:.75rem;border:1px solid #d9e0ea;border-radius:9px;color:#7c889a}.client-search input{border:0}.client-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;padding-top:1rem;color:#68758a;font-size:.82rem}.client-pagination button{display:flex;align-items:center;gap:.2rem;border:1px solid #dce2eb;border-radius:8px;background:#fff;padding:.45rem .7rem;color:#334158;cursor:pointer}.client-pagination button:disabled{opacity:.4;cursor:default}.client-pagination svg{width:16px}.client-modal-backdrop,.client-overlay{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;border:0;background:#05102294}.client-modal{position:fixed;z-index:41;top:50%;left:50%;width:min(92vw,570px);max-height:90vh;overflow-y:auto;transform:translate(-50%,-50%);padding:1.5rem;border-radius:15px;background:#fff}.client-modal h2{margin:0 0 1.4rem}.client-modal__close{position:absolute;top:.8rem;right:.8rem;border:0;background:transparent;font-size:1.6rem;cursor:pointer}.client-modal dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.2rem}.client-modal dl div{display:grid;gap:.2rem}.client-modal dt,.client-barcode>span{color:#758197;font-size:.75rem}.client-modal dd{margin:0;font-weight:700}.client-barcode{display:grid;gap:.55rem;margin-bottom:1rem;padding:1rem;border-radius:10px;background:#f4f7fb}.client-barcode code{overflow-wrap:anywhere;color:#2d394d;line-height:1.6}.client-barcode button{justify-self:start;display:flex;gap:.4rem;border:0;color:#1267dc;background:transparent;font-weight:800;cursor:pointer}.client-modal>.client-button{width:100%;margin-top:1rem}.profile-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;align-items:start}.readonly-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}.readonly-grid label{display:grid;gap:.4rem;color:#657188;font-size:.8rem;font-weight:700}.readonly-grid input{background:#f6f8fb;color:#5b6678}.client-profile-company{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #e7ebf2}.client-profile-company h3{margin:0;color:#27344a;font-size:1rem}@media(max-width:1100px){.summary-grid,.client-filters{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}}@media(max-width:780px){.client-auth{grid-template-columns:1fr}.client-auth__brand{display:none}.client-auth__panel{min-height:100vh;padding:1.3rem}.client-auth__mobile-brand{display:block}.client-shell{padding:0}.client-sidebar{transform:translate(-100%);transition:transform .2s ease}.client-sidebar.is-open{transform:translate(0)}.client-sidebar__close{display:block}.client-header{justify-content:space-between;padding:0 1rem}.client-menu-button{display:grid;place-items:center;border:0;background:transparent;color:#17345f}.client-brand--header{display:block;font-size:1.2rem}.client-header__identity span{display:none}.client-overlay{z-index:19}.client-content{padding:1.1rem}}@media(max-width:570px){.summary-grid,.client-filters,.readonly-grid{grid-template-columns:1fr}.client-table thead{display:none}.client-table tr{display:grid;grid-template-columns:1fr auto;padding:.8rem 0;border-bottom:1px solid #edf0f4}.client-table td{display:flex;justify-content:space-between;gap:1rem;padding:.35rem .2rem;border:0}.client-table td:before{content:attr(data-label);color:#7a8597;font-size:.75rem}.client-table td:first-child,.client-table td:last-child{grid-column:1 / -1}.client-table td:first-child:before,.client-table td:last-child:before{display:none}.client-table td:last-child{justify-content:flex-end}.client-pagination{justify-content:space-between}.client-pagination button{font-size:0}.client-pagination button svg{width:18px}.client-modal dl{grid-template-columns:1fr}}