html,body{height:100%;margin:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#253247}*{box-sizing:border-box}.shell{display:flex;height:100vh}.sidebar{width:240px;background:#182536;color:#fff;padding:24px 16px}.brand{font-weight:700;font-size:20px;margin-bottom:28px}.nav a{display:block;color:#dce7f3;text-decoration:none;padding:12px;border-radius:6px}.nav a:hover{background:#2a3c54}.content{flex:1;overflow:auto}.content mat-toolbar{margin-bottom:24px}.spacer{flex:1}.content>router-outlet+*{display:block;padding:0 32px 32px}.toolbar{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 4px #0001}.card strong{display:block;font-size:28px;margin-top:8px}.panel{background:#fff;margin-top:24px;padding:20px;border-radius:8px}form{display:grid;gap:16px;max-width:760px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.actions{display:flex;gap:8px}@media(max-width:800px){.sidebar{width:190px}.cards{grid-template-columns:repeat(2,1fr)}}.table-scroll{overflow-x:auto}fieldset{border:1px solid #dce2e9;border-radius:8px;min-width:0}.article-summary{padding:12px;background:#f5f7fa;border-radius:8px}@media(max-width:600px){.shell{height:auto;min-height:100vh;flex-direction:column}.sidebar{width:100%;padding:12px}.brand{margin-bottom:8px}.nav{display:flex;flex-wrap:wrap}.nav a{padding:8px}.content>router-outlet+*{padding:0 12px 20px}.toolbar{flex-wrap:wrap;gap:8px}.panel{padding:12px}form{width:100%}.actions{flex-wrap:wrap}}