*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,sans-serif}#root{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding:1rem}header{display:flex;align-items:center;padding:.5rem 1rem;gap:1rem}header nav{display:flex;gap:.5rem}header nav a{text-decoration:none;padding:.5rem}.page{max-width:1200px;margin:0 auto}.page-header{margin-bottom:1rem}.page-title{font-size:1.5rem}.grid{display:grid;gap:1rem}.list{display:flex;flex-direction:column;gap:.5rem}.card{padding:1rem;border:1px solid #ddd}input,textarea,select{padding:.5rem;border:1px solid #ccc;width:100%}button{padding:.5rem 1rem;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{padding:.5rem;text-align:left;border-bottom:1px solid #ddd}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}