html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}.conatiner{width:90%;margin:0 auto}hr{border:1px solid #ddd}.app-container{display:flex;flex-direction:column;height:100vh}.header{flex:0 0 auto;height:60px;background:#1976d2;color:#fff;display:flex;align-items:center;padding:0 16px;position:sticky;top:0;z-index:10}.main-content{flex:1 1 auto;overflow-y:auto;padding:16px;background:#f9f9f9}.footer{flex:0 0 auto;height:50px;background:#eee;display:flex;justify-content:center;align-items:center;font-size:14px}footer{bottom:5%;width:100%}.App{text-align:center}.data-area-div{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.navbarButton{color:#fff!important;padding:.5rem 1rem!important}.navbarStyle{padding:.5rem 1rem!important}.table-responsive{max-height:39rem!important}.tableColumn{word-break:break-all}.profileButton{margin:.5rem}body{background-color:#f7f9fa;color:#5b626b}a{color:#6c757d}.circleForInitials{border-radius:50%;width:42px;height:42px;padding:10px;background:#5b626b;color:#f7f9fa;text-align:center;font:16px;cursor:pointer}.circleForInitialsBigger{border-radius:50%;width:90px;height:90px;padding:20px;background:#5b626b;color:#f7f9fa;text-align:center}#mainCenterContainer,#mainRowContainer{pointer-events:none}.col-auto{pointer-events:auto!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,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}.header{position:fixed;top:0;left:0;right:0;background-color:#073e75;padding:10px;box-shadow:0 2px 4px #ad8f8f1a;position:relative;z-index:1000;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:16px}.header .logo-container{display:flex;align-items:center;justify-content:flex-start;gap:8px}.header .logo-container .logo{height:40px;width:auto;display:block}.header .user-container{padding:0 30px;display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:auto;min-width:0}.header .user-container .user-circle{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;background:linear-gradient(135deg,#b88e34,#860424);color:#e0e0e0;font-weight:700;font-size:16px;text-transform:uppercase;flex-shrink:0}.header .user-container .user-name{color:#f8f5f5;font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(120px,20vw,240px)}.header .user-popup{color:gray;position:absolute;top:63px;right:35px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:150px;text-align:center;z-index:100}.header .user-popup:before{content:"";position:absolute;top:-10px;right:16px;border-width:6px;border-style:solid;border-color:transparent transparent #fff transparent}.header .user-popup button{background:none;border:none;color:#073e75;font-weight:500;cursor:pointer;width:100%}.header .user-popup:hover button{color:#962020}@media (max-width: 600px){.header .user-popup{right:auto;left:0}.header .user-popup:before{right:auto;left:16px}}.grid-card-container{display:flex;flex-direction:column;min-height:100vh;padding:1px;margin:20px}.search-box{display:flex;justify-content:flex-end;margin-bottom:16px}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;flex-grow:1;justify-content:flex-start;align-content:flex-start}.grid-card{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;height:100%;min-height:250px}.grid-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.grid-card-logo{flex:0 0 60%;object-fit:contain;width:100%;padding:10px;display:flex;justify-content:center;align-items:center}.grid-card-content{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:1px;padding-bottom:0!important}.grid-card-title{font-weight:600;margin-bottom:6px;font-size:1rem}.grid-card-description{font-size:12px;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pagination-box{display:flex;justify-content:flex-end;margin-top:16px}.grid-card{display:flex;flex-direction:column;height:100%}.grid-card-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.grid-card-title{font-weight:600;margin-bottom:4px}.grid-card-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}@media (max-width: 1200px){.grid-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.grid-container{grid-template-columns:repeat(2,1fr)}.grid-card{min-height:200px}.grid-card-description{-webkit-line-clamp:2;font-size:13px}}.footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0}.footer .footer-content{margin:1.1rem;display:flex;align-items:center;margin-left:12%}.footer .footer-text{font-size:14px;color:#6c757d}.footer .footer-links .footer-link{font-size:14px;color:#6c757d;margin-left:1.1rem;text-decoration:none}.footer .footer-links .footer-link:hover{text-decoration:underline;color:#343a40}@media (max-width: 768px){.footer .footer-links{text-align:left;margin-top:.5rem}.footer .footer-links .footer-link{margin-left:0;margin-right:1rem}}