:root{--purple: #4838A5;--purple-dark: #4838A5;--gray-100: #E6E4E4;--gray-200: #f9f9f9;--gray-300: #e0e0e0;--white: #E6E4E4;--danger: #ff4e4e;--danger-dark: #e03b3b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Roboto,sans-serif;background:var(--gray-100);color:#333}a{color:inherit;text-decoration:none;cursor:pointer}.menu_bar{background:var(--purple);color:var(--white);display:flex;justify-content:space-between;align-items:center;padding:16px 30px;font-size:1.5rem;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:10px}.menu_bar h1{margin:0;font-weight:700}.menu_items{display:flex;flex-wrap:wrap;gap:10px}.menu_item{padding:8px 12px;border-radius:4px;transition:background .2s}.menu_item:hover{background:var(--purple-dark)}.page,.edit-container{max-width:960px;margin:40px auto;padding:0 20px}ul{list-style:none;padding:0}.billboard-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px}.billboard-card{background:var(--white);border-radius:5px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;transition:transform .2s}.billboard-card:hover{transform:translateY(-5px)}.card-header{padding:16px;font-weight:700;background:var(--gray-200);border-bottom:1px solid var(--gray-300)}.card-body{flex:1;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;border-radius:5px}.edit-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}input,.inline-input{padding:15px 16px;font-size:1rem;border:1px solid var(--gray-300);border-radius:5px;background:var(--gray-200);box-shadow:inset 0 2px 4px #0000000d;transition:all .2s ease;flex-grow:1}input:focus,.inline-input:focus{outline:none;border-color:var(--purple);background:var(--white);box-shadow:0 0 0 3px #4e004e1a}.billboard-item{background:var(--white);border-radius:5px;box-shadow:0 2px 8px #0000001a;padding:16px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;transition:background .2s ease}.billboard-item:active{background:#f0e0f5}button{border:none;cursor:pointer;transition:background .2s ease}.button-primary{background:var(--purple);color:var(--white);padding:10px 20px;border-radius:4px;font-size:1rem;text-align:center}.button-primary:hover{background:var(--purple-dark)}.button-danger{background:var(--danger);color:var(--white);padding:10px 20px;border-radius:4px;font-size:1rem}.button-danger:hover{background:var(--danger-dark)}.button-secondary{background:transparent;color:var(--purple);font-size:1.5rem;padding:6px;border:none;cursor:pointer}.button-secondary:hover{color:var(--purple-dark)}.delete-btn{background:var(--danger);color:var(--white);font-size:1.5rem;font-weight:700;padding:0 16px;display:flex;height:50px;align-items:center;justify-content:center;border-radius:4px}.delete-btn:hover{background:var(--danger-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .2s forwards}.modal-overlay.visible{animation:fadeIn .2s forwards}.modal{background:var(--white);padding:40px;border-radius:5px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;transform:scale(.95);opacity:0;animation:popIn .25s forwards ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{background:#4838a5;color:#fff;padding:12px 20px;border-radius:4px;box-shadow:0 2px 10px #0003;animation:fadein .3s,fadeout .3s 2.7s}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.slide-preview{width:80px;height:50px;flex-shrink:0;background:var(--gray-200);border:1px solid var(--gray-300);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide-preview img{width:100%;height:100%;object-fit:cover}.no-preview{font-size:.7rem;color:#999;text-align:center;padding:5px}.empty-state{text-align:center;padding:40px 20px;background:var(--gray-200);border-radius:5px;margin-top:20px}.empty-state h2{font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:1rem;color:#666}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:30px}.template-card{background:var(--white);border-radius:5px;box-shadow:0 4px 12px #0000001a;padding:30px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#fafafa}.auth-form{background:#fff;padding:40px;border-radius:5px;box-shadow:0 4px 12px #0000001a;width:90%;max-width:400px;display:flex;flex-direction:column;gap:20px}.auth-form h2{margin:0;font-size:1.8rem;color:var(--purple);text-align:center}.fullscreen{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.fullscreen-iframe{width:100vw;height:100vh;border:none}@media (max-width: 768px){.billboard-list{grid-template-columns:1fr}.edit-list,.card-body{flex-direction:column}.slide-preview{width:100%;max-height:180px;height:auto}.modal{padding:24px;max-width:90%}.button-primary,.button-danger,.button-secondary{width:100%;padding:12px;font-size:1.1rem}}@media (max-width: 500px){.toast-container{right:10px;left:10px;top:auto;bottom:20px;align-items:center}}.logo{cursor:pointer;filter:saturate(0) brightness(100000000);max-width:200px}@keyframes ldio-x2uulkbinbj{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ldio-x2uulkbinbj div{position:absolute;width:24px;height:24px;border:2px solid white;border-top-color:transparent;border-radius:50%}.ldio-x2uulkbinbj div{animation:ldio-x2uulkbinbj .8s linear infinite;top:20px;left:20px}.loadingio-spinner-rolling-nq4q5u6dq7r{width:20px;height:20px;display:inline-block;overflow:hidden;background:none}.ldio-x2uulkbinbj{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.5);backface-visibility:hidden;transform-origin:0 0}.ldio-x2uulkbinbj div{box-sizing:content-box}.menu_item_plus{font-size:1.5rem;background:none;border:none;cursor:pointer;padding:.25rem;filter:saturate(0) brightness(100000000)}