.card-area{background-color:var(--color-surface);min-height:400px;overflow:auto}.card-area .header h1{font-size:var(--big-font);margin-top:0;margin-bottom:16px;font-weight:600}.card-area .header{display:flex;align-items:center;justify-content:space-between;margin-top:60px;margin-bottom:60px}.card-area .header span{font-size:18px}.card-area .header button{transition:all .2s;background-color:var(--color-surface2);border:none;display:flex;gap:12px;color:#fff;font-size:var(--medium-font);align-items:center;border-radius:50px;padding:9px 32px 9px 9px}.card-area .header button img{width:32px;height:32px}.card-area .header button:hover{background-color:var(--color-surface3)}.card-area .content{display:flex;flex-wrap:wrap;gap:15px}.card-area .page{margin-bottom:300px}@media only screen and (max-width:900px){.card-area .header h1{font-size:36px}}@media only screen and (max-width:700px){.card-area .header h1{font-size:24px}.card-area .header span{font-size:14px}.card-area .header button{padding:.5em}.card-area .header button span{padding-right:1rem}.card-area .header{margin-top:30px;margin-bottom:30px}}@media only screen and (max-width:600px){.card-area .content{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.header .buttons{display:flex;flex-direction:column;gap:8px}.header .buttons .stat{padding:12px 16px;font-size:var(--medium-font)}.chat-card{width:220px;min-height:276px;transition:all .2s}.chat-card:hover{transform:scale(1.05)}.chat-card .content{height:204px;display:flex;align-items:center;background-color:#3b4049;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff}.chat-card .content p{text-align:center;font-size:20px;padding-left:24px;padding-right:24px;line-height:28px}.chat-card .content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.chat-card .title .icon{display:flex;align-items:center;justify-content:center;background-color:var(--color-surface3);border-radius:50%;padding:8px}.chat-card .title .icon img{width:32px;height:32px}.chat-card .title{min-height:60px;background-color:var(--color-surface2);display:flex;gap:16px;align-items:center;color:#717280;font-size:16px;padding:16px 18px;border-radius:0 0 8px 8px;word-break:break-all}@media only screen and (max-width:600px){.chat-card{width:100%}.chat-card .title{gap:10px;font-size:14px;padding:8px 12px}.chat-card .title .icon{padding:4px}.chat-card .content p{font-size:16px}}