*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#2c2c2d;color:#fefefe;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}#root>header,#root>footer{flex:0 1 auto;padding:1rem 2rem}#root>div{flex:1 0 auto;padding:0 2rem}header{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:600;padding:1rem 0;text-decoration:none;color:#fff}nav a{color:#fefefe;padding:1rem;text-decoration:none}nav a:hover{background-color:#fefefe11}h1,h2,h3,h4,h5,h6{font-weight:300;text-transform:uppercase}h1{font-size:3rem}.tabs{border-bottom:1px solid #fefefe;margin:1rem 0}.tab{color:#fefefe;display:inline-block;padding:1rem;text-decoration:none}.tab.active{border-bottom:.125rem solid #fefefe}table{border-collapse:collapse;margin-top:2rem;width:100%}thead{background-color:#1c1a1d;box-shadow:0 4px 16px -2px #00000040;text-align:left}tbody tr:hover{background-color:#1c1a1d54}th,td{padding:1.25rem;border:1px solid #fefefe}.button{background-color:#fefefe;border-radius:.25rem;border:0;color:#2c2c2d;cursor:pointer;font-size:1rem;padding:.5em 1em;text-decoration:none;transition:.2s}.button:hover{filter:brightness(.9)}.button.is-small{font-size:.875rem}.button.is-large{font-size:1.25rem}.button.is-danger{background-color:#ff5258}.button.is-primary{background-color:#5ba7fd}form{margin:0 auto;max-width:70rem;padding:2rem 0}input,textarea,select{background-color:#1c1a1d;border-radius:.25rem;border:0;color:#fefefe;margin:.5rem 0;padding:.75rem;width:100%}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.item{background-color:#1e1e1e;color:#fff;padding:2rem;border-radius:12px;margin-top:2rem}.item h2{font-size:1.6rem;text-transform:uppercase;margin-bottom:1rem}.item-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.item-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:1rem;margin-bottom:1.5rem}.item-meta span{flex:1 1 200px}.item-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.item-dates{display:flex;flex-wrap:wrap;gap:2rem;font-size:.9rem;color:#ccc}.dashboard-card{background-color:#1c1a1d;box-shadow:0 4px 16px -2px #00000040;border-radius:.25rem;font-size:1.125rem;margin-top:2rem;padding:1rem 2rem}.dashboard-card span{display:block;font-size:3rem;margin:1rem 0;text-align:center}@media (max-width: 768px){table{display:none}.cards-responsive{display:flex;flex-direction:column;text-align:center;gap:1rem;margin:1rem auto}.card{background-color:#1c1a1d;padding:2rem;border-radius:.25rem;box-shadow:0 4px 16px -2px #00000040}.card-footer{display:flex;justify-content:space-between;margin-top:10px;gap:.5rem}.card-footer .button{flex:1}h1{font-size:2rem}header{flex-direction:column;align-items:flex-start}.tab{padding:.75rem;font-size:1rem}form{padding:1rem}.row div{flex:1 0 100%}}@media (min-width: 769px) and (max-width: 900px){td:last-child{display:flex;align-items:center;justify-content:center;gap:.75rem}td:last-child a,td:last-child button{flex:1;max-width:140px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;font-size:.9rem;font-weight:600;border-radius:6px;white-space:nowrap}td:last-child a{background-color:#5ba7fd;color:#fff;text-decoration:none}td:last-child button{background:#ff5258;border:none;cursor:pointer;color:#fff}td:last-child a:hover,td:last-child button:hover{filter:brightness(.85)}}@media (min-width: 900px){td:last-child{display:flex;align-items:center;justify-content:flex-start;gap:1rem}td:last-child a,td:last-child button{flex:1;max-width:140px;height:40px;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:1rem;font-weight:600;border-radius:6px;text-align:center;text-decoration:none;white-space:nowrap}td:last-child a{background-color:#5ba7fd;color:#fff}td:last-child button{background-color:#ff5258;color:#fff;border:none;cursor:pointer}td:last-child a:hover,td:last-child button:hover{filter:brightness(.85)}}@media (min-width: 769px){.cards-responsive{display:none}}@media (max-width: 480px){.cards-responsive{margin:0 auto}h1{font-size:1.5rem}header{padding:1rem}.logo{font-size:1rem}.button{padding:.375rem .75rem;font-size:.75rem}.tabs{flex-direction:column}}