*{margin:0;padding:0;box-sizing:border-box}:root{--oitf-red: #C41E3A;--oitf-black: #000000;--oitf-white: #FFFFFF;--oitf-light-gray: #F5F5F5;--oitf-medium-gray: #E8E8E8}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:var(--oitf-white);color:var(--oitf-black);line-height:1.6}.app-header{background:var(--oitf-white);border-bottom:2px solid var(--oitf-red);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000014}.header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.logo-section{display:flex;align-items:center;gap:1.5rem;min-width:0}.header-logo-img{max-width:150px;width:100%;height:auto}.logo-divider{width:1px;height:24px;background:var(--oitf-medium-gray);flex-shrink:0}.logo-text h1{font-size:16px;font-weight:600;color:var(--oitf-black);margin-bottom:2px;white-space:nowrap}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-tab{padding:10px 18px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--oitf-black);border-radius:4px;transition:all .2s;text-decoration:none;display:inline-block;white-space:nowrap}.nav-tab:hover{background:var(--oitf-light-gray)}.nav-tab.active{background:var(--oitf-red);color:var(--oitf-white)}.hamburger-btn{display:none;background:none;border:none;font-size:22px;color:var(--oitf-black);cursor:pointer;padding:8px;z-index:200}.nav-overlay{display:none}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:6px}.nav-dropdown-caret{font-size:10px;transition:transform .2s}.nav-dropdown-caret.flipped{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--oitf-white);border:1px solid var(--oitf-medium-gray);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:200px;padding:6px;z-index:120}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;font-size:14px;color:var(--oitf-black);text-decoration:none;white-space:nowrap}.nav-dropdown-item:hover{background:var(--oitf-light-gray)}main{max-width:1400px;margin:0 auto;padding:2.5rem 2rem}.page-title{font-size:28px;font-weight:700;color:var(--oitf-black);margin-bottom:2.5rem;display:flex;align-items:center;gap:12px}.page-title i{color:var(--oitf-red);font-size:32px}.section{margin-bottom:3rem}.section-title{font-size:18px;font-weight:600;color:var(--oitf-black);margin-bottom:1.25rem;display:flex;align-items:center;gap:8px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card{background:var(--oitf-white);border:1px solid var(--oitf-medium-gray);border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px #00000014}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.card-title{font-size:16px;font-weight:600;color:var(--oitf-black)}.card-subtitle{font-size:13px;color:#666;margin-top:2px}.card-value{font-size:32px;font-weight:700;color:var(--oitf-red);margin:.5rem 0}.card-meta{font-size:13px;color:#888}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-active{background:#e8f5e9;color:#2e7d32}.badge-pending{background:#fff3e0;color:#e65100}.badge-completed{background:#e3f2fd;color:#1565c0}.badge-critical{background:#ffebee;color:var(--oitf-red)}.data-table{width:100%;border-collapse:collapse;background:var(--oitf-white);border-radius:8px;overflow:hidden;border:1px solid var(--oitf-medium-gray)}.data-table th{background:var(--oitf-light-gray);text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:var(--oitf-black);border-bottom:1px solid var(--oitf-medium-gray)}.data-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--oitf-medium-gray)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--oitf-light-gray)}.loading-state,.empty-state{text-align:center;padding:3rem;color:#888}.loading-state i,.empty-state i{font-size:32px;color:var(--oitf-medium-gray);margin-bottom:1rem}.btn{padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--oitf-red);color:var(--oitf-white)}.btn-primary:hover{background:#a01830}.btn-secondary{background:var(--oitf-black);color:var(--oitf-white)}.btn-secondary:hover{background:#333}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--oitf-light-gray);padding:1.5rem}.login-card{background:var(--oitf-white);border-radius:12px;padding:2.5rem;max-width:420px;width:100%;box-shadow:0 4px 24px #00000014}.login-logo{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--oitf-red)}.login-logo-img{max-width:220px;width:100%;height:auto}.login-logo-divider{display:none}.login-logo-title{font-size:16px;font-weight:600;color:var(--oitf-black)}.login-title{font-size:22px;font-weight:700;margin-bottom:.5rem}.login-subtitle{font-size:14px;color:#666;margin-bottom:1.5rem}.login-label{display:block;font-size:13px;font-weight:600;margin-bottom:.5rem}.login-input{width:100%;padding:12px 14px;border:1px solid var(--oitf-medium-gray);border-radius:6px;font-size:14px;margin-bottom:1rem}.login-input:focus{outline:none;border-color:var(--oitf-red)}.login-submit{width:100%;padding:12px;font-size:15px;margin-top:.5rem}.login-note{font-size:12px;color:#888;margin-top:1rem;text-align:center}.login-error{color:var(--oitf-red);font-size:13px;margin-bottom:1rem}.login-success{text-align:center}.login-success i{font-size:40px;color:var(--oitf-red);margin-bottom:1rem}.login-success h2{font-size:20px;margin-bottom:.75rem}.login-success p{font-size:14px;color:#555;margin-bottom:.5rem}.login-success .btn{margin-top:1.5rem}@media (max-width: 900px){.app-header{padding:1rem 1.25rem}.header-logo-img{max-width:110px}.logo-text h1{font-size:14px}.hamburger-btn{display:block}.nav-tabs{display:none;position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;background:var(--oitf-white);flex-direction:column;align-items:stretch;padding:5.5rem 1.5rem 2rem;box-shadow:-4px 0 24px #00000026;z-index:150;gap:4px;overflow-y:auto}.nav-tabs-open{display:flex}.nav-tab{width:100%;padding:14px 16px;font-size:15px;border-radius:8px}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:140}.nav-dropdown-menu{position:static;box-shadow:none;border:none;padding:4px 0 4px 16px;margin-top:4px}.nav-dropdown-item{padding:12px 16px}main{padding:1.5rem 1.25rem}.page-title{font-size:22px;margin-bottom:1.5rem}.page-title i{font-size:24px}.card-grid{grid-template-columns:1fr;gap:1rem}.card{padding:1.25rem}.card-value{font-size:26px}.section{margin-bottom:2rem}.data-table{display:block;width:100%;overflow-x:auto;white-space:nowrap;border:none}.data-table thead,.data-table tbody,.data-table tr{display:table;width:100%;table-layout:auto}.login-card{padding:1.75rem}.login-logo-img{max-width:180px}}@media (max-width: 480px){.header-logo-img{max-width:90px}.logo-text h1{display:none}.page-title{font-size:19px}.card-value{font-size:22px}main{padding:1.25rem 1rem}.login-page{padding:1rem}.login-card{padding:1.5rem;border-radius:10px}}