:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#16323a;background:#f4f8f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #163d47;background:#163d47;color:white;border-radius:8px;padding:.65rem .9rem}button.secondary{background:white;color:#163d47}button.danger{background:#a73535;border-color:#a73535}input,select,textarea{width:100%;border:1px solid #b7ccd0;border-radius:8px;padding:.65rem;background:white}label{display:block;font-weight:650;font-size:.9rem;margin:.5rem 0}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:#14343c;color:white;padding:1.2rem}aside h1{font-size:1.25rem}nav button{display:block;width:100%;margin:.4rem 0;text-align:left;background:transparent;border-color:transparent}nav button.active,nav button:hover{background:#315965}main{padding:2rem;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card{background:white;border:1px solid #d4e1e4;border-radius:14px;padding:1.25rem;margin:1rem 0;box-shadow:0 3px 16px #15343c09}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.muted{color:#607780}.badge{background:#e1f3ed;color:#16593d;border-radius:30px;padding:.3rem .6rem;font-size:.8rem}.warning{background:#fff4dd;color:#805000}.login{max-width:480px;margin:10vh auto;padding:2rem;background:white;border-radius:16px}.error{color:#a73535}.success{color:#146d50}table{border-collapse:collapse;width:100%;min-width:900px}th,td{padding:.8rem;text-align:left;border-bottom:1px solid #dbe6e8;vertical-align:top}th{background:#edf5f6}.scroll{overflow-x:auto}.detail{background:#f5fafb;padding:1rem;border-radius:8px;margin:.5rem 0}.cards>article{border-left:5px solid #5c9ea0}.cards>article:nth-child(even){background:#f1f8fb;border-left-color:#bb884d}small{font-size:.78rem}@media(max-width:760px){.shell{display:block}aside{padding:.8rem}aside h1{margin:.3rem}nav{display:flex;overflow-x:auto;gap:.3rem}nav button{width:auto;white-space:nowrap}main{padding:1rem}header{align-items:flex-start;flex-direction:column}.card{padding:1rem}.grid{grid-template-columns:1fr}}
