@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=DM+Sans:wght@300;400;500&display=swap";:root{background-color:#0b0f19;overflow:hidden}h1{color:#f1f5f9;letter-spacing:-.03em;white-space:nowrap;font-family:Syne,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:800;position:absolute;top:13%;left:50%;transform:translate(-50%,-50%)}.MainButton:hover{cursor:pointer;background:#e0e7ff;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 0 0 1px #818cf880,0 0 36px 8px #818cf84d}.MainButton:active{transform:translate(-50%,-50%)scale(.98)}.MainButton{cursor:pointer;letter-spacing:.02em;color:#0b0f19;background:#fff;border:none;border-radius:8px;padding:14px 20px;font-family:Syne,sans-serif;font-size:15px;font-weight:600;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #818cf84d,0 0 24px 4px #818cf833}.Container{-webkit-backdrop-filter:blur(20px);background:#0f1423bf;border:1px solid #ffffff14;border-radius:16px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0f}.URLContainer{-webkit-backdrop-filter:blur(20px);background:#0f1423d9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:20px;width:480px;padding:36px 40px 32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0f}.Container{flex-direction:column;align-items:center;gap:28px;width:360px;display:flex}.URLContainer{grid-template-columns:1fr;gap:36px;width:600px;display:grid}.form{flex-direction:column;gap:16px;width:100%;display:flex}.formButtons{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}button{letter-spacing:.02em;cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-family:Syne,sans-serif;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.input-group input{color:#f1f5f9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,background .2s}.input-group input::placeholder{color:#fff3}.input-group input:focus{background:#818cf80f;border-color:#818cf899}.btn-login{color:#0b0f19;background:#818cf8;box-shadow:0 0 0 1px #818cf866,0 4px 16px #818cf840}.btn-login:hover{background:#a5b4fc;transform:translateY(-1px);box-shadow:0 0 0 1px #818cf899,0 8px 24px #818cf859}.btn-quit{color:#ffffff59;background:0 0;border:1px solid #ffffff14}.btn-quit:hover{color:#ffffffbf;background:#ffffff0d;border-color:#ffffff26}.saveUrlField{align-items:center;gap:10px;width:100%;display:flex}.form label{color:#818cf8}.DashboardWrapper{color:#f1f5f9;background-color:#0b0f19;min-height:100vh;padding:40px 5%;font-family:DM Sans,sans-serif}.DashboardHeader{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:20px;display:flex}.WelcomeText{color:#fff6;text-transform:uppercase;letter-spacing:.1em;font-size:14px}.DashboardHeader h1{margin:5px 0 0;font-family:Syne,sans-serif;font-size:32px}.HeaderActions{gap:15px;display:flex}.SubmitButton{color:#fff;background:#818cf8;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.SubmitButton:hover{background:#6366f1;transform:translateY(-2px);box-shadow:0 10px 20px #6366f133}.SignoutButton{color:#fff9;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:12px 20px}.LinksGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.LinkCard{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.LinkCard:hover{background:#818cf80d;border-color:#818cf866;transform:translateY(-5px)}.StatBadge{color:#34d399;background:#34d3991a;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.LinkTitle{margin:15px 0 5px;font-family:Syne,sans-serif;font-size:18px}.LinkUrl{color:#ffffff4d;font-size:13px}.CardHoverEffect{color:#818cf8;opacity:0;margin-top:20px;font-size:13px;font-weight:600;transition:all .2s;transform:translate(-10px)}.LinkCard:hover .CardHoverEffect{opacity:1;transform:translate(0)}.AnalyticsView{background:#0f142380;border:1px solid #ffffff0d;border-radius:24px;padding:20px}.linkDataContainer{border-style:solid;border-radius:15px;flex-direction:column;justify-content:center;gap:1rem;width:98%;margin-top:1%;display:flex}.linkDataButton{background-color:#322d4b;width:100%}.dataContainer{grid-template-columns:1fr 1fr;justify-items:center;gap:1rem;width:95%;display:grid}img:hover{cursor:pointer}.shortenLinkContainer{width:100%;display:flex}.dataContainer label{color:#818cf8;font-size:1.2rem}.Chart{width:100%;height:350px}.deletButton{letter-spacing:.05em;text-transform:uppercase;color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:12px;width:100%;margin-top:10px;padding:16px 24px;font-family:Syne,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.deletButton:hover{background:#ef444426;border-color:#ef444466;transform:translateY(-1px);box-shadow:0 4px 12px #ef44441a}.deletButton:active{transform:scale(.98)}