html{background:#383838;color:#f8f8f8;margin:0;padding:0}body,button{font-family:Avenir Next,Helvetica,sans-serif}body{font-size:12px;margin:0;padding:0}.background{background:#222;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.focused-event-bg{position:fixed;top:0;left:0;background:#000c;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center}.container{margin:0;padding:0 1.5rem 3rem}.container.no-scroll{overflow:hidden}.error-container{max-width:600px;margin:2rem auto;padding:2rem;text-align:center;background:#444;border-radius:8px;color:red}.error-container button{margin-top:1rem;padding:.5rem 1rem;background:#991b1b;color:#f8f8f8;border:none;border-radius:4px;cursor:pointer}.events-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.no-events{font-size:1rem;text-align:center;color:#f8f8f8;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-events i{font-size:5rem;display:block;text-shadow:0 0 10px rgba(0,0,0,.5)}.event-card{position:relative;display:flex;font-size:1rem;border-radius:8px;background:#303030;flex-direction:column;justify-content:space-between;box-shadow:4px 4px #111;padding-right:250px;justify-content:flex-start}.event-card.focused{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;min-width:960px;max-height:85vh;max-width:1200px;overflow:hidden}.event-card.rejected.focused{opacity:1}.event-card.rejected{background:#3d3030}.event-card.approved{background:#353d30}.close-button{position:absolute;color:#ddd;top:.1rem;left:44%;background:none;font-size:2rem}.event-content{padding:1.5rem;flex-grow:1}.focused .event-content,.focused .event-actions{width:45%}.no-media{padding:1.5rem 1.5rem 0}.event-media{position:absolute;width:250px;height:100%;background:#000;right:0;top:0;border-left:4px solid #000}.focused .event-media{width:50%}.event-media img{width:100%;height:100%;object-fit:contain;box-shadow:inset 0 0 10px #00000080}.event-post{margin-top:1rem;padding-top:1rem;position:relative}.event-post i{color:#aaa;font-style:normal}.focused .event-post{border-top:1px solid #555}.focus-button{position:absolute;top:1rem;right:1rem;background:#fff;border:none;cursor:pointer;font-size:1rem;margin-bottom:.5rem;text-decoration:none;border:1px solid #aaa;padding:5px}.post-caption-container{border-radius:4px;overflow-x:hidden;overflow-y:scroll;max-height:120px}.post-caption{font-size:.9rem;line-height:1.4rem;margin:.5rem -1.5rem 0;padding:0 1.5rem;white-space:pre-wrap}.post-link{display:inline-block;margin-top:1rem;color:#3cbfe7;text-decoration:none;border-bottom:1px solid;font-size:.875rem}.event-actions{display:flex;gap:1.5rem;padding:.5rem 1.5rem 1.5rem;justify-self:flex-end}.approval-badge{position:absolute;top:0;right:0;margin:.5rem .7rem;font-size:2rem;opacity:.5}table{border-collapse:collapse;width:100%;cursor:zoom-in}table td{padding:.25rem 1rem .5rem 0;vertical-align:top}table td b{font-weight:600}table td input{background:#111;color:#fff;border:none;padding:.25rem .5rem}.focused table{cursor:default}button{padding:.5rem 1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;flex-grow:1}button:disabled{opacity:.5;cursor:not-allowed}.approve-button{background:#58a316;color:#fff}.approve-button:active{transform:translate(1px,1px)}.reject-button{background:#af5252;box-shadow:1px 1px #6e3c3c;color:#fff}.reject-button:active{box-shadow:none;transform:translate(1px,1px)}.reset-button{color:#ccc;background:none;border:1px solid #888;font-family:Helvetica,sans-serif;font-weight:400;font-size:1.5rem;line-height:1rem;max-width:3rem;padding:0}pre{padding:0;margin:0}.event-content input[type=text]{width:90%;font-size:.9rem}.toggles{display:flex;gap:2rem;margin-top:1.5rem;align-items:center}.toggles label{font-size:.8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}@media (max-width: 480px){.toggles{flex-direction:column;gap:1.5rem}.toggles input,.toggles label{font-size:1rem}.event-media{display:none}.event-card{padding-right:0}.event-card.focused{min-width:100%;max-width:100%;max-height:100%;overflow:auto;border-radius:0}.event-card.focused .approval-badge{display:none}.event-card.focused .close-button{left:auto;right:0;margin:0}.event-card.focused .event-content{width:calc(100vw - 3rem);order:1}.event-card.focused .event-content>*{width:calc(100% - 3rem)}.event-card.focused .event-actions{width:calc(100% - 3rem);order:2}.event-card.focused .event-media{display:block;order:3;position:static;width:100%;height:auto;border-left:none;border-top:4px solid #000}.event-card.focused .event-media img{height:auto}}