*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;color:#333}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:320px}.login-form h1{margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.login-form input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem;font-size:1rem}.login-form button{width:100%;padding:.75rem;background:#2563eb;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.login-form button:hover{background:#1d4ed8}.login-error{color:#dc2626;font-size:.875rem;margin-bottom:.5rem}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1e293b;color:#fff;padding:1.5rem 0}.sidebar h2{padding:0 1.5rem;margin-bottom:2rem;font-size:1.25rem}.sidebar nav a{display:block;padding:.75rem 1.5rem;color:#94a3b8;transition:all .2s}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#334155;text-decoration:none}.sidebar .logout{position:absolute;bottom:1.5rem;left:0;width:220px;padding:.75rem 1.5rem;color:#94a3b8;cursor:pointer;border:none;background:none;text-align:left;font-size:1rem}.sidebar .logout:hover{color:#fff}.main-content{flex:1;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.btn{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.table th{background:#f9fafb;font-weight:600;font-size:.875rem;color:#6b7280}.table tr:last-child td{border-bottom:none}.table img{width:60px;height:40px;object-fit:cover;border-radius:4px}.form-page{max-width:800px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{min-height:200px;font-family:monospace}.form-error{color:#dc2626;font-size:.75rem;margin-top:.25rem}.image-upload{border:2px dashed #ddd;padding:1.5rem;text-align:center;border-radius:8px;cursor:pointer}.image-upload:hover{border-color:#2563eb}.image-upload img{max-width:200px;margin-top:.5rem}.image-gallery{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.image-gallery .img-item{position:relative}.image-gallery .img-item img{width:80px;height:80px;object-fit:cover;border-radius:4px}.image-gallery .img-item .remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#dc2626;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;line-height:20px}