@media (max-width: 768px){.header-actions{flex-direction:column;align-items:flex-start}}:host{display:block;padding:2rem;background:#f4f8fb;min-height:100vh;font-family:Segoe UI,Roboto,sans-serif;color:#00324b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.125rem;color:var(--gray-900);font-weight:500;line-height:100%;letter-spacing:-.125rem;margin:0;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}h2,h3,h4,h5,p,a,li,tr,td,label{font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.header-actions{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem}.controls{display:flex;align-items:center;gap:1rem}.controls p{font-weight:600}select,input{padding:.5rem .75rem;border:1px solid #d6e2ec;border-radius:6px;outline:none;transition:.2s ease}select:focus,input:focus{border-color:#0065a5;box-shadow:0 0 0 2px #0065a526}.filters{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem;background:#f9f9f9;border-radius:8px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;font-size:.85rem;color:#555}.filter-group input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.create-btn{background:#0065a5;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;margin-bottom:1.5rem}.create-btn:hover{background:#00324b}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.3rem;border-radius:6px;transition:.2s ease}.icon-btn:hover{background:#0065a51a}.pagination{display:flex;gap:1rem;align-items:center;margin-top:1.5rem}.pagination button{background:#00324b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:.2s ease}.pagination button:hover:not(:disabled){background:#0065a5}.pagination button:disabled{background:#a0b8c7;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{background:#fff;padding:2rem;border-radius:10px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 6px 20px #00324b1f;display:flex;flex-direction:column;gap:1rem}.modal-content h2,.modal-content h3{color:#00324b;margin:0}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-content .close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#00324b;line-height:1;transition:color .2s}.modal-content .close-btn:hover{color:#0065a5}.actions{display:flex;justify-content:flex-end;gap:1rem}.btn-primary{background:#0065a5;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:5px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#00324b}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary,.cancel-btn{background:#f4f8fb;color:#00324b;border:none;padding:.6rem 1.2rem;border-radius:5px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover,.cancel-btn:hover{background:#f4f8fb}.delete-btn{background:#e53935;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:5px;font-weight:600;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#cd1e1a}.warning-text{color:#e53935;font-weight:700;margin:.5rem 0 1rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.filters{gap:1rem;padding:1rem}.filter-group{flex:1 1 100%}h3{width:100%;margin-bottom:.5rem}}