.account-page {
            box-sizing: border-box;
            margin: 0 auto 24px;
            min-width: 0;
            padding: 0 8px;
            width: 100%;
        }
        .account-card {
            background: #fff;
            border: 1px solid #edf0f2;
            border-radius: 22px;
            box-shadow: 0 8px 28px rgba(35, 45, 55, .08);
            min-width: 0;
            overflow: hidden;
            width: 100%;
        }
        .account-card-header {
            align-items: center;
            background: linear-gradient(135deg, #eccfb0 0%, #dca993 100%);
            color: #fff;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: space-between;
            padding: 18px 20px;
        }
        .account-card-heading {
            align-items: center;
            display: flex;
            gap: 12px;
            flex: 1 1 220px;
            min-width: 0;
        }
        .account-card-heading > div { min-width: 0; }
        .account-card-icon {
            align-items: center;
            background: rgba(255, 255, 255, .2);
            border-radius: 14px;
            display: inline-flex;
            flex: 0 0 42px;
            height: 42px;
            justify-content: center;
            width: 42px;
        }
        .account-card-title {
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            line-height: 1.25;
            margin: 0;
            text-transform: uppercase;
            overflow-wrap: anywhere;
        }
        .account-card-subtitle {
            color: rgba(255, 255, 255, .85);
            display: block;
            font-size: 11px;
            margin-top: 2px;
            overflow-wrap: anywhere;
        }
        .account-card-body { min-width: 0; padding: 18px; }
        .account-card-body img,
        .account-card-body video,
        .account-card-body canvas { height: auto; max-width: 100%; }
        .account-toolbar {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .account-count,
        .account-status {
            background: rgba(255, 255, 255, .2);
            border-radius: 20px;
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            padding: 7px 11px;
            max-width: 100%;
            overflow-wrap: anywhere;
            text-align: center;
        }
        .account-item {
            background: #f7f9fa;
            border: 1px solid #edf0f2;
            border-radius: 16px;
            color: #343a40;
            display: block;
            margin-bottom: 10px;
            min-width: 0;
            overflow-wrap: anywhere;
            padding: 14px;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }
        a.account-item:hover {
            border-color: #dfb59f;
            box-shadow: 0 5px 16px rgba(35, 45, 55, .08);
            color: #343a40;
            text-decoration: none;
            transform: translateY(-1px);
        }
        .account-item:last-child { margin-bottom: 0; }
        .account-empty {
            background: #f7f9fa;
            border: 1px dashed #d9dee2;
            border-radius: 18px;
            padding: 34px 18px;
            text-align: center;
        }
        .account-empty-icon {
            color: #d2a58f;
            display: block;
            font-size: 34px;
            margin-bottom: 10px;
        }
        .account-note {
            background: #fff7f2;
            border: 1px solid #efd8ca;
            border-radius: 16px;
            color: #61554e;
            margin-bottom: 16px;
            padding: 14px 16px;
        }
        .account-section {
            background: #f7f9fa;
            border: 1px solid #edf0f2;
            border-radius: 18px;
            margin-bottom: 14px;
            min-width: 0;
            padding: 16px;
        }
        .account-card .select2-container { max-width: 100%; width: 100% !important; }
        .account-card .table-responsive { max-width: 100%; }
        .account-section-title {
            color: #343a40;
            font-size: 12px;
            font-weight: 700;
            margin-bottom: 12px;
            text-transform: uppercase;
        }
        .account-card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        .account-card textarea,
        .account-card select {
            background: #fff;
            border: 1px solid #dfe3e6;
            border-radius: 14px;
            min-height: 44px;
            padding: 10px 13px;
            width: 100%;
        }
        .account-card textarea {
            min-height: 130px;
            resize: vertical;
        }
        .account-card input:focus,
        .account-card textarea:focus,
        .account-card select:focus {
            border-color: #dca993;
            box-shadow: 0 0 0 3px rgba(220, 169, 147, .16);
            outline: 0;
        }
        .account-card label {
            color: #4d555b;
            font-size: 12px;
            font-weight: 700;
            margin: 0 0 6px;
            padding: 0;
        }
        .account-button {
            align-items: center;
            background: linear-gradient(135deg, #1ab394 0%, #168f78 100%);
            border: 0;
            border-radius: 14px;
            color: #fff;
            display: inline-flex;
            font-size: 12px;
            font-weight: 700;
            gap: 7px;
            justify-content: center;
            min-height: 44px;
            padding: 10px 16px;
            text-decoration: none;
            text-transform: uppercase;
        }
        .account-button:hover { color: #fff; opacity: .92; text-decoration: none; }
        .account-button-block { width: 100%; }
        .account-button-danger { background: #dc3545; }
        .account-button-light { background: #fff; color: #3f484f; }
        .account-button-light:hover { color: #1ab394; }
        .account-upload {
            align-items: center;
            background: #fff;
            border: 1px dashed #cfd6da !important;
            border-radius: 16px !important;
            color: #6c757d !important;
            cursor: pointer;
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            margin: 0 !important;
            min-height: 110px;
            padding: 18px !important;
            text-align: center;
            width: 100%;
        }
        .account-upload:hover { background: #fffaf7; border-color: #dca993 !important; }
        .account-message {
            border-radius: 18px 18px 18px 6px;
            box-shadow: 0 3px 12px rgba(35, 45, 55, .07);
            margin-bottom: 10px;
            max-width: 82%;
            overflow-wrap: anywhere;
            padding: 12px 14px;
        }
        .account-message-other { background: #fff; }
        .account-message-own {
            background: #1ab394;
            border-radius: 18px 18px 6px 18px;
            color: #fff;
            margin-left: auto;
        }
        @media (max-width: 575.98px) {
            .account-page { padding: 0; }
            .account-card-header { align-items: flex-start; padding: 15px; }
            .account-card-body { padding: 13px; }
            .account-card-title { font-size: 13px; }
            .account-toolbar { justify-content: flex-start; width: 100%; }
            .account-card-header > form { width: 100%; }
            .account-card-header > form .account-button { width: 100%; }
            .account-section { padding: 13px; }
            .account-item.d-flex { align-items: flex-start !important; flex-wrap: wrap; }
            .account-button { max-width: 100%; white-space: normal; }
        }