@import"https://fonts.googleapis.com/css2?family=Baumans&display=swap";body{font-family:sans-serif;font-size:1.5rem}main{margin-top:auto;gap:1rem}img{max-width:50vw;max-height:25vw;display:block;margin:auto}form{display:flex;justify-content:center;gap:.5em;flex-flow:row wrap;max-width:40vw;margin:auto;align-items:baseline}button[type=submit]{padding:5px 20px;margin:10px auto;float:right}#greeting{margin:10px auto;padding:10px 60px;border:1px solid #222}#greeting:empty{display:none}.subscription-form{font-family:Baumans,Arial,sans-serif;max-width:500px;margin:50px auto 0;padding:30px;background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 10px #0000001a}.input-group>span{font-size:1.5rem;font-weight:700;color:#333;display:block;margin-bottom:5px}.input-group{position:relative;margin-bottom:30px;padding-top:3rem}label{position:absolute;font-size:2.5rem;left:0;right:0;top:-10px;text-align:center;background-color:transparent;padding:0 5px;color:#0f053a;z-index:1}input{width:100%;padding:12px 10px;border:3px solid rgb(255,255,255);border-radius:5px;font-size:2rem;font-family:Baumans,sans-serif;color:#333;box-shadow:-3px -3px 2px #fff,4px 4px 10px #000}input:focus{outline:none;border-color:#007bff;box-shadow:inset 0 2px 4px #fff,0 1px #ffffff80,0 0 5px #007bff80}button{width:40%;font-family:Baumans,sans-serif;padding:10px;background-color:#fbfcfd;color:#000;border:solid 2px #ffffff;border-radius:10px;font-size:2rem;cursor:pointer;transition:background-color .3s;margin-left:30%;box-shadow:-3px -3px 2px #fff,4px 4px 10px #000}button:hover{background-color:#0056b3}button[type=submit]{width:100%;font-family:Baumans,sans-serif;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:2rem;cursor:pointer;transition:background-color .3s;margin-top:10px;box-shadow:0 2px 4px #0000001a}button[type=submit]:hover{background-color:#0056b3}.event-form{font-family:Baumans,Arial,sans-serif;max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.input-group,.checkbox-group{position:relative;margin-bottom:25px}.checkbox-group{display:flex;justify-content:flex-end;align-items:center}input[type=text],input[type=number],select{width:100%;padding:10px;border:2px solid #ffffff;border-radius:10px;font-size:14px;font-family:Baumans,sans-serif;color:#7e7b8e;box-sizing:border-box}input[type=checkbox]{width:auto}input:focus{outline:none;border-color:#007bff}button:hover{background-color:#0056b3;color:#fff}header{position:fixed;top:0;left:0;width:100%;z-index:1000}nav{display:flex;justify-content:center;--background: rgba(255, 255, 255, .7)}nav svg{width:2em;height:3em;display:block}nav svg path{fill:var(--background)}nav ul{position:relative;padding:0;margin:0;height:3em;display:flex;justify-content:center;align-items:center;list-style:none;background:var(--background);background-size:contain}nav li{position:relative;height:100%}nav a{display:flex;height:100%;align-items:center;padding:0 .5rem;color:var(--color-text);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:color .2s linear}nav li[aria-current=page]:before{--size: 6px;content:"";width:0;height:0;position:absolute;top:0;left:calc(50% - var(--size));border:var(--size) solid transparent;border-top:var(--size) solid var(--color-theme-1)}nav li[aria-current=page] a:after{content:"";display:block;width:100%;height:3px;background-color:#096b74;position:absolute;bottom:-1px;left:0}.header-group{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.field-group{position:relative;display:flex;flex-direction:column}.field-group label{position:absolute;top:-10px;left:10px;background-color:#f5f5f5;padding:0 5px;font-size:.9rem;color:#0f053a}.field-group input,.field-group select{width:100%;padding:12px 10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;font-family:Baumans,sans-serif;color:#333;background-color:#fff}.field-group input:focus,.field-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.field-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px auto}.copy_icon{width:15px;height:20px}.login,.logout{background-color:#ee4817;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.login:hover,.logout:hover{background-color:#d43504}.notifications-container{font-family:Baumans,Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px}h1{color:#333;text-align:center}.principal-id{text-align:center;color:#2c3e50;font-weight:700;margin-bottom:20px}.notification-count{text-align:center;color:#7f8c8d;margin-bottom:20px}.card-list{display:flex;flex-direction:column;gap:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-title{color:#2c3e50;font-size:1.2em;margin-bottom:10px}details{margin-top:10px}summary{cursor:pointer;color:#3498db}.data-section,.headers-section{background-color:#f8f9fa;border-radius:4px;padding:10px;margin-top:10px}pre{white-space:pre-wrap;word-break:break-word}