body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:62.5%;font:inherit;vertical-align:baseline;font-family:"Source Sans Pro",sans-serif;color:#2e2c48}*{box-sizing:border-box}.login-page{background:#f9fafb;height:100vh}.login-content{width:80%;height:80%;margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-right:3px solid #f3f3f3;border-bottom:3px solid #f3f3f3;display:grid;grid-template-columns:2fr 1fr}.login-about{padding:20%}.student{background:#0070eb}.helper{background:#c716c4}.white-text{color:#fff!important}h1{font-size:64px;font-weight:700}.login-about h2,h1{color:#fff;margin-bottom:5%;letter-spacing:1px}.login-about h2{font-size:36px;font-weight:600}.for-helpers,.for-students,.login-about p{font-size:24px;color:#fff}.student-helper-login-toggle{margin:5% 0;display:flex;justify-content:space-around}.student-login{border:3px solid #0070eb;border-radius:12px}.helper-login,.student-login{cursor:pointer;padding:3% 5%;width:30%;text-align:center}.helper-login{border:3px solid #c716c4;border-radius:12px}.login-forms-bottom{margin-top:35%}.link{color:#00f;text-decoration:underline;cursor:pointer}.header{margin-left:10%;margin-bottom:2%;font-size:24px;font-weight:600}.user-check{margin-left:10%;margin-right:10%;border-top:1px solid #000}.login-form form{display:flex;flex-direction:column}.login-form input{width:80%;margin:5% auto 0;padding:2% 3%;border-radius:8px}.error{margin-left:10%}.login-form button{width:80%;margin:5% auto;padding:5%;border:none;border-radius:12px;font-size:21px;color:#a9a9a9;cursor:pointer}.input-error{border-bottom:4px solid #e9153e}.input-valid{border-bottom:4px solid #0ea939}.student-dashboard{display:flex}.closed-tickets,.open-tickets{font-size:24px;padding:5% 10%;cursor:pointer;margin:2% 0}.create-ticket-button{cursor:pointer;background:#fff;color:#0070eb;border:2px solid #0070eb;padding:5% 2%;font-size:24px;text-align:center;margin:10% 25%;border-radius:20px}.create-ticket-button:hover{background:#0070eb;color:#fff}.logout-button{cursor:pointer;background:#fff;border:2px solid #000;padding:5% 2%;font-size:24px;text-align:center;margin:10% 25%;border-radius:20px}.logout-button:hover{background:#000;color:#fff}.detailed-card button{width:5%}.ticket-list{min-height:100vh}.edit-form{margin-top:2%;margin-left:5%}.edit-form-buttons{display:flex;margin-left:25%}.edit-form button{background:#f2fcff;border-radius:8px;border:2px solid #48c8e8;width:20%;cursor:pointer;padding:.2% 0;margin:0 2%}.modal{display:block;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;padding-top:100px;background-color:#000;background-color:rgba(0,0,0,.4);-webkit-transition:.5s;overflow:auto;-webkit-transition:all .3s linear;transition:all .3s linear}.ticket{width:70%;height:80vh;max-width:800px;background-color:#fff;margin:auto;padding:2% 4%;border-radius:12px}.ticket h2{font-size:32px;font-weight:600;letter-spacing:1px}.red{color:red;font-size:24px;font-weight:400}.ticket p{margin-bottom:5%}form label{display:block;margin-top:4%;margin-bottom:2%;font-size:24px;font-weight:600}form input{font-size:18px;background:#fff;width:80%}.input-error{border:1px solid red}form select{font-size:18px;padding:.5% 1%}form textarea{font-size:18px;border:1px solid #000;background:#fff;resize:none}.submit-container{text-align:center}.submit{width:20%;border:none;border-radius:12px;margin:2%;padding:2%;background:#0070eb;color:#fff}.error{margin:0;padding:0;color:red}.close{color:#aaa;float:right;font-size:32px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.helper-dashboard{display:flex}.sidebar{border-right:3px solid #f3f3f3;height:100vh;position:fixed;width:25%}.title{font-size:30px;font-weight:600;margin:10%}.all-tickets,.my-tickets{font-size:24px;padding:5% 10%;cursor:pointer;margin:2% 0}.active{font-weight:700;background-color:#f2fcff;border-left:8px solid #48c8e8}.ticket-card{border-radius:8px;margin:2%}.ticket-card h2{text-transform:capitalize;font-size:24px;font-weight:600}.ticket-card p{font-size:14px}.equipment-category{border-left:6px solid #007aff}.people-category{border-left:6px solid #e628ff}.track-category{border-left:6px solid #ff6332}.finance-category{border-left:6px solid #48c77b}.other-category{border-left:6px solid #0ac3cf}.detailed-card{background:#fff;border-radius:8px;box-shadow:3px 4px 4px rgba(0,0,0,.02);margin:2% 5%;padding:7% 5%;display:flex;flex-direction:column}.detailed-card h2{font-size:30px;font-weight:700;margin-bottom:5%;text-transform:capitalize}.detailed-card h3{font-size:21px;font-weight:600;margin-bottom:3%}.detailed-card p{font-size:16px;margin-bottom:2%}.detailed-card button{background:#f2fcff;border-radius:8px;border:2px solid #48c8e8;width:20%;cursor:pointer;padding:.2% 0}.detailed-card-buttons{display:flex;justify-content:space-around;margin-top:10%}.ticket-list{background:#f9fafb;margin-left:25%;width:40%}.hidden{display:none}.preview-panel{background:#f9fafb;height:100vh;position:fixed;width:35%;margin-left:65%}.ticket-card{background:#fff;padding:3%;cursor:pointer;display:flex;width:100%}.ticket-card>*{pointer-events:none}.timestamp{padding:3% 5% 3% 3%;border-right:1px solid #e0e0e0;align-self:center;justify-self:center;font-size:14px;font-weight:700;text-align:center;width:20%}.card-summary{padding-left:4%;white-space:nowrap}.preview-window-header-div{display:flex;justify-content:space-between;align-items:center;color:#00f}.preview-window-x{color:red}.preview-window-x:hover{cursor:pointer}
/*# sourceMappingURL=main.490f9688.chunk.css.map */