:root{--black-color:#171717;--gray-color:#576574;--primary-color:#54a0ff;--primary-color-hover:#2e86de;--primary-color-disabled:#BBDEFB;--color-success-fg:oklch(44.8% 0.119 151.328);--color-success-bg:oklch(98.2% 0.018 155.826);--color-danger-fg:oklch(44.4% 0.177 26.899);--color-danger-bg:oklch(93.6% 0.032 17.717)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#eee;font-family:'Open Sans',sans-serif;display:flex;flex-direction:row;min-height:100vh}main{padding-inline:20px;width:100%;padding-bottom:80px}hr{width:100%;color:#eee}h1,h2,h3,h4,h5{font-family:'Ubuntu',sans-serif}.button-primary{display:flex;flex-direction:row;align-items:center;justify-content:center;color:white;font-weight:bold;border:none;outline:none;text-decoration:none;border-radius:5px;background-color:var(--primary-color);padding:10px 15px;font-size:0.9rem;transition:all .2s;height:36px}.button-danger{background-color:var(--color-danger-bg);color:var(--color-danger-fg)}.button-primary:hover,.pill-btn:hover{background-color:var(--primary-color-hover);cursor:pointer}.button-primary:disabled{background-color:var(--primary-color-disabled)}.button-danger:hover{background-color:var(--color-danger-fg);color:var(--color-danger-bg)}.pill-btn{color:white;text-decoration:none;border-radius:5px;padding:5px 10px;background-color:var(--primary-color)}input{padding:5px 10px;border-radius:5px;outline:none;border:1px solid #eee;margin-bottom:15px;transition:border-color .1s}input:focus-visible,input:focus{border-color:var(--primary-color-hover)}input:disabled{color:gray;background-color:lightgrey}ul.breadcrumbs{list-style:none;display:flex;flex-direction:row;padding:0;margin-bottom:0}ul.breadcrumbs li a{color:gray;text-decoration:none}ul.breadcrumbs li::after{content:"/";color:gray;margin:0 5px}ul.breadcrumbs li:last-child::after{display:none}box-icon{color:var(--primary-color);margin-inline:5px}.page__title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.text-success{color:var(--color-success-fg)}.text-danger{color:var(--danger-fg-color)}.bg-success{color:var(--color-success-bg)}.text-white{color:white}.text-muted{color:gray}#qrcode-container{width:min(250px,100%);margin:0 auto}#qrcode-container img{width:100%}.field-wrapper{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;width:100%}.field-wrapper label{font-size:0.9rem;font-weight:bold}input[type="search"]{margin-bottom:0}.search-field,.search-field>*{width:100%}.search-variants div{border-bottom:1px solid #efefef;cursor:pointer;padding:8px}.search-variants div:hover{background-color:var(--primary-color-disabled)}.search-variants{width:100%;background-color:1px solid var(--primary-color-disabled);border:1px solid #efefef;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:10px}.card{padding:20px;border:1px solid #e6e9ee;border-radius:10px;box-shadow:0 6px 18px rgba(16,24,40,0.08);background-color:white;transition:all 180ms cubic-bezier(.2,.9,.3,1)}.card:hover,.card:focus{box-shadow:0 18px 40px rgba(16,24,40,0.12)}.scan__category{padding:4px 8px;font-weight:bold;background-color:var(--primary-color);border-radius:24px;width:fit-content;color:white}.scan-card__header{display:flex;justify-content:space-between;margin-bottom:10px}nav{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(8px);padding:10px;display:flex;gap:8px;justify-content:space-around;border-top:1px solid #e0e0e0;z-index:1000}nav .nav-item{display:flex;align-items:center;justify-content:center;text-decoration:none;color:oklch(37.1% 0 0);border-radius:12px}nav .nav-item.active{padding:8px 16px;background-color:oklch(90.1% 0.058 230.902);color:oklch(44.3% 0.11 240.79)}nav .nav-item box-icon{fill:oklch(70.4% 0.04 256.788)}nav .nav-item.active box-icon{fill:oklch(44.3% 0.11 240.79)}nav .nav-item span{display:none;font-weight:bold}nav .nav-item.active span{display:block}nav .nav-item span{font-size:12px}table{display:block;border-collapse:collapse;width:min(750px,100%);overflow-x:scroll}thead{position:sticky;top:0px}thead th{background-color:oklch(96.8% 0.007 247.896);color:oklch(44.6% 0.043 257.281);font-weight:normal}th,td{padding:8px;text-align:left}tr:nth-child(even){background-color:#f2f2f2}tr:nth-child(odd){background-color:oklch(98.5% 0.002 247.839)}#notifications{display:flex;flex-direction:column;position:fixed;top:5px;margin-inline:auto;padding:0;left:50%;transform:translateX(-50%);width:min(500px,90%);z-index:10000}.notification{display:flex;align-items:center;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(8px);padding:16px;margin:5px;font-size:1rem;border-radius:10px;max-height:100%;box-shadow:0 6px 18px rgba(16,24,40,0.08);width:100%;transition:all 300ms ease-in-out}.event-card{border-radius:16px;padding:8px;position:relative;width:min(350px,100%);margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.event-card__thumbnail{position:relative;display:flex;justify-content:center;align-items:center;width:100%;border-radius:16px;height:250px;overflow:hidden}.event-card__thumbnail::before{border-radius:16px;z-index:100;content:"";position:absolute;top:0;width:100%;height:100px;background:linear-gradient(to bottom,oklch(70.4% 0.04 256.788),transparent)}.event-card img{position:absolute;display:flex;border-radius:16px;width:100%;height:auto}.event-card__header{position:absolute;display:flex;align-items:center;z-index:1000}.event-card__header__field{margin:8px;padding:4px 8px;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.5);border-radius:16px;color:white}.event-card hr{background-color:lightgray;height:1px;border:0;margin:10px;width:100%}.event-card__header__field box-icon{fill:white}.event-card__body{padding:8px}.event-card__body h4{margin-bottom:4px}.event-card__body span{color:gray;display:block}.event-card__footer{width:100%;margin-top:16px}.event-card__footer button{width:100%;border-radius:16px}