@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--wine:#692e40;--ink:#302c2b;--muted:#706b65;--cream:#f7f5f0;--line:#e9e5df}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fffefb;border-right:1px solid var(--line);padding:39px 25px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;justify-content:center}.brand-logo{display:block;width:160px;max-width:100%;height:auto}.nav-label{font-size:12px;letter-spacing:1.6px;color:#999088;margin:65px 12px 20px}.nav-link{padding:15px 13px;border-radius:7px;font-size:15px}.active{background:#f3e9eb;color:var(--wine);font-weight:600}.sidebar-note{margin-top:auto;padding:25px 10px 35px;font-family:Georgia,serif;font-size:19px;font-style:italic;color:var(--wine)}.sidebar-note p{font-family:'DM Sans',sans-serif;font-size:14px;font-style:normal;color:var(--muted);line-height:1.8}.account{border-top:1px solid var(--line);padding:24px 10px 0;font-size:14px}.text-button{background:none;border:0;padding:10px 0 0;color:var(--muted);font-size:13px}main{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#fffefb;font-size:12px;letter-spacing:1.3px;color:var(--muted)}.topbar>span:last-child{font-size:13px;letter-spacing:0}.dot{color:var(--wine);margin-left:15px}.content{padding:41px 44px;max-width:1500px;width:100%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#9c7d62;margin:0 0 12px}h1{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1.4px;margin:0 0 10px;font-weight:600}h2{font-size:19px;font-weight:600;margin:0}p{line-height:1.6}.muted{color:var(--muted)}.accent{color:var(--wine)}.button{border:1px solid var(--wine);background:var(--wine);color:#fff;border-radius:6px;padding:12px 19px;font-size:14px;font-weight:600;display:inline-block;text-align:center;white-space:nowrap}.button:hover{filter:brightness(1.12)}.secondary{background:transparent;color:var(--wine);border-color:#d7c5c8}.event-switch{display:flex;justify-content:space-between;align-items:center;margin:29px 0 18px;gap:15px}.event-switch form{width:min(520px,80%)}.event-switch label{font-size:12px;font-weight:600;letter-spacing:1.4px}.event-switch select{margin-top:8px;background:transparent;border-color:#ded8d0}.event-switch>span{font-size:13px;color:var(--muted)}.event-hero{background:#643043;color:#fff9f2;border-radius:10px;padding:30px 32px;display:flex;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.tag{font-size:12px;letter-spacing:1.7px;background:#ffffff16;border:1px solid #ffffff2b;padding:6px 9px;border-radius:4px;display:inline-block}.event-hero h2{font:28px Georgia,serif;margin:17px 0 8px}.event-hero p{color:#ddc7ce;font-size:14px;margin:0 0 23px}.event-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#e6d9dc}.hero-link{font-size:13px;white-space:nowrap;align-self:flex-start;color:#eee2e6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 31px}.stat{background:#fffefb;border:1px solid var(--line);border-radius:8px;padding:22px}.stat>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.stat>strong{display:block;font-size:30px;font-weight:500;margin:14px 0 10px;letter-spacing:-1px}.stat strong small{font-size:15px;color:#777168;letter-spacing:0}.stat>strong.money{font-size:23px;margin-top:20px}.stat p{font-size:12px;color:#777168;margin:9px 0 0}.progress{height:4px;border-radius:3px;background:#eee9e2;margin-top:17px}.progress i{display:block;height:100%;background:var(--wine);border-radius:3px}.panel{background:#fffefb;border:1px solid var(--line);border-radius:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 26px 12px}.section-heading p{font-size:13px;margin:7px 0}.filters{display:flex;gap:10px;padding:15px 26px 24px;align-items:center}.filters input{flex:1;min-width:130px}.filters select{width:210px}.filters a{font-size:13px}input,select,textarea{border:1px solid #e1dcd5;border-radius:5px;background:#fffefb;color:var(--ink);padding:12px;width:100%;font-size:16px}input::placeholder,textarea::placeholder{color:#aaa49d}input:focus,select:focus,textarea:focus{border-color:var(--wine)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;font-weight:500;letter-spacing:1px;color:#777168;background:#faf8f4;padding:14px 20px;border-block:1px solid var(--line)}td{padding:19px 20px;font-size:14px;border-bottom:1px solid #f0ece6}td strong{font-weight:500}.contact{display:flex;gap:12px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eee7df;color:#8d7164;font:16px Georgia,serif}.whatsapp{display:block;color:#7c8a73;font-size:12px;margin-top:5px}.badge{font-size:12px;padding:5px 9px;border-radius:4px}.pending{background:#fbf1da;color:#a07f30}.confirmed{background:#eaf0e5;color:#607d4f}.cancelled{background:#f4e8e8;color:#a15e5e}.block{display:block;font-size:12px;margin-top:5px}.edit-link{font-size:13px;color:var(--wine)}.empty{text-align:center;padding:50px 25px;white-space:normal}.empty>span{display:block;color:#aa8e7b;font-size:35px;margin-bottom:20px}.empty h3{font:22px Georgia,serif}.empty p{color:var(--muted);font-size:14px}.empty .button{margin-top:15px}.table-note{font-size:12px;color:#777168;padding:17px 26px}.pagination{padding:0 24px}.pagination svg{width:18px;height:18px}.pagination nav{padding:16px 0}.pagination nav>div{display:flex;gap:15px;justify-content:space-between}.pagination span,.pagination a{padding:3px}.form-grid{display:grid;gap:24px;padding:30px;margin-top:25px;max-width:900px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:500}.form-grid small,.total-box small{font-size:12px;color:var(--muted);line-height:1.6;font-weight:400}.full{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:flex-end;gap:25px;font-size:14px}.back{display:inline-block;margin-bottom:30px;color:var(--muted);font-size:14px}.total-box{padding:15px 20px;background:var(--cream);border-radius:5px;font-size:13px}.total-box strong{display:block;font-size:21px;margin:8px 0}.login-wrap{max-width:460px;margin:60px auto 100px}.login-wrap h1{font-size:44px;line-height:1.25}.notice,.errors{padding:17px 22px;border-radius:6px;margin-bottom:22px;line-height:1.7}.notice{background:#e7eee1;color:#4c693f}.errors{background:#f4e6e7;color:#883f4e}.errors ul{padding-left:20px}footer{margin-top:auto;padding:20px 44px 25px;color:#a39a8f;font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between}footer span{font-family:Georgia,serif;font-style:italic;font-size:15px;letter-spacing:0}.inline{display:flex;gap:8px}@media(min-width:1600px){.content{padding-block:55px}}@media(max-width:1150px){.sidebar{width:205px;padding-inline:18px}main{margin-left:205px}.content{padding:30px 25px}.stats{gap:10px}.stat{padding:16px}.stat>strong.money{font-size:19px}.event-meta{gap:13px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:15px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sidebar .nav-label,.sidebar-note,.nav-link{display:none}.account{border:0;padding:0;text-align:right}.account form{display:inline;margin-left:10px}.brand-logo{width:98px}.topbar{display:none}main{margin-left:0}.content{padding:30px 18px}.heading{align-items:flex-start}h1{font-size:27px}.heading .button{font-size:12px;padding:10px}.stats{grid-template-columns:1fr 1fr}.event-hero{padding:24px}.event-hero h2{font-size:25px}.event-meta{flex-direction:column}.hero-link{font-size:12px}.event-switch>span{display:none}.event-switch form{width:100%}.filters{flex-wrap:wrap;padding-inline:18px}.filters input{flex-basis:100%}.filters select{flex:1}.section-heading{padding-inline:18px}.section-heading h2{font-size:17px}.section-heading .button{font-size:12px;padding:10px}.two-column{grid-template-columns:minmax(0,1fr)}.form-grid{padding:23px 18px}.login-wrap{margin:45px auto}.login-wrap h1{font-size:37px}footer{padding-inline:20px}}

.form-grid .remember-access { flex-direction: row; align-items: center; gap: 10px; cursor: pointer; font-weight: 400; }
.remember-access input { width: 17px; height: 17px; margin: 0; padding: 0; accent-color: var(--wine); cursor: pointer; }

@media (max-width: 800px) {
    .heading, .section-heading { flex-wrap: wrap; }
    .event-hero { flex-wrap: wrap; }
    .filters { gap: 12px; }
}

/* Allow native form controls to shrink even when an event name is long. */
main, .content, .form-grid, .form-grid > * {
    min-width: 0;
}
.form-grid {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
}
.form-grid.two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-grid input, .form-grid select, .form-grid textarea {
    min-width: 0;
    max-width: 100%;
}
.form-grid label, .total-box {
    overflow-wrap: anywhere;
}
@media (max-width: 800px) {
    .form-grid.two-column { grid-template-columns: minmax(0, 1fr); }
    .form-actions { flex-wrap: wrap; gap: 16px; }
    .form-actions .button { max-width: 100%; white-space: normal; }
    .account { min-width: 0; overflow-wrap: anywhere; }
    footer { flex-wrap: wrap; gap: 12px; }
}

/* Avoid intrinsic sizing of native controls expanding the page in iOS Safari. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.form-grid select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23692e40' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    text-overflow: ellipsis;
}
@media (max-width: 800px) {
    main { width: 100%; max-width: 100%; }
    .content { max-width: 100%; }
    .form-grid, .form-grid.two-column {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }
    .form-grid > * {
        width: 100%;
        max-width: 100%;
        min-inline-size: 0;
    }
    .form-grid input, .form-grid select, .form-grid textarea {
        display: block;
        width: 100%;
        inline-size: 100%;
        min-inline-size: 0;
        max-inline-size: 100%;
    }
    .form-grid .remember-access input {
        flex: 0 0 17px;
        width: 17px;
        inline-size: 17px;
    }
    .form-grid textarea { resize: vertical; }
}

/* Keep horizontal scrolling inside components rather than the mobile document. */
@media (max-width: 800px) {
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overscroll-behavior-x: none;
    }
    .sidebar {
        inset: auto;
        max-width: 100%;
    }
    .table-scroll {
        min-width: 0;
        max-width: 100%;
        overflow-x: auto;
    }
}
@supports (overflow-x: clip) {
    @media (max-width: 800px) {
        html, body { overflow-x: clip; }
    }
}

.pricing-summary { padding: 20px; border: 1px solid var(--line); border-radius: 7px; background: var(--cream); }
.pricing-summary h2 { font-size: 17px; }
.pricing-summary p { font-size: 14px; overflow-wrap: anywhere; }
.pricing-line { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.pricing-line output { font-size: 25px; font-weight: 600; color: var(--wine); overflow-wrap: anywhere; }
.pricing-help { font-size: 13px; margin: 0; }
.legacy-pricing-notice { margin: 0; }
.legacy-pricing-notice .remember-access { margin-top: 14px; }
input[readonly] { background: var(--cream); color: var(--muted); }