:root{--background:#f3f5f8;--foreground:#14213d;--panel:#fff;--panel-border:#d8dee8;--action:#0057d9;--action-text:#fff;--muted:#5f6b7a;--danger:#bc1b1b;--success:#067647;--sidebar-width:300px;--top-nav-height:94px}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:radial-gradient(circle at top right, #dbe8ff 0%, #dbe8ff00 35%), radial-gradient(circle at bottom left, #e8f4ef 0%, #e8f4ef00 35%), var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;font-family:Avenir Next,Segoe UI,Helvetica Neue,Helvetica,Arial,Noto Sans,Liberation Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.shell{width:100%;max-width:none;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 14px 32px #14213d14}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.auth-card{width:100%;max-width:460px;padding:1.75rem}.title{margin-bottom:.5rem;font-size:1.9rem;line-height:1.15}.subtitle{color:var(--muted);margin-bottom:1.25rem}.form{gap:.95rem;display:grid}.field{gap:.35rem;display:grid}.field label{font-size:.92rem;font-weight:600}.field input{border:1px solid var(--panel-border);border-radius:10px;outline:none;width:100%;padding:.7rem .85rem;font-size:1rem}.field textarea{border:1px solid var(--panel-border);resize:vertical;border-radius:10px;outline:none;width:100%;padding:.7rem .85rem;font-size:1rem}.field select{border:1px solid var(--panel-border);background:#fff;border-radius:10px;outline:none;width:100%;padding:.7rem .85rem;font-size:1rem}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--action);box-shadow:0 0 0 3px #0057d924}.btn{background:var(--action);color:var(--action-text);cursor:pointer;border:0;border-radius:10px;padding:.72rem .9rem;font-size:.98rem;font-weight:700}.btn[disabled]{opacity:.72;cursor:not-allowed}.btn-ghost{border:1px solid var(--panel-border);color:var(--foreground);background:0 0}.helper{color:var(--muted);font-size:.92rem}.message{border-radius:10px;padding:.7rem .8rem;font-size:.92rem}.message-error{color:var(--danger);background:#feecec}.message-success{color:var(--success);background:#e8f8ef}.backoffice{min-height:100vh}.backoffice-layout{display:block}.backoffice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.header-left h1{font-size:2rem}.header-left p{color:var(--muted);margin-top:.2rem}.card{padding:1.2rem}.sidebar{width:var(--sidebar-width);z-index:10;border-radius:0;flex-direction:column;gap:1rem;padding:1.2rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 18px #14213d14}.sidebar-brand{align-items:center;gap:.65rem;display:flex}.sidebar-brand strong{font-size:1rem;display:block}.sidebar-brand small{color:var(--muted);font-size:.8rem;display:block}.side-nav{gap:.45rem;display:grid}.side-nav-item{border:1px solid var(--panel-border);color:var(--foreground);text-align:left;cursor:pointer;background:#f8fbff;border-radius:10px;padding:.55rem .65rem;font-weight:700}.side-nav-item.is-active{border-color:var(--action);box-shadow:0 0 0 2px #0057d924}.sidebar-user{gap:.1rem;display:grid}.user-avatar{object-fit:cover;border:1px solid var(--panel-border);border-radius:50%;width:54px;height:54px}.user-avatar-placeholder{color:#35548a;background:#eaf1ff;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.sidebar-user small{color:var(--muted)}.sidebar-user strong{word-break:break-word;font-size:.92rem}.sidebar-section{gap:.65rem;display:grid}.sidebar-section h3{font-size:.95rem}.sidebar-tools{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.sidebar-list{gap:.5rem;max-height:340px;padding-right:.15rem;display:grid;overflow:auto}.sidebar-item{border:1px solid var(--panel-border);text-align:left;cursor:pointer;background:#f9fbff;border-radius:10px;gap:.2rem;padding:.65rem .7rem;display:grid}.sidebar-item span{font-weight:700}.sidebar-item small{color:var(--muted);font-size:.82rem}.sidebar-item.is-active{border-color:var(--action);box-shadow:0 0 0 2px #0057d924}.sidebar-project-list{gap:.4rem;display:grid}.sidebar-project-item{border:1px dashed var(--panel-border);border-radius:9px;gap:.1rem;padding:.45rem .55rem;display:grid}.sidebar-project-item strong{font-size:.88rem}.sidebar-project-item small{color:var(--muted);font-size:.8rem}.backoffice-main{width:calc(100vw - var(--sidebar-width));margin-left:var(--sidebar-width);padding:calc(var(--top-nav-height) + 2.8rem) 1.2rem 1.2rem;gap:1rem;display:grid}.top-nav{top:1rem;left:calc(var(--sidebar-width) + 1.2rem);z-index:15;min-height:var(--top-nav-height);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex;position:fixed;right:1.2rem;box-shadow:0 2px 18px #14213d14}.top-nav-left{justify-content:flex-start;align-items:center;min-width:0;display:flex}.top-nav-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-left:auto;display:flex}.top-language{gap:.25rem;display:grid}.top-language label{color:var(--muted);font-size:.8rem;font-weight:600}.top-language .sort-select{min-width:150px}.top-user-btn{border:1px solid var(--panel-border);cursor:pointer;background:#f8fbff;border-radius:10px;align-items:center;gap:.55rem;padding:.45rem .55rem;display:flex}.top-user-btn span{text-align:left;display:grid}.top-user-btn small{color:var(--muted);font-size:.76rem}.top-user-btn strong{word-break:break-word;font-size:.88rem}.top-user-btn.is-active{border-color:var(--action);box-shadow:0 0 0 2px #0057d924}.profile-user-select{min-width:min(520px,100%)}.profile-user-select .sort-select{min-width:260px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;margin-bottom:.75rem;display:grid}.stat-card{border:1px solid var(--panel-border);border-radius:10px;gap:.2rem;padding:.8rem;display:grid}.stat-card small{color:var(--muted);font-size:.82rem}.stat-card strong{font-size:1.45rem}.section-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.65rem;display:flex}.button-row{flex-wrap:wrap;gap:.45rem;display:flex}.clients-controls{flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem;display:flex}.search-input,.sort-select{border:1px solid var(--panel-border);color:var(--foreground);background:#fff;border-radius:10px;padding:.65rem .75rem;font-size:.95rem}.search-input{flex:1;min-width:260px}.sort-select{min-width:230px}.detail-grid .sort-select{min-width:100%}.entry-block{border:1px dashed var(--panel-border);border-radius:10px;gap:.55rem;padding:.75rem;display:grid}.entry-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.entry-head h3{font-size:.98rem}.entry-row{flex-wrap:wrap;gap:.5rem;display:flex}.entry-row input,.entry-row select{border:1px solid var(--panel-border);border-radius:10px;min-width:150px;padding:.55rem .7rem}.entry-row .entry-grow{flex:1;min-width:220px}.checkbox-grid{gap:.5rem;display:grid}.check-item{align-items:center;gap:.5rem;display:flex}.file-upload-row{flex-wrap:wrap;gap:.5rem;display:flex}.file-upload-row input[type=text]{flex:1;min-width:220px}.file-list{gap:.5rem;display:grid}.file-item{border:1px solid var(--panel-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex}.file-item small{color:var(--muted)}.version-item{border:1px dashed var(--panel-border);border-radius:10px;gap:.45rem;padding:.65rem;display:grid}.version-item textarea{border:1px solid var(--panel-border);resize:vertical;border-radius:10px;width:100%;padding:.55rem .7rem}.version-list{gap:.6rem;display:grid}.version-card{border:1px solid var(--panel-border);border-radius:10px;gap:.3rem;padding:.65rem;display:grid}.photo-preview{object-fit:cover;border:1px solid var(--panel-border);border-radius:10px;width:96px;height:96px;margin-top:.45rem}.inline-form{flex-wrap:wrap;gap:.6rem;display:flex}.inline-form input{border:1px solid var(--panel-border);border-radius:10px;flex:1;min-width:260px;padding:.7rem .85rem}.inline-form .postal-input{flex:0 0 170px;min-width:170px}.detail-form{gap:1rem}.detail-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:.85rem;display:grid}.detail-grid .field-span{grid-column:1/-1}.client-list-grid{gap:.55rem;display:grid}.client-select-card{border:1px solid var(--panel-border);text-align:left;cursor:pointer;background:#f9fbff;border-radius:10px;gap:.2rem;padding:.7rem;display:grid}.client-select-card span{font-weight:700}.client-select-card small{color:var(--muted)}.client-select-card .meta{font-size:.78rem}.client-list-row{align-items:center;gap:.65rem;display:flex}.client-list-content{gap:.2rem;display:grid}.client-avatar{object-fit:cover;border:1px solid var(--panel-border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.client-avatar-large{width:58px;height:58px}.client-avatar-placeholder{color:#35548a;background:#eaf1ff;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.client-read-header{align-items:center;gap:.75rem;display:flex}.client-read-title{gap:.25rem;display:grid}.contact-list-row{align-items:center;gap:.65rem;display:flex}.contact-list-content{gap:.2rem;display:grid}.contact-avatar{object-fit:cover;border:1px solid var(--panel-border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.contact-avatar-large{width:58px;height:58px}.contact-avatar-placeholder{color:#35548a;background:#eaf1ff;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.contact-read-header{align-items:center;gap:.75rem;display:flex}.contact-read-title{gap:.25rem;display:grid}.project-read-header{align-items:center;gap:.75rem;display:flex}.project-read-title{gap:.25rem;display:grid}.project-list-row{align-items:center;gap:.65rem;display:flex}.project-list-content{gap:.2rem;display:grid}.project-avatar{object-fit:cover;border:1px solid var(--panel-border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.project-avatar-large{width:58px;height:58px}.project-avatar-placeholder{color:#35548a;background:#eaf1ff;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.project-logo{object-fit:cover;border:1px solid var(--panel-border);border-radius:12px;flex-shrink:0;width:58px;height:58px}.project-logo-placeholder{color:#35548a;background:#eaf1ff;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.client-select-card.is-active{border-color:var(--action);box-shadow:0 0 0 2px #0057d924}.read-grid{gap:.55rem;margin-bottom:.95rem;display:grid}.subsection-title{margin:.8rem 0 .55rem;font-size:1rem}.client-contacts-grid,.client-projects-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;display:grid}.contact-mini-card{border:1px solid var(--panel-border);cursor:pointer;text-align:center;background:#f9fbff;border-radius:10px;justify-items:center;gap:.4rem;padding:.75rem;display:grid}.contact-mini-card:hover{border-color:var(--action);box-shadow:0 0 0 2px #0057d924}.contact-mini-name{font-size:.92rem;font-weight:700}.contact-mini-function{color:var(--muted);font-size:.83rem}.project-mini-card{border:1px solid var(--panel-border);cursor:pointer;text-align:center;background:#f9fbff;border-radius:10px;justify-items:center;gap:.4rem;padding:.75rem;display:grid}.project-mini-card:hover{border-color:var(--action);box-shadow:0 0 0 2px #0057d924}.project-mini-name{font-size:.92rem;font-weight:700}.project-mini-type{color:var(--muted);font-size:.83rem}.project-mini-status{color:var(--action);font-size:.8rem}.read-list{gap:.6rem;display:grid}.section-title{margin-bottom:.65rem}.result-list,.client-list{gap:.65rem;display:grid}.list-item{border:1px solid var(--panel-border);border-radius:10px;gap:.45rem;padding:.75rem;display:grid}.list-title{font-size:1.05rem;font-weight:700}.row{color:var(--muted);flex-wrap:wrap;gap:.6rem;font-size:.92rem;display:flex}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--panel-border);color:var(--muted);border-radius:999px;padding:.2rem .6rem;font-size:.85rem;display:inline-flex}.tiny-btn{border:1px solid var(--panel-border);cursor:pointer;width:fit-content;color:var(--foreground);background:#f9fbff;border-radius:8px;padding:.4rem .6rem}.link{color:var(--action);text-decoration:underline}@media (max-width:900px){body{padding:0}.auth-wrap{min-height:100vh;padding:.75rem}.auth-card{padding:1.1rem}.header-left h1{font-size:1.6rem}.backoffice-layout{grid-template-columns:1fr;gap:1rem;padding:.75rem;display:grid}.sidebar{border-radius:14px;width:100%;height:auto;padding:1.2rem;position:static;overflow:visible;box-shadow:0 14px 32px #14213d14}.backoffice-main{width:100%;margin-left:0;padding:0}.top-nav{border-radius:14px;min-height:auto;margin-bottom:0;position:static;box-shadow:0 14px 32px #14213d14}.top-nav-left,.top-nav-right{justify-content:stretch;width:100%}.top-user-btn,.top-language{width:100%}.top-language .sort-select{min-width:100%}.detail-grid{grid-template-columns:1fr}.inline-form .postal-input,.inline-form input,.search-input,.sort-select,.entry-row .entry-grow{min-width:100%}.client-contacts-grid,.client-projects-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}