:root{--tekst-blekk:#1d1d1b;--tekst-dempet:#5c5c57;--tekst-svak:#6e6e68;--papir:#fff;--lerret:#fffef9;--lerret-dyp:#f0efe8;--svart:#0a0a0a;--kant:rgba(29,29,27,.13);--kant-sterk:rgba(29,29,27,.24);--mork-kant:rgba(255,255,255,.18);--aksent:#ffe894;--aksent-dyp:#f4dd6e;--aksent-blek:#fbf1c2;--success:#0f6e56;--success-bg:#e1f5ee;--danger:#a32d2d;--danger-bg:#fcebeb;--dekke:rgba(11,11,10,.55);--radius-field:8px;--radius-card:12px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--t-xs:11px;--t-sm:12px;--t-body:14px;--t-lg:16px;--t-title:20px;--t-stat:32px;--t-page:40px;--sans:"PP Neue Montreal",Arial,sans-serif;--display:"Aeonik Extended",Arial,sans-serif;--shadow:0 6px 20px rgba(0,0,0,.20)}
@font-face{font-family:"Aeonik Extended";src:url('/fonts/aeonik-extended-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:"PP Neue Montreal";src:url('/fonts/neue-montreal-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"PP Neue Montreal";src:url('/fonts/neue-montreal-medium.woff2') format('woff2');font-weight:500;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:var(--lerret);color:var(--tekst-blekk);font:400 var(--t-body)/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--success);outline-offset:3px}button{border:1px solid var(--kant-sterk);border-radius:var(--radius-field);background:var(--papir);padding:var(--s2) var(--s4);min-height:40px}button:hover{background:var(--lerret-dyp)}.primary{background:var(--svart);color:var(--papir);border-color:var(--svart)}.primary:hover{background:var(--tekst-dempet)}.yellow{background:var(--aksent);border-color:var(--aksent-dyp)}.yellow:hover{background:var(--aksent-dyp)}.quiet{border:none;background:transparent}.skip{position:absolute;left:var(--s4);top:-100px;z-index:9;padding:var(--s3);background:var(--aksent)}.skip:focus{top:var(--s3)}[hidden]{display:none!important}.loading{padding:var(--s16);text-align:center}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--svart);color:var(--papir);padding:var(--s8) var(--s5);display:flex;flex-direction:column;gap:var(--s8)}.brand{text-decoration:none;display:flex;gap:var(--s3);align-items:center;font-family:var(--display);font-size:24px;letter-spacing:-1px}.brand-logo{display:block;width:160px;max-width:100%;height:auto;filter:brightness(0) invert(1)}.subbrand{font-size:var(--t-xs);letter-spacing:.16em;color:var(--aksent);padding-left:0;margin-top:var(--s3)}.sidebar nav{display:grid;gap:var(--s2)}.sidebar button{background:transparent;border-color:transparent;color:var(--papir);text-align:left;display:flex;align-items:center;gap:var(--s3);padding:var(--s3);min-height:44px}.sidebar button:hover{background:var(--tekst-blekk)}.sidebar button.active{background:var(--aksent);color:var(--svart)}.sidebar svg{width:18px;height:18px;flex-shrink:0}.sidebar-note{margin-top:auto;border-top:1px solid var(--mork-kant);padding-top:var(--s6);font-size:var(--t-sm);color:var(--lerret-dyp)}.sidebar-note strong{display:block;color:var(--aksent);font-weight:500;margin-bottom:var(--s2)}.account{padding-top:var(--s4);border-top:1px solid var(--mork-kant);overflow-wrap:anywhere}.account small{display:block;color:var(--lerret-dyp)}.workspace{min-width:0}.topbar{height:80px;padding:0 var(--s10);border-bottom:1px solid var(--kant);display:flex;align-items:center;gap:var(--s4);background:var(--papir)}.topbar .push{margin-left:auto}.label{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-svak)}.topbar label{display:flex;align-items:center;gap:var(--s3)}select,input,textarea{border:1px solid var(--kant-sterk);border-radius:var(--radius-field);background:var(--papir);padding:var(--s2) var(--s3);min-height:40px;max-width:100%}.site-select{min-width:190px}.lang{font-size:var(--t-sm);min-width:64px}.demo-banner{background:var(--aksent-blek);padding:var(--s3) var(--s10);border-bottom:1px solid var(--kant);display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--t-sm)}main.content{max-width:1560px;margin:auto;padding:var(--s10);display:grid;gap:var(--s8)}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.2}h1{font-size:var(--t-page);letter-spacing:-1.5px;margin:var(--s2) 0 var(--s3)}h2{font-size:var(--t-title);letter-spacing:-.3px;margin:0}h3{font-size:var(--t-lg);margin:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s6)}.page-head p{margin:0;color:var(--tekst-dempet)}.page-tools{display:flex;align-items:center;gap:var(--s3)}.pill{font-size:var(--t-xs);display:inline-flex;gap:var(--s2);align-items:center;border:1px solid var(--kant);padding:var(--s1) var(--s3);border-radius:99px;white-space:nowrap}.pill.live:before{content:"";width:6px;height:6px;background:var(--success);border-radius:50%}.filters{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.filters button{font-size:var(--t-sm);min-height:36px}.filters button.selected{background:var(--svart);color:var(--papir);border-color:var(--svart)}.filters .dates{margin-left:auto;display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;font-size:var(--t-sm)}.dates input{min-height:36px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}.stat{background:var(--papir);border:1px solid var(--kant);border-radius:var(--radius-card);padding:var(--s6);min-height:164px;display:flex;flex-direction:column}.stat .number{font-size:var(--t-stat);font-weight:500;letter-spacing:-1px;margin:var(--s3) 0}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.delta{font-size:var(--t-xs);color:var(--tekst-dempet)}.delta.positive{color:var(--success);background:var(--success-bg);padding:var(--s1) var(--s2);border-radius:var(--radius-field)}.stat small{font-size:var(--t-sm);color:var(--tekst-dempet);margin-top:auto}.card{background:var(--papir);border:1px solid var(--kant);border-radius:var(--radius-card);padding:var(--s6);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s6)}.card-head p{margin:var(--s2) 0 0;color:var(--tekst-dempet);font-size:var(--t-sm)}.trend{padding-bottom:var(--s4)}.legend{display:flex;gap:var(--s4);font-size:var(--t-sm)}.legend span{display:flex;align-items:center;gap:var(--s2)}.legend i{display:inline-block;width:16px;height:3px;background:var(--svart)}.legend i.views{background:var(--aksent-dyp)}.chart{width:100%;height:240px;display:block;overflow:visible}.chart text{fill:var(--tekst-svak);font:12px var(--sans)}.gridline{stroke:var(--kant)}.line-visitors{stroke:var(--svart);stroke-width:2.5;fill:none}.line-views{stroke:var(--aksent-dyp);stroke-width:3;fill:none}.area-views{fill:var(--aksent-blek);opacity:.5}.chart-note{font-size:var(--t-sm);color:var(--tekst-dempet);margin:var(--s3) 0 0}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}.rows{display:grid}.row{display:grid;grid-template-columns:minmax(0,1fr) 72px 62px;gap:var(--s3);align-items:center;min-height:48px;border-top:1px solid var(--kant);padding:var(--s2) 0}.row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row strong{text-align:right;font-weight:500}.row .share{color:var(--tekst-svak);font-size:var(--t-sm);text-align:right}.row-head{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-svak);border-top:0;min-height:32px}.row-head strong{font-weight:400}.row meter{width:100%;height:5px;display:block;margin-top:var(--s1);border:0;background:var(--lerret-dyp)}meter::-webkit-meter-bar{background:var(--lerret-dyp);border:0}meter::-webkit-meter-optimum-value{background:var(--aksent-dyp)}.empty{padding:var(--s8) var(--s4);color:var(--tekst-dempet);text-align:center}.consent{background:var(--lerret-dyp);border-color:transparent}.consent-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10)}.consent p{font-size:var(--t-sm);color:var(--tekst-dempet);max-width:520px}.consent svg{width:100%;height:20px;display:block;margin-bottom:var(--s4);border-radius:var(--radius-field)}.consent-granted{fill:var(--success)}.consent-denied{fill:var(--tekst-blekk)}.consent-unknown{fill:var(--kant-sterk)}.consent-values{display:flex;gap:var(--s6);flex-wrap:wrap}.consent-values span{font-size:var(--t-sm);color:var(--tekst-dempet)}.consent-values strong{display:block;font-size:var(--t-title);color:var(--tekst-blekk);font-weight:500}.foot{display:flex;gap:var(--s4);justify-content:space-between;font-size:var(--t-xs);color:var(--tekst-svak);border-top:1px solid var(--kant);padding-top:var(--s6)}.foot a{text-decoration:underline}.error{background:var(--danger-bg);color:var(--danger);padding:var(--s4);border-radius:var(--radius-field)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-aside{background:var(--svart);color:var(--papir);padding:var(--s16);display:flex;flex-direction:column;justify-content:space-between}.login-aside h1{font-size:48px;max-width:480px;color:var(--aksent);line-height:1.1}.login-aside p{max-width:400px;color:var(--lerret-dyp)}.login-main{display:flex;align-items:center;justify-content:center;padding:var(--s10)}.login-card{max-width:400px;width:100%;display:grid;gap:var(--s6)}.login-card h1{font-size:32px}.login-card p{color:var(--tekst-dempet);margin:0}.login-card form{display:grid;gap:var(--s4)}.login-card label{display:grid;gap:var(--s2)}.login-card .lang{justify-self:end}.success{color:var(--success);background:var(--success-bg);padding:var(--s4);border-radius:var(--radius-field)}.settings-list{display:grid;gap:var(--s4)}.site-card{display:flex;gap:var(--s6);align-items:center;justify-content:space-between}.site-card p{color:var(--tekst-dempet);margin:var(--s2) 0;font-size:var(--t-sm)}.site-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.snippet{display:block;background:var(--lerret-dyp);padding:var(--s4);border-radius:var(--radius-field);font:var(--t-sm)/1.6 monospace;overflow-wrap:anywhere;white-space:pre-wrap}.help-note{background:var(--aksent-blek);padding:var(--s6);border-radius:var(--radius-card);line-height:1.7}.help-note h2{margin-bottom:var(--s4)}dialog{border:1px solid var(--kant);border-radius:var(--radius-card);padding:var(--s8);width:min(560px,calc(100% - 32px));max-height:90vh;box-shadow:var(--shadow);color:var(--tekst-blekk)}dialog::backdrop{background:var(--dekke)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s6)}dialog form{display:grid;gap:var(--s4)}dialog label{display:grid;gap:var(--s2);font-size:var(--t-sm)}dialog textarea{resize:vertical;min-height:96px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.checks{display:grid;gap:var(--s3);max-height:240px;overflow:auto}.checks label{display:flex;gap:var(--s3);align-items:center}.checks input{min-height:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--s3);padding-top:var(--s4)}#toast{position:fixed;bottom:var(--s6);left:50%;transform:translateX(-50%);z-index:10;max-width:calc(100% - 32px);border-radius:var(--radius-field);background:var(--svart);color:var(--papir);padding:var(--s3) var(--s5);box-shadow:var(--shadow);display:none}#toast.show{display:block}.data-table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.data-table th,.data-table td{text-align:right;padding:var(--s3);border-top:1px solid var(--kant)}.data-table th:first-child,.data-table td:first-child{text-align:left}.table-wrap{overflow-x:auto}.table-disclosure{margin-top:var(--s4)}.table-disclosure summary{font-size:var(--t-sm);cursor:pointer;color:var(--tekst-dempet)}.admin-header{display:flex;justify-content:space-between;gap:var(--s4);align-items:center}.client-list{overflow-wrap:anywhere}.state-empty{padding:var(--s12);text-align:center;display:grid;justify-items:center;gap:var(--s4)}.state-empty p{color:var(--tekst-dempet);max-width:460px;margin:0}.mobile-brand{display:none}
@media(min-width:1600px){.chart{height:280px}}
@media(max-width:1100px){.shell{grid-template-columns:196px 1fr}main.content{padding:var(--s6)}.topbar{padding:0 var(--s6)}.sidebar{padding:var(--s6) var(--s4)}.stats{gap:var(--s3)}.stat{padding:var(--s4)}.grid-three{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.page-tools{flex-wrap:wrap;justify-content:flex-end}.filters .dates{margin-left:0}.consent-grid{gap:var(--s6)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:var(--s4);gap:var(--s4)}.sidebar .brand{font-size:20px}.sidebar .subbrand{margin-top:0}.sidebar nav{display:flex;gap:var(--s2);overflow:auto}.sidebar nav button{white-space:nowrap;min-height:40px;padding:var(--s2) var(--s3);font-size:var(--t-sm)}.sidebar-note,.account{display:none}.topbar{height:auto;min-height:64px;padding:var(--s3) var(--s4);gap:var(--s2);flex-wrap:wrap}.topbar .label{display:none}.site-select{min-width:150px;max-width:210px}.topbar .push{margin-left:auto}.demo-banner{padding:var(--s3) var(--s4);flex-direction:column;gap:var(--s1)}main.content{padding:var(--s6) var(--s4);gap:var(--s6)}h1{font-size:32px}.page-head{flex-direction:column;gap:var(--s4)}.page-tools{justify-content:flex-start}.stats{grid-template-columns:1fr 1fr}.stat{min-height:156px}.stat-top{align-items:flex-start;flex-wrap:wrap}.stat .number{font-size:28px}.grid-two,.grid-three,.consent-grid{grid-template-columns:1fr}.card{padding:var(--s5)}.card-head{align-items:flex-start;flex-wrap:wrap;gap:var(--s3)}.chart{height:200px}.filters .dates{width:100%;margin-top:var(--s2)}.dates label{flex:1;min-width:125px}.dates input{width:100%;font-size:var(--t-sm)}.legend{gap:var(--s3)}.foot{flex-direction:column;gap:var(--s2)}.login{grid-template-columns:1fr}.login-aside{padding:var(--s8);gap:var(--s8);min-height:280px}.login-aside h1{font-size:32px}.login-main{padding:var(--s8) var(--s6)}.site-card{align-items:flex-start;flex-direction:column;gap:var(--s3)}.admin-header{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.state-empty{padding:var(--s8) var(--s4)}}
