html,body{margin:0;padding:0;height:100%;font-family:Roboto,sans-serif;box-sizing:border-box}div{box-sizing:border-box}body:before{content:"";position:absolute;inset:0;background-color:#f4f4f9;background-size:cover;background-position:center;background-image:url(/printer.jpg);filter:blur(5px) saturate(1) sepia(.9) hue-rotate(180deg) brightness(.6);z-index:-1}pn3-app{display:flex;justify-content:center;align-items:center;height:100%}.panel{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;text-align:center;width:fit-content;overflow:hidden;position:relative}.panel:after{content:"";display:block;width:100%;height:96px;background-color:#005daa;position:absolute;top:-20px}.logo{display:inline-block;background-image:url(/AFSCME-logo-white.svg);background-size:56px;background-repeat:no-repeat;background-position:center;height:56px;width:56px;margin:0;z-index:1;position:relative;top:-2px;left:-6px;padding:12px 0 12px 12px}.panel-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;align-content:flex-start;margin:0!important;padding:0 24px!important}.panel-header>*{margin:0}.panel-header>h1{padding:12px;font-size:1.5em;text-align:left;font-weight:100;z-index:1;position:relative;color:#eee}.panel>*{margin:24px}p{font-size:1em;margin-bottom:20px;color:#666}button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%;margin:6px 0;transition:background-color .3s ease,box-shadow .3s ease;width:fit-content}button:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}button:disabled{background-color:#aaa!important;cursor:not-allowed}.date-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.date-separator{margin:0 10px;font-size:24px;color:#333;flex:1}.date-input{display:block;width:100%;padding:8px;margin:8px 0;font-size:14px;border:1px solid #ddd;border-radius:4px}.date-label{display:block;padding:0;font-size:8px;font-weight:700;text-align:left;margin:0 0 -8px 10px;text-transform:uppercase}.button-container{display:flex;flex-direction:row;align-content:flex-start;align-items:flex-start;justify-content:flex-start}.button-group{border:1px solid #ddd;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:fit-content;height:172px;position:relative}.button-group:before{content:attr(label);position:absolute;top:-.75em;background-color:#fff;color:#999;font-size:14px;font-weight:600}.button-container:first-child{margin-right:12px;background-color:#500}.report-button{margin:6px;width:fit-content;flex-grow:0;overflow:hidden}.button-group.expense>button,.panel#login-panel button{background-color:#00a94f;color:#fff}.button-group.expense{margin-right:12px}.button-group.contribution>button{background-color:#005daa;color:#fff}