body{margin:0;background-color:#a3b0fe;color:#fff}.unit[data-v-b7d6028f]{margin-bottom:50px;margin-top:20px}.unit[data-v-b7d6028f]:hover{background:#1414144d}.logo[data-v-b7d6028f]{max-height:80px;max-width:120px}a[data-v-b7d6028f]{color:#fff;text-decoration:none}.title[data-v-b7d6028f]{margin-top:.2em;font-weight:600;font-size:1.2em}.app-container[data-v-2ff1d309]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333;display:flex;flex-direction:column;min-height:100vh}.header[data-v-2ff1d309]{background-color:#7535bb;color:#fff;padding:1rem;text-align:center;font-size:1.5rem;font-weight:700}.main[data-v-2ff1d309]{display:flex;flex:1}.sidebar[data-v-2ff1d309]{background-color:#fff;padding:1rem 0;width:180px;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;align-items:center}.nav-item[data-v-2ff1d309]{padding:.75rem 1rem;margin:.5rem 0;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s;color:#7535bb;font-weight:600;font-size:1.1rem}.nav-item.active[data-v-2ff1d309],.nav-item[data-v-2ff1d309]:hover{background-color:#f3eaff;color:#fff;background:#7535bb}.content[data-v-2ff1d309]{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center}.category-section[data-v-2ff1d309]{width:100%}.category-title[data-v-2ff1d309]{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#7535bb;text-align:left;border-left:5px solid #7535bb;padding-left:.7em;background:#f3eaff;border-radius:4px;width:fit-content}.card-list[data-v-2ff1d309]{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start}.card[data-v-2ff1d309]{background-color:pink;border-radius:12px;box-shadow:0 2px 8px #7535bb14;width:220px;height:220px;display:flex;align-items:center;justify-content:center}