@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;700&display=swap";
:root{--bg-green:#104127;--gold:#daaf1d;--gold-hover:#dcc583;--button-red:#d21633;--button-dark:#104328;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-green);color:var(--white);flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;font-weight:300;display:flex;overflow-x:hidden}.main-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.border-tile{z-index:20;background-repeat:repeat-x;background-size:contain;flex-shrink:0;width:100%;height:45px}.top-border{background-image:url(/top-border.png);margin-top:.5em}.bottom-border{background-image:url("/footer border.png")}.page-wrapper{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:80px;width:100%;padding:0 60px;display:flex}.login-section{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:440px;display:flex}.header-logo{text-align:center;flex-direction:column;align-items:center;margin-top:0;margin-bottom:2em;display:flex}.header-logo-img{object-fit:contain;width:320px;height:auto}.page-title{letter-spacing:1px;text-transform:uppercase;width:100%;margin:15px 0 35px;font-family:Bebas Neue,cursive;font-size:3rem;font-weight:400;line-height:1}.login-form{flex-direction:column;gap:15px;width:100%;display:flex}.input-field{color:#323232;background-color:#f5f5f5;border:none;border-radius:6px;width:100%;padding:18px;font-family:Poppins,sans-serif;font-size:1.2rem}.login-button{background-color:var(--gold);color:#000;cursor:pointer;text-transform:uppercase;border:none;border-radius:5px;width:100%;margin-top:10px;padding:16px;font-family:Bebas Neue,cursive;font-size:1.875rem}.login-button:active{transform:scale(.98)}.login-button:hover{background-color:var(--gold-hover)}.forgot-password{color:#fff;cursor:pointer;margin-top:25px;font-size:1.125rem;text-decoration:underline}.support-section{text-align:left;margin-top:40px;font-size:1rem;line-height:1.6}.support-link{color:#fff;text-decoration:underline}.visual-section{flex:1;justify-content:center;align-items:center;display:flex}.calligraphy-img{filter:drop-shadow(0 0 20px #00000080);max-width:100%;height:auto}.dashboard-view{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative}.dashboard-top-bar{z-index:10;justify-content:flex-end;align-items:flex-start;width:100%;padding:0 100px;display:flex}@media only screen and (min-width:901px){.dashboard-top-bar{justify-content:space-between;align-items:flex-start}.top-bar-logo{margin-top:.5%;display:block}.mobile-logo-only{display:none}}@media only screen and (max-width:900px){.top-bar-logo{display:none}.mobile-logo-only{display:block}}.top-bar-logo-img{object-fit:contain;width:250px;height:auto}.dashboard-actions{background:var(--white);z-index:9999;border-radius:0 0 10px 10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:25%;max-width:320px;padding:.8em .8em 1.2em;display:flex;position:relative;box-shadow:inset 0 3px 9px -2px #888}.user-info{color:#000;text-align:center;margin-bottom:.2em;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.user-name{color:#000}.action-buttons{gap:12px;width:100%;display:flex}@media only screen and (max-width:767px){.dashboard-top-bar{justify-content:center;padding:0 20px}.dashboard-actions{max-width:none;margin:0 auto;padding:1.2em 1em;width:85%!important}}.dashboard-view .header-logo{margin-top:65px}.action-form{flex:1;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:#fff;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;padding:.4em 1em;font-family:Bebas Neue,cursive;font-size:1.125rem;transition:opacity .2s;display:flex}.btn:active{opacity:.8}.btn-logout{background-color:var(--button-red)}.btn-report{background-color:var(--button-dark)}.dashboard-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:30px;width:100%;max-width:1000px;margin:0 auto;padding:0 20px;display:flex}.content-left,.content-right{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.dashboard-content .header-logo-img{width:250px;height:auto;margin-bottom:1em}.central-graphic{filter:drop-shadow(0 0 40px #0006);width:100%;max-width:800px;height:auto}@media only screen and (max-width:900px){.page-wrapper{flex-direction:column;justify-content:flex-start;gap:20px;padding:20px 15px}.login-section{text-align:center;align-items:center;width:100%;max-width:100%;padding:0 10px}.header-logo{align-items:center;width:100%;margin-bottom:20px}.header-logo-img{width:250px;height:auto}.page-title{text-align:center;margin:15px 0;font-size:2.5rem}.login-form{width:100%}.support-section{text-align:center;margin-top:30px;font-size:.9rem}.visual-section{order:1;justify-content:center;width:100%;display:flex}.calligraphy-img{width:100%;max-width:380px}.dashboard-top-bar{justify-content:center;width:100%;margin-bottom:20px;padding:0 10px!important}.dashboard-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-top:none;border-radius:0 0 20px 20px;gap:12px;max-width:400px;margin:0 auto;padding:1.2rem 1rem;box-shadow:0 10px 30px #0003;width:92%!important}.action-buttons{flex-wrap:wrap;justify-content:center}.btn{min-width:120px;border-radius:50px!important;padding:10px 20px!important;font-size:.9rem!important}.user-info{margin-bottom:8px;font-size:.9rem}.dashboard-content{gap:15px!important;padding:0 10px!important}.dashboard-content .header-logo-img{width:clamp(180px,60vw,220px)!important}.border-tile{height:30px}}