:root{color-scheme:light dark;--paper:oklch(96.6% 0.011 85);--paper-2:oklch(93.4% 0.013 85);--surface:oklch(99.2% 0.005 85);--ink:oklch(21% 0.012 75);--ink-2:oklch(41% 0.014 75);--ink-3:oklch(55% 0.013 75);--rule:oklch(86.5% 0.013 85);--rule-strong:oklch(74% 0.014 80);--rec:oklch(59% 0.195 31);--rec-ink:oklch(49% 0.175 31);--rec-wash:oklch(94% 0.035 40);--on-rec:oklch(99% 0.005 85);--ok:oklch(52% 0.11 152);--ok-wash:oklch(94% 0.035 152);--tipus-marca:oklch(50% 0.085 250);--tipus-client:oklch(66% 0.13 72);--font-ui:"Bricolage Grotesque Variable","Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:clamp(0.98rem,0.94rem + 0.18vw,1.06rem);--text-lg:clamp(1.15rem,1.05rem + 0.4vw,1.35rem);--text-xl:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);--text-hero:clamp(2.6rem,1.6rem + 4.6vw,5.4rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.25rem;--space-7:3.5rem;--space-section:clamp(2.5rem,2rem + 3vw,5rem);--radius-s:6px;--radius-m:12px;--radius-pill:999px;--shadow-raise:0 1px 0 oklch(100% 0 0/0.6) inset,0 1px 2px oklch(20% 0.02 75/0.06),0 8px 24px -12px oklch(20% 0.02 75/0.18);--duration-fast:140ms;--duration-normal:260ms;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--amplada:68rem;--vora:16px}@media (min-width:720px){:root{--vora:32px}}@media (prefers-color-scheme:dark){:root{--paper:oklch(17.5% 0.009 75);--paper-2:oklch(21.5% 0.01 75);--surface:oklch(20.5% 0.01 75);--ink:oklch(94% 0.01 85);--ink-2:oklch(77% 0.012 85);--ink-3:oklch(63% 0.012 85);--rule:oklch(30% 0.01 75);--rule-strong:oklch(42% 0.012 75);--rec:oklch(65% 0.19 31);--rec-ink:oklch(74% 0.15 35);--rec-wash:oklch(28% 0.06 31);--on-rec:oklch(15% 0.01 75);--ok:oklch(72% 0.12 152);--ok-wash:oklch(27% 0.04 152);--tipus-marca:oklch(66% 0.09 250);--tipus-client:oklch(74% 0.12 72);--shadow-raise:0 1px 0 oklch(100% 0 0/0.04) inset,0 10px 30px -14px oklch(0% 0 0/0.6)}}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body>*{position:relative;z-index:1}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.02em;font-weight:700;text-wrap:balance}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--rec);outline-offset:2px;border-radius:var(--radius-s)}.mono{font-family:var(--font-mono);font-size:.86em;letter-spacing:0}.salta{position:absolute;left:var(--vora);top:-100px;z-index:10;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--paper);border-radius:var(--radius-pill);text-decoration:none}.salta:focus{top:var(--space-3)}.marca{display:inline-flex;align-items:center;gap:.5em;font-weight:760;font-stretch:78%;letter-spacing:.01em;text-transform:uppercase;text-decoration:none}.marca b{font-weight:420}.punt-rec{width:.62em;height:.62em;border-radius:50%;background:var(--rec);box-shadow:0 0 0 .18em var(--rec-wash);flex:none}.boto{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font:inherit;font-weight:620;text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast),border-color var(--duration-fast)}.boto:hover{background:var(--rec);border-color:var(--rec);color:var(--on-rec)}.boto:active{transform:translateY(1px) scale(.99)}.boto:disabled{opacity:.45;cursor:not-allowed;background:var(--ink);border-color:var(--ink);color:var(--paper)}.boto.fantasma{background:transparent;color:var(--ink);border-color:var(--rule-strong)}.boto.fantasma:hover{border-color:var(--ink);background:var(--paper-2);color:var(--ink)}.boto.perill:hover{background:var(--rec-wash);border-color:var(--rec);color:var(--rec-ink)}.boto.petit{min-height:34px;padding:0 var(--space-4);font-size:var(--text-sm)}.camp{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.camp>span:first-child,.etiqueta-camp{font-size:var(--text-sm);font-weight:600;color:var(--ink-2)}.ajuda{font-size:var(--text-sm);color:var(--ink-3)}input,select{width:100%;min-height:46px;padding:0 var(--space-4);border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font:inherit;transition:border-color var(--duration-fast)}input:hover,select:hover{border-color:var(--ink-3)}input:focus-visible,select:focus-visible{outline:2px solid var(--rec);outline-offset:1px;border-color:transparent}input[readonly]{background:var(--paper-2);color:var(--ink-2)}.avis{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);font-size:var(--text-sm)}.avis.error{background:var(--rec-wash);color:var(--rec-ink)}.avis.fet{background:var(--ok-wash);color:var(--ok)}.entrada{min-height:100dvh;display:grid;grid-template-columns:1fr;padding:var(--space-6) var(--vora);grid-gap:var(--space-7);gap:var(--space-7);align-content:center;max-width:var(--amplada);margin:0 auto}@media (min-width:860px){.entrada{grid-template-columns:1.25fr 1fr;align-items:center}}.entrada-titol{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.entrada-titol .marca{font-size:var(--text-sm);color:var(--ink-2)}.entrada-titol h1{font-size:var(--text-hero);font-weight:780;font-stretch:82%;letter-spacing:-.035em;line-height:.92}.entrada-titol h1 em{font-style:normal;color:var(--rec)}.entrada-titol p{max-width:34ch;color:var(--ink-2);font-size:var(--text-lg)}.fitxa{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-m);box-shadow:var(--shadow-raise);padding:var(--space-6) var(--space-5);display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.fitxa form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.fitxa h2{font-size:var(--text-lg)}.codi{font-family:var(--font-mono);font-size:1.6rem;letter-spacing:.4em;text-align:center}.peu-entrada{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--rule);font-size:var(--text-sm);color:var(--ink-3)}.selector-idioma select{min-height:34px;width:auto;padding:0 var(--space-3);font-size:var(--text-sm);background:transparent}.barra{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.barra-dins{max-width:var(--amplada);margin:0 auto;padding:var(--space-3) var(--vora);display:flex;align-items:center;gap:var(--space-3) var(--space-5)}.barra .marca{font-size:1.05rem}.barra-nav{display:flex;gap:var(--space-1);margin-right:auto}.barra-compte,.barra-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);text-decoration:none;font-size:var(--text-sm);font-weight:560;color:var(--ink-2);transition:background-color var(--duration-fast),color var(--duration-fast)}.barra-compte:hover,.barra-nav a:hover,.barra-nav a[aria-current=page]{background:var(--paper-2);color:var(--ink)}.barra-compte{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-ample{display:none}@media (min-width:640px){.barra-ample{display:contents}}.contingut{max-width:var(--amplada);margin:0 auto;padding:var(--space-6) var(--vora) var(--space-section)}.capcalera{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:2px solid var(--ink);margin-bottom:var(--space-6)}@media (min-width:720px){.capcalera{grid-template-columns:1fr auto;align-items:end}}.capcalera h1{font-size:var(--text-xl);font-stretch:86%}.capcalera .gran{font-size:var(--text-hero);font-stretch:80%;letter-spacing:-.035em;line-height:.92}.sobre{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.sobre a{text-decoration:none}.sobre a:hover{color:var(--ink);text-decoration:underline}.capcalera .accions{display:flex;gap:var(--space-3);flex-wrap:wrap}.rotlle{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.tira>a{--franja:var(--tipus-marca);position:relative;display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-3) var(--space-5) var(--space-4);border-bottom:1px solid var(--rule);text-decoration:none;transition:background-color var(--duration-normal) var(--ease-out-expo)}.tira[data-tipus=client]>a{--franja:var(--tipus-client)}.tira>a:before{content:"";position:absolute;left:0;top:var(--space-4);bottom:var(--space-4);width:4px;border-radius:2px;background:var(--franja);transform-origin:center;transition:transform var(--duration-normal) var(--ease-out-expo)}.tira>a:hover{background:var(--paper-2)}.tira>a:hover:before{transform:scaleY(1.25)}.tira-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.tira-cos{display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:0}.tira-nom{font-size:var(--text-lg);font-weight:700;letter-spacing:-.015em}.tira-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tira-fletxa{color:var(--ink-3);transition:transform var(--duration-normal) var(--ease-out-expo),color var(--duration-fast)}.tira>a:hover .tira-fletxa{transform:translateX(4px);color:var(--rec)}.rol{display:inline-flex;align-items:center;gap:.4em;padding:.15em .6em;border:1px solid var(--rule-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);white-space:nowrap}.rol.admin{border-color:var(--rec);color:var(--rec-ink)}.buit{display:grid;grid-gap:var(--space-4);gap:var(--space-4);justify-items:start;padding:var(--space-7) var(--space-5);border:1px dashed var(--rule-strong);border-radius:var(--radius-m);background:color-mix(in oklch,var(--surface) 60%,transparent)}.buit h2{font-size:var(--text-lg)}.buit p{max-width:52ch;color:var(--ink-2)}.pestanyes{display:flex;gap:var(--space-5);margin:calc(-1 * var(--space-5)) 0 var(--space-6);border-bottom:1px solid var(--rule);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.pestanyes a{padding:var(--space-3) 0;margin-bottom:-1px;border-bottom:2px solid transparent;text-decoration:none;font-weight:600;color:var(--ink-3);white-space:nowrap}.pestanyes a:hover{color:var(--ink)}.pestanyes a[aria-current=page]{color:var(--ink);border-bottom-color:var(--rec)}.seccio{display:grid;grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-section)}.seccio>h2{font-size:var(--text-lg)}.dues-columnes{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:900px){.dues-columnes{grid-template-columns:1.5fr 1fr;align-items:start}}.formulari{display:grid;grid-gap:var(--space-5);gap:var(--space-5);max-width:36rem}.formulari .fila{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.amb-prefix{display:flex;align-items:stretch;border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface);overflow:hidden}.amb-prefix:focus-within{outline:2px solid var(--rec);outline-offset:1px}.amb-prefix span{display:flex;align-items:center;padding:0 var(--space-3);background:var(--paper-2);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-sm);border-right:1px solid var(--rule)}.amb-prefix input{border:0;border-radius:0;font-family:var(--font-mono)}.amb-prefix input:focus-visible{outline:none}.opcions{display:grid;grid-gap:var(--space-3);gap:var(--space-3);border:0;margin:0;padding:0}@media (min-width:560px){.opcions.dues{grid-template-columns:1fr 1fr}}.opcio{position:relative;display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 1.6rem);border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.opcio:hover{border-color:var(--ink-3)}.opcio input{position:absolute;left:var(--space-4);top:calc(var(--space-4) + .2rem);width:1rem;height:1rem;min-height:0;margin:0;accent-color:var(--rec)}.opcio:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.opcio strong{font-weight:650}.opcio small{color:var(--ink-3);font-size:var(--text-sm)}.membres{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.membre{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}@media (min-width:640px){.membre{grid-template-columns:1fr auto;align-items:center}}.membre-qui{display:grid;grid-gap:2px;gap:2px;min-width:0}.membre-nom{font-weight:650}.membre-correu{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);overflow-wrap:anywhere}.membre>.rol{justify-self:start}.membre-accions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.membre-accions select{width:auto;min-height:34px;font-size:var(--text-sm)}.estat{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.estat:before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--ink-3)}.estat.viu:before{background:var(--ok)}.estat.pendent:before{background:transparent;border:1px solid var(--rec)}.nota-rols{padding:var(--space-5);border-radius:var(--radius-m);background:var(--paper-2);font-size:var(--text-sm)}.nota-rols,.nota-rols dl{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.nota-rols dl{margin:0}.nota-rols dt{font-weight:650}.nota-rols dd{margin:0;color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.salta-lectors{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.fila-dreta{display:inline-flex;align-items:center;gap:var(--space-4)}.fila-botons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.capcalera-espai{border-bottom-color:var(--marca,var(--ink))}.nom-espai{display:flex;align-items:center;gap:var(--space-4);min-width:0}.logo-espai{height:clamp(2.6rem,2rem + 2.6vw,4.4rem);width:auto;max-width:9rem;object-fit:contain;flex:none}.tira-nom{display:inline-flex;align-items:center;gap:var(--space-3)}.logo-tira{height:1.6rem;width:auto;max-width:4rem;object-fit:contain}.bloc-config{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--rule)}@media (min-width:900px){.bloc-config{grid-template-columns:15rem 1fr;gap:var(--space-7)}}.bloc-titol{display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:start}.bloc-titol h2{font-size:var(--text-lg)}.bloc-titol p{font-size:var(--text-sm);color:var(--ink-2)}@media (min-width:900px){.bloc-titol{position:-webkit-sticky;position:sticky;top:5rem}}.bloc-cos{display:grid;grid-gap:var(--space-6);gap:var(--space-6);min-width:0}.sub-bloc{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.sub-bloc h3,.targeta-metricool h3{font-size:var(--text-base);font-weight:700;letter-spacing:-.01em}.logo-fila{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.logo-mostra{display:grid;place-items:center;width:12rem;height:7rem;padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-m);background:repeating-conic-gradient(var(--paper-2) 0 25%,var(--surface) 0 50%) 0 0 /16px 16px}.logo-mostra img{max-width:100%;max-height:100%;object-fit:contain}.colors{display:grid;grid-gap:var(--space-3);gap:var(--space-3);border:0;margin:0;padding:0}@media (min-width:560px){.colors{grid-template-columns:repeat(3,1fr)}.colors>.ajuda,.colors>legend{grid-column:1/-1}}.color-fila{display:flex;align-items:stretch;gap:var(--space-2)}.color-fila input[type=color]{width:46px;min-width:46px;padding:3px;cursor:pointer}.color-fila input[type=color].sense-color{opacity:.35}.llista-fitxers,.perfils{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.llista-fitxers li,.perfils li{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule);flex-wrap:wrap}.mostra-lletra{font-size:1.6rem;line-height:1.1;min-width:9ch}.fitxer-meta{color:var(--ink-3);font-size:var(--text-xs);margin-right:auto;overflow-wrap:anywhere}.targeta-metricool{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-raise)}.targeta-metricool>header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.targeta-metricool h4{margin:0}.perfils .xarxa{min-width:6.5rem;font-weight:650}.perfils a{margin-right:auto;text-decoration:none;color:var(--ink-2)}.perfils a:hover{color:var(--rec-ink);text-decoration:underline}.perfil-nou .fila{align-items:end}.camp-ample{flex:1 1 14rem}.caselles{display:flex;flex-wrap:wrap;gap:var(--space-2);border:0;margin:0;padding:0}.caselles legend{margin-bottom:var(--space-2)}.casella{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-sm);cursor:pointer}.casella input{width:auto;min-height:0;margin:0;accent-color:var(--rec)}.casella:has(input:checked){border-color:var(--ink);background:var(--paper-2)}details.editar summary{cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--ink-2)}details.editar[open] summary{margin-bottom:var(--space-4)}.tria-fitxer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--rule-strong);border-radius:var(--radius-s);cursor:pointer;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.tria-fitxer:hover{border-color:var(--ink-3);background:var(--paper-2)}.tria-fitxer:focus-within{outline:2px solid var(--rec);outline-offset:1px}.tria-fitxer.desactivat{opacity:.5;cursor:not-allowed}.tria-nom{color:var(--ink-3);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}