:root{--primary: #005082;--primary-darker: #003d63;--secondary: #f09c00;--secondary-slightly-lighter: #ffa500;--secondary-darker: #cc8400;--accent: #00bfa6;--accent-darker:#009c86;--background: #f9f9f9;--text: #333333}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:Arial,sans-serif;margin:0;background:var(--background);color:var(--text)}header{background:var(--primary);color:var(--background);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}header .logo{font-weight:bold;font-size:1.75rem;justify-content:space-around;align-items:bottom}header .logo-container{display:flex;flex-direction:row;gap:.5rem}nav a{color:var(--background);margin-left:1rem;text-decoration:none}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(to right, var(--primary), var(--accent));color:var(--background)}.btn-primary{display:inline-block;padding:.75rem 1.5rem;margin-top:1rem;background:var(--secondary);color:var(--background);text-decoration:none;border-radius:5px}footer{text-align:center;padding:1rem;background:#eee;margin-top:2rem}.error-page{text-align:center;padding:5rem 2rem;border:2px solid red;background-color:#f08080;max-width:80%;margin:2rem auto;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.error-page h1{font-size:6rem;color:var(--secondary);margin-bottom:1rem}.error-page p{font-size:1.2rem;margin-bottom:2rem}.card{background:var(--background);padding:1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));padding:2rem}.link-decoration-none{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:700;margin:1rem 0 .5rem}h1{font-size:2.5rem;border-bottom:3px solid var(--accent);padding-bottom:.3rem;color:var(--primary)}h2{font-size:2rem;color:var(--secondary)}h3{font-size:1.6rem;color:var(--primary)}h4{font-size:1.3rem;font-weight:600;color:var(--secondary)}h5{font-size:1.1rem;font-weight:500;color:var(--text)}h6{font-size:1rem;font-weight:400;text-transform:uppercase;color:var(--accent);letter-spacing:1px}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--background);box-shadow:0 2px 5px rgba(0,0,0,.05)}table th,table td{padding:.75rem 1rem;border:1px solid #ddd;text-align:left}table th{background:var(--primary);color:var(--background);font-weight:600}table tr:nth-child(even){background:var(--background)}table tr:hover{background:var(--accent);color:var(--background)}p{font-family:"Segoe UI",Arial,sans-serif;font-size:1rem;line-height:1.6;color:var(--text);margin:0 0 1rem}form{padding:1rem}form>div{background:var(--background);padding:1.5rem;margin:1.5rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;flex-direction:column;border:2px solid var(--primary);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08);max-width:600px;margin:auto}input,select,textarea{width:100%;padding:.75rem 1rem;margin:.5rem 0 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;color:var(--text);background:var(--background);transition:border .3s ease,box-shadow .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 6px rgba(0,80,130,.3)}label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--primary)}button{padding:.75rem 1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease,transform .2s ease;display:inline-block;min-width:80px;margin-left:.25rem}button.primary{background:var(--primary);color:var(--background)}button.primary:hover{background:var(--primary-darker);transform:translateY(-2px)}button.secondary{background:var(--secondary);color:var(--background)}button.secondary:hover{background:var(--secondary-darker);transform:translateY(-2px)}button.accent{background:var(--accent);color:var(--background)}button.accent:hover{background:var(--accent-hover);transform:translateY(-2px)}button:disabled{background:#ccc;color:#666;cursor:not-allowed}.button-container{text-align:center;margin-top:1rem;justify-content:space-around}.button-container>button{width:30%}.hero h2{color:var(--background)}.hero h4{color:var(--background)}.panel{background:var(--background);padding:1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);border:2px solid var(--primary);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08);max-width:600px;margin:auto;margin-top:2rem}aside{background-color:var(--primary-darker);height:fit-content;padding:.5rem}aside>nav>a{padding:.5rem}main{padding-left:5px;padding-right:5px}main>div{display:block}.spinner-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);z-index:9999}.popup-notice-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.popup-notice{background:var(--background);padding:2rem;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:400px;text-align:center}.popup-close-button{margin-top:1.5rem;padding:.5rem 1rem;background:var(--primary);color:var(--background);border:none;border-radius:5px;cursor:pointer}.popup-close-button:hover{background:var(--primary-darker)}.keep-apart{display:flex;justify-content:space-between;align-items:center}.main-grid .table-container{overflow:auto}.main-grid .table-container>table>tbody>tr>td,.main-grid .table-container>table>thead>tr>th{width:100%;min-width:600px}.main-grid .pagination-controls{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:5px}.loading-spinner{align-items:center;justify-content:center}.column-container{display:flex;flex-direction:row;gap:1px}.half-width{width:50%}