*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9;color:#1d2733;line-height:1.5}img{max-width:100%;height:auto}a{color:var(--primary);overflow-wrap:anywhere}h1,h2{line-height:1.2}.topbar{background:var(--secondary);color:#fff;padding:1rem 2rem}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.2rem;font-weight:bold;color:#fff;text-decoration:none}.nav-shell{display:flex;align-items:center;gap:2rem;margin-top:.8rem}.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a,.account a{color:#fff;text-decoration:none}.account{margin-left:auto;display:flex;gap:1rem;align-items:center}.account form{margin:0}.role{opacity:.8}.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.55);padding:.45rem .75rem}.container{width:min(100%,1200px);margin:0 auto;padding:2rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.page-head h1,.page-head h2{margin:.3rem 0}.section-head{margin-top:1.5rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.button,button{display:inline-block;border:0;border-radius:5px;padding:.65rem 1rem;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;font:inherit;min-height:42px}.button.secondary{background:#657182}.danger{background:#a52a2a}.compact{min-height:auto;padding:.4rem .65rem}.link-button{padding:0;min-height:auto;background:none;text-decoration:underline}.text-action{display:inline-block;margin-right:.55rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.card,.panel,.form-card,.auth-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.06)}.card{text-decoration:none;color:inherit}.card strong{display:block;font-size:2rem;color:var(--primary)}.form-card,.auth-card{max-width:700px}.auth-card{max-width:420px;margin:8vh auto}label{display:block;margin-bottom:1rem;font-weight:bold}input,textarea,select{display:block;width:100%;margin-top:.4rem;padding:.75rem;border:1px solid #bbc3cc;border-radius:4px;font:inherit;min-height:44px}textarea{min-height:130px;resize:vertical}.filters{display:flex;gap:.5rem;margin:1rem 0}.filters input{margin:0}.table-wrap{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.04)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #e4e8ed;vertical-align:top}th{background:#eef2f6}.notes-cell{min-width:240px;white-space:normal}.inline{display:inline}.inline button{vertical-align:middle}.flash{padding:1rem;border-radius:5px;margin-bottom:1rem}.flash.success{background:#dff4e5}.flash.error{background:#f8dddd}.muted{color:#687583}.deleted-row{opacity:.7;background:#fff3f3}.pagination{display:flex;gap:.3rem;margin-top:1rem;flex-wrap:wrap}.pagination a{padding:.5rem .7rem;background:#fff;text-decoration:none}.pagination .active{background:var(--primary);color:#fff}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.empty{text-align:center;padding:3rem 1rem}
@media(max-width:760px){html{font-size:15px}.topbar{padding:.8rem 1rem}.nav-toggle{display:inline-block}.nav-shell{display:none;align-items:stretch;gap:.8rem;margin-top:1rem}.nav-shell.is-open{display:flex;flex-direction:column}.site-nav{flex-direction:column;gap:.25rem}.site-nav a{display:block;padding:.65rem .2rem;border-bottom:1px solid rgba(255,255,255,.18)}.account{margin-left:0;justify-content:space-between;align-items:center;padding-top:.3rem}.container{padding:1rem}.page-head{align-items:flex-start}.page-head>div,.actions{width:100%}.actions .button{flex:1 1 auto;text-align:center}.color-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filters button{width:100%}.cards{grid-template-columns:1fr}.form-card,.panel,.auth-card{padding:1rem}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block;width:100%}.responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.responsive-table tr{padding:.75rem 1rem;border-bottom:1px solid #dce2e8}.responsive-table tr:last-child{border-bottom:0}.responsive-table td{display:grid;grid-template-columns:minmax(105px,35%) 1fr;gap:.75rem;padding:.55rem 0;border:0;min-width:0}.responsive-table td::before{content:attr(data-label);font-weight:bold;color:#52606d}.responsive-table .notes-cell{min-width:0}.inline{display:inline-block;margin:.2rem .25rem .2rem 0}.pagination{justify-content:center}}
@media(max-width:430px){.account{align-items:flex-start;flex-direction:column}.actions{flex-direction:column}.actions .button{width:100%}.responsive-table td{grid-template-columns:1fr;gap:.2rem}.responsive-table td::before{font-size:.85rem}.button,button{width:100%}.inline button,.link-button,.compact{width:auto}.auth-card{margin:2rem auto}.container{padding:.75rem}}