html{height:100%;overflow-x:hidden}body{margin:0;font-family:Source Sans Pro,sans-serif;button,h1,h2,h3,h4,h5,h6,input,select,td,textarea,th{font-family:inherit}overflow-x:hidden;overflow-y:auto}header{background-color:#282c34;color:white;text-align:center}.app-container{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:300px 1fr;grid-template-rows:60px 1fr;height:100vh}.app-header{grid-area:header;background-color:#ffffff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 20px}.logo{height:30px}.logout-button{margin-left:auto;background-color:#007bff;color:white;border:none;padding:10px 16px;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .2s}.app-sidebar{grid-area:sidebar;background-color:#ffffff;border-right:1px solid #e0e0e0;padding:18px 0;color:#313337}.sidebar-icon{width:30px;height:26px;object-fit:contain;background-color:#313337;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right center;mask-position:right center}.sidebar-button{display:flex;align-items:center;gap:16px;width:100%;height:60px;padding:12px 16px;background-color:transparent;margin-bottom:10px;text-align:left;font-size:18px;border:none;border-left:5px solid #aeb7c5}.raspec-icon{-webkit-mask-image:url(/assets/raspec_icon.svg);mask-image:url(/assets/raspec_icon.svg)}.xml-icon{-webkit-mask-image:url(/assets/xml_icon.svg);mask-image:url(/assets/xml_icon.svg)}.sidebar-button.active .sidebar-icon{background-color:#007bff}.sidebar-button.active{background-color:#E7F5FE;border-left:5px solid #007bff;color:#000;cursor:pointer}.sidebar-button:hover:not(.active){background-color:#f8f9fd;border-left:5px solid #aeb7c5;cursor:pointer}.sidebar-button:active:not(.active){background-color:#f8f9fd;border-left:5px solid #007bff}.table-container{background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:25px;color:#313337}.table-scroll{max-height:520px;overflow:auto}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-radius:8px}tfoot,thead{background-color:#edf0f5;color:#313337;background-clip:border-box}td,th{padding:16px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:16px;height:20px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;font-weight:100}tbody tr:hover{background-color:#f8f9fd}tfoot tr:last-child td{border-bottom:none;padding:16px}.col-header{display:flex;align-items:center;white-space:nowrap}.col-header .filter_icon,.orderby_icon{opacity:.6;cursor:pointer}.filter_icon:hover,.orderby_icon:hover{opacity:1}.filter_icon{height:24px;padding-left:14px;padding-top:3px}.orderby_icon{height:18px;padding-top:3px}td:first-child,th:first-child{width:50px;text-align:center}td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3){width:150px}td:nth-child(4),th:nth-child(4){width:100px}td:nth-child(5),th:nth-child(5){width:400px}td:nth-child(6),th:nth-child(6){width:320px}td:nth-child(7),th:nth-child(7){width:100px}.paginator-container{display:flex;justify-content:flex-end;height:24px}input[type=checkbox]{width:20px;height:20px;cursor:pointer}.conteudo_div{display:flex;align-items:center;gap:8px}.info_icon{width:24px;height:20px;cursor:pointer;opacity:.6}.content-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.main-content{grid-area:main;padding:16px 30px;overflow-y:visible;display:flex;flex-direction:column;background-color:#fff}.content-header h2{margin:0;font-weight:600;font-size:26px}.item-count{color:#000;font-size:18px;font-weight:500}.gerarzip-button{margin-left:auto;background-color:#007bff;color:white;border:none;padding:16px 24px;border-radius:5px;font-weight:600;font-size:18px;cursor:pointer;transition:background-color .2s}.gerarzip-button:hover{background-color:#0056b3}