*{box-sizing:border-box}html,body,#root{background:#081120;min-height:100%;margin:0;font-family:Inter,Arial,sans-serif}body{color:#fff;min-height:100vh}button,input,textarea,select{font:inherit}.dashboard{background:radial-gradient(circle at 0 0,#6d4cff26,#0000 25%),linear-gradient(135deg,#07101d 0%,#0b1527 45%,#09111f 100%);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:#0a1220f5;border-right:1px solid #7c5cff1f;padding:28px 18px}.sidebar h2{color:#fff;margin:0 0 24px;font-size:28px;font-weight:800}.sidebar nav{flex-direction:column;gap:12px;display:flex}.menu-item{text-align:left;color:#d8e1f0;cursor:pointer;background:#121b2ccc;border:1px solid #8a9bbe1f;border-radius:16px;width:100%;padding:14px 16px;transition:all .2s}.menu-item:hover{background:#212d46f2;border-color:#7c5cff4d;transform:translate(2px)}.menu-item.active{color:#fff;background:linear-gradient(90deg,#6c63ff47,#8b5cf62e);border-color:#7c5cff8c;box-shadow:0 8px 18px #6c63ff2e}.content{padding:32px}.content h1{margin:0 0 8px;font-size:34px;font-weight:800}.content p{color:#9ba9c4;margin:0 0 28px;font-size:16px}.cards{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;display:grid}.card{background:#101929eb;border:1px solid #7c5cff26;border-radius:20px;padding:22px;box-shadow:0 12px 28px #00000038}.card span{color:#94a3bd;margin-bottom:12px;font-size:14px;display:block}.card strong{font-size:34px;font-weight:800}.form-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:22px;display:grid}.form-card{background:#101929eb;border:1px solid #7c5cff26;border-radius:22px;padding:24px;box-shadow:0 12px 28px #00000038}.form-card h3{color:#fff;margin:0 0 20px;font-size:26px;font-weight:800}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#b9c5d8;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#080f1cf2;border:1px solid #8a9bbe2e;border-radius:14px;outline:none;width:100%;padding:14px 16px;transition:all .2s}.form-group input,.form-group select{height:52px}.form-group textarea{resize:vertical;min-height:140px}.form-group input::placeholder,.form-group textarea::placeholder{color:#7f8ba3}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#7c5cffcc;box-shadow:0 0 0 4px #6c63ff24}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tmdb-inline{align-items:center;gap:12px;display:flex}.tmdb-inline input{flex:1}.secondary-button{cursor:pointer;color:#fff;background:#6c63ff2e;border:1px solid #7c5cff59;border-radius:14px;min-width:140px;height:52px;padding:0 18px;font-size:15px;font-weight:700;transition:all .2s}.secondary-button:hover{background:#6c63ff47;border-color:#7c5cffa6}.secondary-button:disabled{opacity:.7;cursor:not-allowed}.error-text{color:#ff7a7a;margin:0 0 16px;font-size:14px;font-weight:600}.success-text{color:#57d38c;margin:0 0 16px;font-size:14px;font-weight:600}.checkbox-group{margin-top:8px}.checkbox-label{color:#d8e1f0;align-items:center;gap:10px;font-weight:600;display:flex}.checkbox-label input{accent-color:#6c63ff;width:18px;height:18px}.primary-button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#6c63ff 0%,#8b5cf6 100%);border:0;border-radius:16px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 12px 24px #6c63ff40}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #6c63ff52}.primary-button:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:0 12px 24px #6c63ff33}.cancel-edit-button{width:100%;margin-top:12px}.image-preview{margin-top:20px}.image-preview h4{color:#fff;margin-bottom:12px;font-size:18px;font-weight:700}.preview-poster{border:1px solid #7c5cff33;border-radius:12px;width:120px;box-shadow:0 8px 18px #00000038}.preview-backdrop{border:1px solid #7c5cff33;border-radius:12px;width:100%;max-width:360px;margin-top:10px;box-shadow:0 8px 18px #00000038}.dashboard-actions{margin-top:24px}.dashboard-button{max-width:280px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header-actions{align-items:center;gap:12px;display:flex}.refresh-button{min-width:150px}.header-add-button{width:auto;min-width:190px;padding:0 22px}.movies-summary-card{background:linear-gradient(135deg,#131f34f5,#0c1627f5);border:1px solid #7c5cff29;border-radius:22px;margin-bottom:22px;padding:20px 22px;box-shadow:0 16px 32px #0000003d}.movies-summary-card span{color:#9cb0cf;margin-bottom:10px;font-size:14px;display:block}.movies-summary-card strong{color:#fff;font-size:34px;font-weight:800}.empty-state{background:#101929eb;border:1px solid #7c5cff26;border-radius:22px;padding:28px;box-shadow:0 12px 28px #00000038}.empty-state h3{color:#fff;margin:0 0 10px;font-size:24px;font-weight:800}.empty-state p{color:#9ba9c4;margin:0;font-size:15px}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:22px;display:grid}.movie-item-card{background:linear-gradient(135deg,#131f34f7,#0b1526f7);border:1px solid #7c5cff29;border-radius:24px;grid-template-columns:130px 1fr;align-items:start;gap:18px;padding:20px;transition:all .2s;display:grid;box-shadow:0 16px 34px #00000042,inset 0 1px #ffffff05}.movie-item-card:hover{border-color:#7c5cff47;transform:translateY(-2px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #7c5cff14}.movie-poster-wrap{width:130px}.movie-item-poster{object-fit:cover;border:1px solid #7c5cff33;border-radius:16px;width:130px;height:190px;display:block;box-shadow:0 10px 22px #00000047}.movie-poster-placeholder{color:#8ea0bf;background:#080f1cf2;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.movie-item-content{min-width:0}.movie-item-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.movie-item-top h3{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:1.2}.movie-status-badge{color:#dcd6ff;white-space:nowrap;background:#6c63ff2e;border:1px solid #7c5cff59;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.movie-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.movie-meta span{color:#aebbd3;background:#080f1cf2;border:1px solid #8a9bbe1f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.movie-overview{color:#c7d2e4;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 14px;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.movie-tags,.movie-links-info{flex-wrap:wrap;gap:8px;display:flex}.movie-tags{margin-bottom:10px}.movie-tags span,.movie-links-info span{color:#9fb0ca;background:#080f1cf2;border:1px solid #8a9bbe1f;border-radius:10px;padding:7px 11px;font-size:12px;font-weight:600}.movie-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.edit-button,.delete-button{cursor:pointer;border:0;border-radius:13px;min-width:116px;height:44px;padding:0 16px;font-size:14px;font-weight:800;transition:all .2s}.edit-button{color:#fff;background:#6c63ff2e;border:1px solid #7c5cff59}.edit-button:hover{background:#6c63ff47;border-color:#7c5cffa6;transform:translateY(-1px)}.delete-button{color:#fff;background:#ff546829;border:1px solid #ff546859}.delete-button:hover{background:#ff54683d;border-color:#ff546899;transform:translateY(-1px)}.delete-button:disabled,.edit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=1180px){.form-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(180px,1fr))}.movies-grid{grid-template-columns:1fr}}@media (width<=980px){.dashboard{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #7c5cff1f;border-right:0}.page-header{flex-direction:column}.page-header-actions{flex-wrap:wrap;width:100%}}@media (width<=640px){.content{padding:20px}.cards,.form-row{grid-template-columns:1fr}.tmdb-inline{flex-direction:column}.secondary-button{width:100%}.movie-item-card{grid-template-columns:1fr}.movie-poster-wrap,.movie-item-poster{width:100%;max-width:180px}.movie-item-top{flex-direction:column;align-items:flex-start}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-height:100vh}