:root{--primary-color: #FFF7F1;--primary-color-extra-light: #FFF7F1;--primary-color-light: #FFFBF7;--primary-color-dark: #FFE4D6;--secondary-color: #FFE4C9;--secondary-color-light: #FFF0E6;--secondary-color-extra-light: #FFFAF5;--secondary-color-dark: #a18c78;--tertiary-color: #E78895;--tertiary-color-light: #f2c6d4;--tertiary-color-extra-light: #f9e5ed;--tertiary-color-dark: #953541;--quaternary-color: #3d504e;--quaternary-color-light: #5a7270;--quaternary-color-extra-light: #7a9995;--quaternary-color-dark: #1f3230;--fifth-color: #001fa9;--fifth-color-light: #8299ff;--fifth-color-extra-light: #c5d9ff;--fifth-color-dark: #00105a;--text-dark: #002152;--text-muted: #666666;--text-light: #999999;--white: #ffffff;--gray-light: #f5f5f5;--gray: #e5e7eb;--gray-dark: #9ca3af;--background-color: #FFF7F1;--background-light: #FFFAF5;--border-color: #FFE4C9;--max-width: 1200px;--warning-light: #ffc800;--warning-dark: #ff9500;--success-light: #75ff75;--success-dark: #00cc00;--danger-color: #ef4444;--danger-dark: #dc2626;--primary-dark: #c9614a}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--primary-color);color:var(--text-dark);font-size:1.1rem;line-height:1.6}.main{position:absolute;width:calc(100% - 80px);left:80px;min-height:100vh;background:var(--primary-color);transition:.5s}.container{display:flex;width:100%;height:100vh;overflow:hidden;background-color:var(--primary-color)}.content{display:flex;width:100%}.cardBox{position:relative;width:91%;padding:30px;display:grid;grid-template-columns:repeat(4,2fr)}.cardBox .card{border:1px solid var(--secondary-color-dark);position:relative;width:100%;background:var(--white);padding:40px;border-radius:30px;display:flex;flex-direction:row;justify-content:space-between;cursor:pointer;margin:10%;transition:all .3s ease}.cardBox .card .numbers{position:relative;font-weight:500;font-size:2.5rem;color:var(--tertiary-color)}.cardBox .card a{text-decoration:none;color:inherit;display:block}.cardBox .card a:hover{text-decoration:none}.cardBox .card .cardName{color:var(--tertiary-color);font-size:1.5rem;margin-top:5px;text-decoration:none}.cardBox .card :hover{cursor:pointer}.cardBox .card svg{color:var(--tertiary-color)}.cardBox .card button{width:50%}.cardBox .card button svg{cursor:pointer;color:var(--secondary-color)}.card:nth-child(n):hover{transform:translate(1px,1px) scale(1);box-shadow:0 4px 30px var(--secondary-color-dark)}.closewindow{position:absolute;right:10px;top:10px;box-sizing:border-box;cursor:pointer;transition:all .2s ease}.closewindow:hover{box-shadow:0 0 10px var(--secondary-color)}.edit-btn,.delete-btn{padding:.25rem .5rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.edit-btn{background:var(--tertiary-color);color:var(--white)}.edit-btn:hover{background:var(--tertiary-color-dark)}.delete-btn{background:var(--fifth-color);color:var(--white)}.delete-btn:hover{background:var(--fifth-color-dark)}.hidden-id{display:none}@media (width < 904px){.cardBox{position:relative;width:91%;padding:30px;display:grid;grid-template-columns:repeat(2,4fr)}}