*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#111}.app{display:flex;min-height:100vh}.side{width:230px;background:#111827;color:#fff;padding:18px;position:fixed;top:0;bottom:0;left:0}.side h2{font-size:18px;margin:0 0 20px}.side a{display:block;color:#d1d5db;text-decoration:none;padding:10px;border-radius:8px;margin:4px 0}.side a:hover{background:#1f2937;color:#fff}.main{margin-left:230px;width:calc(100% - 230px);padding:20px}.top{background:#fff;border-radius:12px;padding:14px;margin-bottom:15px;box-shadow:0 1px 4px #0001}.card{background:#fff;border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:0 1px 4px #0001}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}input,select,button{padding:11px;border:1px solid #ddd;border-radius:10px;margin:5px 0}button{background:#2563eb;color:#fff;border:0;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #eee;padding:10px;vertical-align:top}.thumb{width:110px;height:65px;object-fit:cover;border-radius:8px}.small{font-size:12px;color:#6b7280}.alert{padding:12px;border-radius:10px;margin-bottom:12px}.success{background:#dcfce7}.error{background:#fee2e2}.info{background:#dbeafe}.login{max-width:420px;margin:60px auto}@media(max-width:800px){.side{position:relative;width:100%;bottom:auto}.app{display:block}.main{margin-left:0;width:100%}.grid{grid-template-columns:repeat(2,1fr)}}