@import url('recent.css?v=2');
@import url('google-auth.css?v=3');
@import url('fonts.css?v=13');
.brand span.brand-logo{position:relative;flex:0 0 36px;width:36px;height:36px;padding:4px;overflow:hidden;display:grid;place-items:center;background:var(--green);border-radius:50%;font-size:0;line-height:0}.brand span.brand-logo img{position:static;display:block;width:100%;height:100%;max-width:28px;max-height:28px;margin:0;object-fit:contain;object-position:center}
:root{--ink:#153b34;--green:#1d5a4d;--mint:#e8f3ed;--cream:#faf7ef;--paper:#fffdfa;--gold:#cf8d4f;--red:#b64c4c;--line:#d9e3db;--shadow:0 18px 55px rgba(21,59,52,.09)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:78px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand span{display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:#fff;border-radius:50%;font-size:28px}nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}nav a:hover{color:var(--gold)}.nav-pill{padding:9px 17px;border:1px solid var(--green);border-radius:100px}.menu{display:none;border:0;background:none;font-size:24px;color:var(--ink)}main{max-width:1160px;min-height:calc(100vh - 260px);margin:auto;padding:45px 24px 90px}.hero{min-height:620px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.hero h1,.page-head h1,.auth h1,.group-hero h1{font:600 clamp(42px,6vw,78px)/1.05 'Playfair Display',serif;margin:18px 0 25px}.hero h1 em{color:var(--gold)}.hero p{max-width:640px;font-size:19px;color:#526b65}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--gold)}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{border:0;border-radius:9px;padding:13px 21px;font:600 14px 'DM Sans';cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--green);color:white;box-shadow:0 8px 22px rgba(29,90,77,.18)}.btn.dark{background:var(--ink);color:white}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.45)}.btn.small{padding:8px 13px}.btn.full{width:100%;margin-top:8px}.envelope{height:320px;background:linear-gradient(145deg,#f0e7d7,#fffdfa);box-shadow:var(--shadow);border-radius:5px;position:relative;display:grid;place-items:center;text-align:center;transform:rotate(2deg);overflow:hidden}.envelope:before,.envelope:after{content:"";position:absolute;width:100%;height:100%;border:1px solid #d8cbb7;transform:rotate(45deg) translate(52%,52%)}.envelope:after{transform:rotate(45deg) translate(-52%,-52%)}

.envelope p{
    position:absolute;
    z-index:2;
    top:18%;
    left:50%;
    width:80%;
    margin:0;
    transform:translateX(-50%);
    font-family:'Playfair Display';
    font-size:22px;
    line-height:1.4;
    color:var(--ink)
}

.seal{position:absolute;z-index:3;top:48%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#a74f42;color:white;border-radius:50%;display:grid;place-items:center;font:600 28px 'Playfair Display';box-shadow:0 3px 0 #78392f}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{padding:30px;border-top:1px solid var(--line)}.features b{color:var(--gold)}.features h3{margin:8px 0}.features p,.muted{color:#688078}.card{background:var(--paper);border:1px solid rgba(21,59,52,.08);border-radius:16px;box-shadow:var(--shadow);padding:32px}.auth{max-width:510px;margin:50px auto}.auth h1{font-size:48px}form label{display:block;font-weight:600;margin:16px 0 7px}input,textarea,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,90,77,.1)}textarea{resize:vertical}label small{display:block;color:#779088;font-weight:400;margin-top:4px}.center{text-align:center}.page-head{display:flex;align-items:end;justify-content:space-between;margin:30px 0 35px;gap:20px}.page-head h1{font-size:52px;margin:10px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stats article{background:var(--mint);padding:22px;border-radius:13px}.stats strong{display:block;font:600 34px 'Playfair Display'}.stats span{font-size:13px;color:#637b75}.letter-list{display:grid;gap:12px}.letter-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 23px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.letter-icon{width:50px;height:50px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-size:22px}.letter-row h3{margin:3px 0}.letter-row p{margin:0;color:#728781;font-size:14px}.row-actions{display:flex;align-items:center;gap:8px}.row-actions form{margin:0}.link{border:0;background:none;cursor:pointer}.danger{color:var(--red)}.badge{display:inline-block;padding:3px 8px;border-radius:100px;background:var(--mint);font-size:11px;font-weight:700;color:var(--green)}.badge.sent{background:#e9f5dc}.badge.failed,.badge.cancelled{background:#f7e3e3;color:var(--red)}.empty{text-align:center;padding:70px}.big-icon{font-size:46px}.compose{max-width:850px;margin:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{padding:14px;background:var(--mint);border-radius:8px;color:#496b62;font-size:13px;margin:20px 0}.join{margin-bottom:22px}.join form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.join h3{margin-top:0}.search{max-width:520px;position:relative;margin:28px 0}.search button{position:absolute;right:6px;top:6px;border:0;background:none;font-size:25px;color:var(--green)}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.group-card{transition:.2s}.group-card:hover{transform:translateY(-3px);border-color:var(--gold)}.group-card h3{font:600 25px 'Playfair Display'}.countdown{color:var(--gold);font-size:13px;font-weight:700}.group-hero{text-align:center;padding:65px}.group-hero h1{font-size:58px}.group-hero>p{max-width:650px;margin:0 auto 30px;color:#647c75}.group-meta{display:flex;justify-content:center;gap:60px;margin:35px 0}.group-meta small{display:block;color:#81938e;font-size:10px}.group-meta strong{font-size:20px}.members>div{display:flex;align-items:center;gap:13px;padding:12px;border-bottom:1px solid var(--line)}.members>div:last-child{border:0}.members p{margin:0}.members small{display:block;color:#768b85}.avatar{width:42px;height:42px;background:var(--mint);border-radius:50%;display:grid;place-items:center;font-weight:700}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.flash{padding:13px 18px;border-radius:9px;margin-bottom:15px;background:#e5f3e9;color:#28613c}.flash.error{background:#f8e4e4;color:#913c3c}footer{text-align:center;padding:55px 20px;background:var(--ink);color:#d6e2dd}footer b{font:600 25px 'Playfair Display'}footer p{margin:5px}footer small{color:#8eaaa2}@media(max-width:800px){header{height:68px}.menu{display:block}nav{display:none;position:absolute;z-index:10;top:66px;left:14px;right:14px;background:white;padding:20px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding:50px 0}.envelope{height:250px}.features,.stats,.group-grid,.admin-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.page-head h1{font-size:40px}.group-hero{padding:35px 20px}.group-hero h1{font-size:42px}.group-meta{gap:20px;flex-wrap:wrap}.letter-row{grid-template-columns:auto 1fr}.row-actions{grid-column:2}.join form{grid-template-columns:1fr}.features article{padding:18px 0}}

.brand .brand-logo {
    width: 36px;
    height: 36px;
    padding: 5px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: var(--green);
}

.brand .brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Quản lý nhóm và đề nghị tham gia */
.group-search-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.group-search-card h3 {
    margin-bottom: 6px;
}

.group-search-card > p {
    margin: 6px 0;
}

.request-form {
    margin-top: auto;
    padding-top: 12px;
}

.request-form label {
    font-size: 13px;
}

.request-state {
    margin-top: auto !important;
    padding: 11px 13px;
    border-radius: 8px;
    background: var(--mint);
    color: var(--green);
    font-size: 13px;
    font-weight: 600;
}

.request-state.rejected {
    background: #f7e3e3;
    color: var(--red);
}

.badge.closed {
    background: #ece9e2;
    color: #6e716d;
}

.group-hero > .badge.closed {
    margin-left: 8px;
}

.group-admin-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    margin: 28px 0;
}

.group-admin-grid h2 {
    margin-top: 0;
}

.request-list {
    display: grid;
    gap: 13px;
}

.request-list article {
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 10px;
}

.request-person {
    display: flex;
    align-items: center;
    gap: 12px;
}

.request-person p,
.request-message {
    margin: 0;
}

.request-person small {
    display: block;
    color: #768b85;
}

.request-message {
    margin: 12px 0 !important;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--mint);
    color: #496b62;
}

.request-list form {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.section-title span {
    color: #768b85;
    font-size: 13px;
}

.members > div > form {
    margin-left: auto;
}

.group-danger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    border-color: rgba(182, 76, 76, .25);
}

.group-danger h3,
.group-danger p {
    margin: 0;
}

.group-danger p {
    margin-top: 4px;
    color: #768b85;
}

.danger-btn {
    background: var(--red);
    color: #fff;
}

@media(max-width:800px) {
    .group-admin-grid {
        grid-template-columns: 1fr;
    }

    .group-danger,
    .section-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .members > div {
        flex-wrap: wrap;
    }

    .members > div > form {
        width: 100%;
        margin-left: 55px;
    }
}
.queue-health,.queue-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.queue-health{margin:24px 0}.queue-health h2,.queue-health p{margin:0 0 8px}.queue-actions{flex-shrink:0}.queue-warning{color:#a84c38;font-weight:600}.queue-error{max-width:260px;color:#a84c38;font-size:13px;white-space:normal}@media(max-width:800px){.queue-health,.queue-actions{align-items:stretch;flex-direction:column}.queue-actions form,.queue-actions button{width:100%}}