@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--white: #fffdff;--light-gray: #e6e5e6;--gray: #8b8b8b;--black: #000004;--light-blue: #80a0b5;--blue: #3b75fd;--dark-blue: #0c0d49;--darker-blue: #020331;--red: #ec5050}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--light-gray);height:100vh}.container{background-color:var(--light-gray);height:100%}main{padding-top:20px;display:grid;gap:20px;grid-template-columns:10% 1fr 10%}.shadow-container{background-color:var(--white);border-radius:18px;box-shadow:0 5px 10px #00000003}.create{grid-column:2;padding:20px 15% 30px}.create h2{font-size:18px;font-weight:600;margin-bottom:12px;text-align:center}.links{grid-column:2;grid-row:2;padding:20px;margin-bottom:20px;display:flex;flex-direction:column-reverse}.links .card-grid{display:grid;grid-template-columns:25% 2fr 3fr 24px;column-gap:18px}header{background-color:var(--darker-blue);color:var(--white);display:flex;position:sticky;top:0;align-items:center;justify-content:space-between;flex-direction:row;padding:10px 10%}header .profile{display:flex;align-items:center;margin-right:20px}header .profile i{display:flex;font-size:14px;width:28px;height:28px;align-items:center;justify-content:center;background-color:var(--light-blue);color:var(--white);border-radius:50%}header .profile h2{font-size:16px;margin-right:12px;font-weight:500}header h1{font-size:20px;font-weight:600;margin-left:20px}.card-title{border-bottom:1px solid var(--gray);padding-bottom:10px}.card-title h2{font-size:16px;font-weight:600}.card-title #title_name{text-align:center}.card-links{padding:12px 0;border-bottom:1px solid var(--light-gray)}.card-links h2{font-size:14px;font-weight:500;text-align:center;align-self:center}.card-links a{font-size:14px;color:var(--blue);text-decoration:none;word-break:break-all}.card-links #null_icon{font-size:16px;color:var(--gray);margin:0 auto;align-self:center}.card-links button{align-self:center;width:24px;height:24px;background:none;border:none;cursor:pointer}.card-links #delete_icon{font-size:16px;color:var(--red)}.card-links #delete_icon:hover{opacity:.8}form{display:flex;flex-direction:column;gap:12px}form input{padding:12px;border:1px solid var(--light-gray);border-radius:8px;font-size:14px}form input:focus{border-color:var(--blue);outline:none}form button{position:relative;padding:12px;background-color:var(--blue);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .3s ease}form button i{position:absolute;right:18px}form button:hover{opacity:.8}