.title{color:#fff;font-size:26px}.link{position:relative;display:inline-block;color:#fff;font-size:18px;text-decoration:none;transition:all .3s ease}.link:hover,.link:hover .link{color:#000}.icon{position:absolute;top:50%;right:-34px;transform:translate(-50%,-50%);height:20px;width:20px}.input{height:36px;border-radius:8px;padding-left:24px;outline:none;border:none;font-family:CruinnRegular;font-size:18px;border:1px solid rgba(255,255,255,0);transition:all .3s ease}.input:focus{border:1px solid #000}.button{height:36px;padding:4px 24px;background-color:#fff;color:#000;outline:none;border:none;border-radius:8px;font-family:CruinnMedium;font-size:16px;transition:opacity .3s ease;cursor:pointer}.button:hover{opacity:.7}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:CruinnBlack;src:url(/assets/CruinnBlack-KPi94Qca.ttf)}@font-face{font-family:CruinnBold;src:url(/assets/CruinnBold-6ZKXDqDr.ttf)}@font-face{font-family:CruinnLight;src:url(/assets/CruinnLight-B_VH3ycE.ttf)}@font-face{font-family:CruinnMedium;src:url(/assets/CruinnMedium-DWwsgpQ9.ttf)}@font-face{font-family:CruinnThin;src:url(/assets/CruinnThin-CjG9JSTE.ttf)}@font-face{font-family:CruinnRegular;src:url(/assets/CruinnRegular-eVraa_IK.ttf)}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400;font-family:CruinnBold}body{min-height:100vh;font-size:15px;background:linear-gradient(135deg,#007bff,#00d4ff)}.card[data-v-dbe9cc27]{background-color:#f0f0f0;border:1px solid #ccc;width:150px;height:150px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px;box-shadow:0 2px 4px #0000001a;transition:transform .2s;color:#000;cursor:pointer;border-radius:8px}.card[data-v-dbe9cc27]:hover{transform:scale(1.05)}.link[data-v-a21e44bf]{margin-top:24px}.cards-container[data-v-ae87946b]{display:flex;gap:15px;margin-top:24px;flex-wrap:wrap}.add-card[data-v-e749b3c8]{display:grid;grid-template-columns:1fr .5fr;align-items:center;gap:15px;margin-top:24px}@media (max-width: 767px){.add-card[data-v-e749b3c8]{grid-template-columns:1fr}}.list[data-v-e749b3c8]{margin-top:24px;padding:24px;background-color:#00ced1;border-radius:8px;max-height:500px;overflow-y:scroll}.list .list-item[data-v-e749b3c8]{padding:8px;margin-bottom:12px;background-color:#87ceeb;border-radius:8px}.list .list-item[data-v-e749b3c8]:last-child{margin-bottom:0}.list .action-card[data-v-e749b3c8]{display:flex;justify-content:space-between;align-items:center;gap:15px}.list .action-card .card-text[data-v-e749b3c8]{font-size:18px}@media (max-width: 767px){.list .action-card[data-v-e749b3c8]{flex-direction:column}.list .action-card .action-card-btn[data-v-e749b3c8]{width:100%}}.list .action-card-input[data-v-e749b3c8]{width:calc(100% - 30px)}.list .btns[data-v-e749b3c8]{display:flex;gap:15px}@media (max-width: 767px){.list .btns[data-v-e749b3c8]{flex-direction:column;width:100%}}.not-found[data-v-6bdb5258]{display:flex;flex-direction:column;align-items:center}.img[data-v-6bdb5258]{padding:24px 0;height:100%;width:100%;max-height:500px;max-width:500px;border-radius:8px}