:root{--primary: #00aba4;--bg: #f4f7f9}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background:var(--bg);color:#0b2330}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid #e6eef0;padding:18px}.main{flex:1;padding:18px}.navbar{height:64px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 18px;border-bottom:1px solid #e6eef0}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 4px #0c1e280a}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #eef3f5;text-align:left}.btn{background:var(--primary);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.btn-danger{background:#e25b5b}.input{padding:8px;border-radius:8px;border:1px solid #d6e2e4;width:100%}.filter-row{display:flex;gap:12px;margin-bottom:12px}img,video,canvas,svg{max-width:100%;height:auto}table,.custom-scrollbar{max-width:100%}@media(max-width:768px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e6eef0}.main{padding:12px}.navbar{padding:0 12px}.filter-row{flex-direction:column}}