@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-color:#0d0b18;--card-bg:#161229b3;--border-color:#ffffff14;--text-color:#f3f3f7;--text-muted:#9f9bb3;--primary-gradient:linear-gradient(135deg,#a855f7,#ec4899,#f97316);--accent-color:#ec4899;--hover-bg:#ffffff0a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-attachment:fixed;background-color:#0d0b18;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 15%,#a855f726 0,#0000 45%),radial-gradient(circle at 85% 85%,#f973161f 0,#0000 45%);color:#f3f3f7;color:var(--text-color);display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:28px;box-shadow:0 25px 60px #0006;margin:40px auto;max-width:950px;padding:40px;text-align:center;transition:all .3s ease;width:90%}h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:35px;margin-top:0}.select-wrapper{display:inline-block;margin-bottom:25px;position:relative;width:280px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0d;border:1px solid var(--border-color);border-radius:14px;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:16px;outline:none;padding:16px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}select:hover{background:#ffffff14;border-color:#ffffff40}select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #ec489940}select option{background-color:#120e25;color:#fff}.select-wrapper:after{color:var(--text-muted);content:"▼";font-size:10px;pointer-events:none;position:absolute;right:22px;top:22px;transition:color .2s ease}.select-wrapper:hover:after{color:var(--text-color)}table{border-collapse:initial;border-spacing:0 12px;margin-top:25px;text-align:left;width:100%}th{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1.5px;padding:16px 24px;text-transform:uppercase}td,th{border-bottom:1px solid var(--border-color)}td{background:#ffffff05;border-top:1px solid var(--border-color);color:var(--text-color);font-size:16px;padding:20px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}tr td:first-child{border-bottom-left-radius:14px;border-left:1px solid var(--border-color);border-top-left-radius:14px}tr td:last-child{border-bottom-right-radius:14px;border-right:1px solid var(--border-color);border-top-right-radius:14px}tbody tr:hover td{background:#ffffff0f;border-color:#fff3;box-shadow:0 10px 20px #00000059;transform:translateY(-3px)}.badge{background:#ffffff14;border:1px solid var(--border-color);border-radius:20px;display:inline-block;font-size:13px;font-weight:500;letter-spacing:.5px;padding:6px 14px}.badge-genre{background:#a855f726;border-color:#a855f74d;color:#d8b4fe}.badge-rating{align-items:center;display:inline-flex;font-weight:600;gap:6px}.rating-high{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.rating-mid{background:#f9731626;border-color:#f973164d;color:#fb923c}.pagination{display:flex;gap:10px;margin-top:40px}.pagination,.pagination button{align-items:center;justify-content:center}.pagination button{background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;height:44px;min-width:44px;outline:none;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.pagination button:hover{background:#ffffff1a;border-color:#ffffff59;transform:translateY(-3px)}.pagination button.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 6px 20px #ec489973;color:#fff}.limit-selector{align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:14px;display:flex;gap:12px;padding:10px 18px}.limit-selector span{font-weight:500}.limit-btn,.limit-selector span{color:var(--text-muted);font-size:14px}.limit-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.limit-btn:hover{background:#ffffff1a;color:var(--text-color);transform:translateY(-2px)}.limit-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 10px #ec48994d;color:#fff}.movie-poster{border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 10px #00000073;height:60px;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);width:42px}tbody tr:hover .movie-poster{transform:scale(1.08)}.title-cell{align-items:center;display:flex;font-weight:600;gap:16px}@media (max-width:768px){table thead{display:none}table,tbody,td,tr{box-sizing:border-box;display:block;width:100%}tr{background:#ffffff05;border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}tbody tr:hover td{background:#0000;border-color:#0000;box-shadow:none;transform:none}tbody tr:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}td{align-items:center;background:#0000!important;border:none!important;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}tr td:first-child{border-bottom:1px solid var(--border-color)!important;border-bottom-left-radius:0;border-top-left-radius:0;gap:16px;justify-content:flex-start;margin-bottom:12px;padding-bottom:16px}tr td:last-child{border-bottom-right-radius:0;border-top-right-radius:0;padding-bottom:4px}td:before{color:var(--text-muted);content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}td[data-label=Title]:before{content:none}.title-cell span{font-size:18px}.movie-poster{height:68px;width:48px}}@media (max-width:480px){.container{border-radius:20px;margin:20px auto;padding:24px 16px;width:92%}h1{font-size:2.2rem;letter-spacing:-1px;margin-bottom:24px}.select-wrapper{margin-bottom:20px;width:100%}select{font-size:15px;padding:14px 20px}.select-wrapper:after{right:18px;top:20px}.pagination{flex-wrap:wrap;gap:6px;margin-top:30px}.pagination button{border-radius:10px;font-size:14px;height:38px;min-width:38px}}
/*# sourceMappingURL=main.6eba154f.css.map*/