@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box}body,html{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;height:100%;overflow-x:hidden;color:#0f172a;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;height:100vh}#root .navbar{flex:0 0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;height:80px;z-index:200;position:sticky;top:0}#root .navbar .container{padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto}#root .navbar .container .logo{flex-shrink:0}#root .navbar .container .logo img{width:60px;height:60px;object-fit:contain;transition:transform .3s ease}#root .navbar .container .logo img:hover{transform:scale(1.05)}#root .navbar .container .links{display:flex;align-items:center;gap:1rem;margin-left:auto}#root .navbar .container .links .dropdown{position:relative;display:inline-block}#root .navbar .container .links .dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}#root .navbar .container .links .dropdown .dropdown-content{opacity:0;visibility:hidden;position:absolute;top:100%;right:0;background:#fff;min-width:200px;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;z-index:100;transform:translateY(-10px);transition:all .3s ease}#root .navbar .container .links .dropdown .dropdown-content a{color:#0f172a;padding:.75rem 1rem;text-decoration:none;display:block;font-weight:500;transition:all .2s ease;border-radius:.5rem}#root .navbar .container .links .dropdown .dropdown-content a:hover{background:#6366f1;color:#fff}#root .navbar .container .links .dropdown .dropdown-content a:first-child{border-radius:.75rem .75rem 0 0}#root .navbar .container .links .dropdown .dropdown-content a:last-child{border-radius:0 0 .75rem .75rem}#root .navbar .container .links span{color:#0f172a;font-weight:600;text-decoration:none;padding:.5rem 1rem;border-radius:9999px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}#root .navbar .container .links span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}#root .navbar .container .links span:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#root .navbar .container .links span:hover:before{left:100%}@media (max-width: 768px){#root .navbar{height:70px}#root .navbar .container{padding:0 1rem}#root .navbar .container .logo img{width:50px;height:50px}#root .navbar .container .links{display:none}}#root .content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem 0;min-height:calc(100vh - 80px)}#root .content .main{width:100%;max-width:1200px;display:flex;justify-content:center;padding:0 2rem}#root .content .main .home{max-width:800px;width:100%;background:#fff;padding:3rem;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}#root .content .main .home:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#f59e0b,#6366f1)}#root .content .main .home:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px);transition:all .3s ease}#root .content .main .home h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}#root .content .main .home h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#64748b;letter-spacing:-.01em}#root .content .main .home p{font-size:1.125rem;margin-bottom:1.5rem;line-height:1.7;color:#64748b;max-width:600px}#root .content .main .home input{display:inline-block;width:100%;max-width:300px;padding:1rem 1.5rem;margin:.75rem;background:#fff;color:#0f172a;font-weight:500;font-size:1rem;border:2px solid #e2e8f0;border-radius:9999px;text-align:center;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}#root .content .main .home input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none;transform:translateY(-2px)}#root .content .main .home input::placeholder{color:#94a3b8}#root .content .main .home input:hover{border-color:#a5b4fc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#root .content .main .home .cta-button{display:inline-block;width:100%;max-width:300px;padding:1rem 1.5rem;margin:.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:1rem;text-decoration:none;border-radius:9999px;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}#root .content .main .home .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#root .content .main .home .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#root .content .main .home .cta-button:hover:before{left:100%}#root .content .main .home .cta-button:active{transform:translateY(0)}#root .content .main .home .league-list{list-style-type:none;padding:0;margin:0;width:100%;max-width:500px}#root .content .main .home .league-list li{padding:0;margin:.75rem 0;background:#fff;color:#0f172a;font-weight:500;font-size:1rem;border:1px solid #e2e8f0;border-radius:1rem;list-style-type:none;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;overflow:hidden}#root .content .main .home .league-list li:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#a5b4fc}#root .content .main .home .league-list li button{width:100%;padding:1rem 1.5rem;background:transparent;color:inherit;font-weight:600;font-size:1rem;border:none;border-radius:inherit;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;justify-content:space-between}#root .content .main .home .league-list li button:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transform:none}#root .content .main .home .league-list li button:after{content:"→";font-size:1.2rem;transition:transform .3s ease}#root .content .main .home .league-list li button:hover:after{transform:translate(4px)}#root .content .main .main-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0;gap:1.5rem}#root .content .main .main-container .top-bar{width:100%;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:0;z-index:100;position:relative;overflow:hidden}#root .content .main .main-container .top-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}#root .content .main .main-container .top-bar:hover:before{transform:translate(100%)}#root .content .main .main-container .top-bar .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1}#root .content .main .main-container .top-bar .container .links{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}#root .content .main .main-container .top-bar .container .links .link{color:#fff;text-decoration:none;font-weight:600;padding:.75rem 1.25rem;border-radius:9999px;transition:all .3s ease;position:relative;overflow:hidden}#root .content .main .main-container .top-bar .container .links .link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}#root .content .main .main-container .top-bar .container .links .link:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#root .content .main .main-container .top-bar .container .links .link:hover:before{left:100%}#root .content .main .main-container .top-bar .container .links .link h6{margin:0;font-size:1rem;font-weight:600}@media (max-width: 768px){#root .content .main .main-container .top-bar{padding:1rem;border-radius:.75rem}#root .content .main .main-container .top-bar .container,#root .content .main .main-container .top-bar .links{justify-content:center;gap:.75rem}#root .content .main .main-container .top-bar .link{padding:.5rem 1rem}#root .content .main .main-container .top-bar .link h6{font-size:.9rem}}#root .content .main .main-container .page-content{flex-grow:1;width:100%;max-width:1200px;margin:0 auto;background:#fff;padding:1rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0;text-align:center;position:relative}#root .content .main .main-container .page-content .table-container{overflow-x:auto;overflow-y:auto;max-height:85vh;margin:1.5rem 0;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0}#root .content .main .main-container .page-content table{width:100%;border-collapse:collapse;margin:0;font-size:1rem;background:#fff;position:relative;min-width:600px}#root .content .main .main-container .page-content table th,#root .content .main .main-container .page-content table td{padding:.5rem .75rem;text-align:center;border-bottom:1px solid #f1f5f9;font-size:.875rem}#root .content .main .main-container .page-content table thead{background:linear-gradient(135deg,#1e293b,#334155);position:sticky;top:0;z-index:10}#root .content .main .main-container .page-content table thead th{font-weight:700;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border:none;position:sticky;top:0;background:linear-gradient(135deg,#1e293b,#334155);padding:.5rem}#root .content .main .main-container .page-content table thead th:first-child{position:sticky;left:0;z-index:11;background:linear-gradient(135deg,#1e293b,#334155);box-shadow:2px 0 5px #0000001a;width:120px;max-width:120px;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#root .content .main .main-container .page-content table tbody tr{transition:all .3s ease;height:2.5rem}#root .content .main .main-container .page-content table tbody tr:nth-child(2n){background:#6366f105}#root .content .main .main-container .page-content table tbody tr:hover{background:#6366f10d;transform:none}#root .content .main .main-container .page-content table tbody tr.current-user{background:linear-gradient(135deg,#6366f114,#6366f11f);border-left:3px solid #6366f1}#root .content .main .main-container .page-content table tbody tr.current-user:hover{background:linear-gradient(135deg,#6366f11f,#6366f129)}#root .content .main .main-container .page-content table tbody td{border-right:1px solid #f1f5f9;font-weight:500}#root .content .main .main-container .page-content table tbody td:first-child{position:sticky;left:0;z-index:5;background:#fff;box-shadow:2px 0 5px #0000001a;font-weight:700;color:#0f172a;width:120px;max-width:120px;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}#root .content .main .main-container .page-content table tbody td:last-child{border-right:none}#root .content .main .main-container .page-content table tbody td div{margin:.125rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;font-size:.75rem;display:inline-block;min-width:50px;line-height:1.2}#root .content .main .main-container .page-content table tbody td .winner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 1px 2px #0000000d}#root .content .main .main-container .page-content table tbody td .loser{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 1px 2px #0000000d}#root .content .main .main-container .page-content table tbody td .push{background:linear-gradient(135deg,#94a3b8,#6b7280);color:#fff;box-shadow:0 1px 2px #0000000d}#root .content .main .main-container .page-content table tbody td .game-started{background:linear-gradient(135deg,#a5b4fc,#6366f1);color:#fff;box-shadow:0 1px 2px #0000000d}#root .content .main .main-container .page-content .submit-button{display:inline-block;width:100%;max-width:300px;padding:1rem 2rem;margin:1rem 0;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;border:none;border-radius:9999px;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;position:relative;overflow:hidden}#root .content .main .main-container .page-content .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#root .content .main .main-container .page-content .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#root .content .main .main-container .page-content .submit-button:hover:not(:disabled):before{left:100%}#root .content .main .main-container .page-content .submit-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000000d}#root .content .main .main-container .page-content .submit-button:active:not(:disabled){transform:translateY(0)}#root .content .main .main-container .page-content h1,#root .content .main .main-container .page-content h2,#root .content .main .main-container .page-content h3,#root .content .main .main-container .page-content h4,#root .content .main .main-container .page-content h5,#root .content .main .main-container .page-content h6{margin-bottom:1rem;font-weight:700;color:#0f172a;line-height:1.2}#root .content .main .main-container .page-content h1{font-size:2.5rem;color:#6366f1;font-weight:800}#root .content .main .main-container .page-content h2{font-size:2rem;color:#1e293b}#root .content .main .main-container .page-content p{margin-bottom:1rem;color:#64748b;line-height:1.6}#root .content .main .main-container .page-content .picksheet-instructions{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:.75rem;padding:.75rem 1rem;margin:1rem 0;text-align:left}#root .content .main .main-container .page-content .picksheet-instructions .instruction-text{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#0f172a;line-height:1.4}#root .content .main .main-container .page-content .picksheet-instructions .update-note{margin:0;font-size:.75rem;color:#94a3b8;font-style:italic;line-height:1.3}#root .content .main .main-container .page-content .submission-status{background:#10b9811a!important;border:1px solid rgba(16,185,129,.2)!important;border-radius:.75rem!important;padding:1rem!important;margin:1rem 0!important;color:#085b40!important}#root .content .main .main-container .page-content .submission-status .picks-summary{font-size:.875rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}#root .content .main .main-container .page-content .game-container-wrapper{display:flex;flex-direction:column;width:100%;gap:.5rem}#root .content .main .main-container .page-content .game-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;margin-bottom:.25rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;box-shadow:0 1px 2px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}#root .content .main .main-container .page-content .game-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#f59e0b,#6366f1);transform:scaleX(0);transition:transform .3s ease}#root .content .main .main-container .page-content .game-container:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#a5b4fc}#root .content .main .main-container .page-content .game-container:hover:before{transform:scaleX(1)}#root .content .main .main-container .page-content .game-container.game-locked{background:linear-gradient(135deg,#94a3b81a,#94a3b826);border-color:#94a3b8;opacity:.85;position:relative}#root .content .main .main-container .page-content .game-container.game-locked:before{background:linear-gradient(90deg,#94a3b8,#64748b,#94a3b8)}#root .content .main .main-container .page-content .game-container.game-locked:hover{transform:none;box-shadow:0 1px 2px #0000000d;border-color:#94a3b8}#root .content .main .main-container .page-content .game-container.game-locked:hover:before{transform:none}#root .content .main .main-container .page-content .game-container .game-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding-right:.5rem;font-size:.75rem;text-align:left;color:#64748b;min-width:80px}#root .content .main .main-container .page-content .game-container .game-info .game-start-date{font-weight:600;color:#0f172a;margin-bottom:.125rem;font-size:.8rem}#root .content .main .main-container .page-content .game-container .game-info .game-start-time{font-size:.7rem;color:#94a3b8}#root .content .main .main-container .page-content .game-container .team-button{flex:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin:0 .25rem;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .3s ease;background:#fff;text-align:center;font-size:.8rem;position:relative;overflow:hidden;min-height:40px}#root .content .main .main-container .page-content .game-container .team-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s}#root .content .main .main-container .page-content .game-container .team-button:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#root .content .main .main-container .page-content .game-container .team-button:hover:before{left:100%}#root .content .main .main-container .page-content .game-container .team-button.selected{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:#6366f1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative}#root .content .main .main-container .page-content .game-container .team-button.selected .team-name{color:#fff;font-weight:700}#root .content .main .main-container .page-content .game-container .team-button.selected .curr-spread,#root .content .main .main-container .page-content .game-container .team-button.selected .open-spread{color:#fff;font-weight:600}#root .content .main .main-container .page-content .game-container .team-button.disabled{opacity:.75;cursor:not-allowed;background:linear-gradient(135deg,#94a3b81a,#94a3b826);border-color:#94a3b8;position:relative}#root .content .main .main-container .page-content .game-container .team-button.disabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(148,163,184,.1) 2px,rgba(148,163,184,.1) 4px);pointer-events:none}#root .content .main .main-container .page-content .game-container .team-button.disabled .team-name,#root .content .main .main-container .page-content .game-container .team-button.disabled .curr-spread,#root .content .main .main-container .page-content .game-container .team-button.disabled .open-spread{color:#64748b;font-weight:600}#root .content .main .main-container .page-content .game-container .team-button.disabled:hover{transform:none;box-shadow:none;background:linear-gradient(135deg,#94a3b81a,#94a3b826)}#root .content .main .main-container .page-content .game-container .team-button.disabled.selected{background:linear-gradient(135deg,#6366f1b3,#4f46e5b3);border-color:#6366f1;opacity:.9}#root .content .main .main-container .page-content .game-container .team-button.disabled.selected:before{background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(99,102,241,.2) 2px,rgba(99,102,241,.2) 4px)}#root .content .main .main-container .page-content .game-container .team-button.disabled.selected .team-name{color:#fff;font-weight:700}#root .content .main .main-container .page-content .game-container .team-button.disabled.selected .curr-spread,#root .content .main .main-container .page-content .game-container .team-button.disabled.selected .open-spread{color:#fff;font-weight:600}#root .content .main .main-container .page-content .game-container .team-button .team-name{flex:2;font-size:.85rem;font-weight:700;text-align:left;color:#0f172a;line-height:1.2}#root .content .main .main-container .page-content .game-container .team-button .open-spread,#root .content .main .main-container .page-content .game-container .team-button .curr-spread{flex:1;margin:0 .25rem;font-weight:600}#root .content .main .main-container .page-content .game-container .team-button .curr-spread{font-size:.75rem;color:#6366f1}#root .content .main .main-container .page-content .game-container .team-button .open-spread{font-size:.7rem;color:#94a3b8}#root .content .main .main-container .page-content .game-container .point-input{flex:1;padding:.375rem .5rem;border-radius:.5rem;border:2px solid #e2e8f0;font-size:.8rem;text-align:center;margin:0 .25rem;width:60px;background:#fff;color:#0f172a;font-weight:600;transition:all .3s ease;min-height:32px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#root .content .main .main-container .page-content .game-container .point-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}#root .content .main .main-container .page-content .game-container .point-input:hover{border-color:#a5b4fc}#root .content .main .main-container .page-content .game-container .point-input:disabled{background:#f1f5f9;color:#64748b;border-color:#94a3b8;font-weight:600;opacity:.9}#root .content .main .main-container .page-content .game-container .point-input::-webkit-outer-spin-button,#root .content .main .main-container .page-content .game-container .point-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 768px){#root .content .main .main-container .page-content{padding:.5rem}#root .content .main .main-container .page-content .picksheet-instructions{padding:.5rem .75rem;margin:.75rem 0}#root .content .main .main-container .page-content .picksheet-instructions .instruction-text{font-size:.8rem}#root .content .main .main-container .page-content .picksheet-instructions .update-note{font-size:.7rem}#root .content .main .main-container .page-content .game-container{flex-direction:column;align-items:stretch;padding:.5rem;gap:.5rem}#root .content .main .main-container .page-content .game-container .game-info{flex-direction:row;justify-content:center;align-items:center;margin-bottom:.25rem;padding:.25rem;background:#6366f10d;border-radius:.5rem;font-size:.7rem;gap:.5rem}#root .content .main .main-container .page-content .game-container .game-info .game-start-date,#root .content .main .main-container .page-content .game-container .game-info .game-start-time{margin:0}#root .content .main .main-container .page-content .game-container .team-button{flex-direction:row;justify-content:space-between;width:100%;margin:.125rem 0;padding:.5rem;min-height:45px}#root .content .main .main-container .page-content .game-container .team-button .team-name{font-size:.8rem}#root .content .main .main-container .page-content .game-container .team-button .curr-spread,#root .content .main .main-container .page-content .game-container .team-button .open-spread{font-size:.7rem}#root .content .main .main-container .page-content .game-container .point-input{width:100%;margin:.125rem 0;padding:.5rem;font-size:.9rem;text-align:center;min-height:40px}}#root .auth{max-width:450px;margin:2rem auto;padding:3rem;background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;text-align:left;position:relative;overflow:hidden}#root .auth:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#f59e0b,#6366f1)}#root .auth form{display:flex;flex-direction:column;gap:1.5rem}#root .auth form input{padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;color:#0f172a;background:#fff;transition:all .3s ease;font-weight:500}#root .auth form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none;transform:translateY(-1px)}#root .auth form input:hover{border-color:#a5b4fc}#root .auth form input::placeholder{color:#94a3b8}#root .auth form button{padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}#root .auth form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#root .auth form button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#root .auth form button:hover:before{left:100%}#root .auth form button:active{transform:translateY(0)}#root .auth .success-message{font-size:1.125rem;font-weight:700;color:#10b981;text-align:center;padding:1rem;background:#10b9811a;border-radius:.75rem;border:1px solid rgba(16,185,129,.2)}@media (max-width: 768px){.content{padding:1rem;min-height:calc(100vh - 70px)}.content .main{padding:0 1rem}.content .main .home{padding:2rem 1.5rem;border-radius:1rem}.content .main .home h1{font-size:2rem}.content .main .home h2{font-size:1.25rem}.content .main .home p{font-size:1rem}.auth{padding:2rem 1.5rem;margin:1rem auto;border-radius:1rem}.auth form{gap:1.25rem}.auth form input{padding:.875rem 1rem;font-size:1rem}.auth form button{padding:.875rem 1.25rem;font-size:1rem}.table-container{max-height:75vh;margin:1rem 0}.table-container table th,.table-container table td{padding:.375rem .5rem;font-size:.8rem}.table-container table thead th{font-size:.75rem;padding:.375rem}.table-container table thead th:first-child,.table-container table tbody td:first-child{width:80px;max-width:80px;min-width:70px;font-size:.7rem;padding:.375rem .25rem}.table-container table tbody tr{height:2rem}.table-container table tbody div{margin:.1rem;padding:.2rem .4rem;font-size:.7rem;min-width:45px}}@media (max-width: 480px){.content{padding:.5rem}.content .main{padding:0 .5rem}.content .main .home{padding:1.5rem 1rem}.content .main .home h1{font-size:1.75rem}.content .main .home h2{font-size:1.125rem}.auth{padding:1.5rem 1rem;margin:.5rem auto}.table-container table thead th:first-child,.table-container table tbody td:first-child{width:60px;max-width:60px;min-width:50px;font-size:.65rem;padding:.25rem .125rem}}